diff --git a/apps/public/src/app/(content)/pricing/page.tsx b/apps/public/src/app/(content)/pricing/page.tsx index 21818492..f1c94656 100644 --- a/apps/public/src/app/(content)/pricing/page.tsx +++ b/apps/public/src/app/(content)/pricing/page.tsx @@ -4,13 +4,16 @@ import { HeroContainer } from '@/app/(home)/_sections/hero'; import { Pricing } from '@/app/(home)/_sections/pricing'; import { Testimonials } from '@/app/(home)/_sections/testimonials'; import { Section, SectionHeader } from '@/components/section'; +import { Button } from '@/components/ui/button'; import { url } from '@/lib/layout.shared'; import { getOgImageUrl, getPageMetadata } from '@/lib/metadata'; +import { compareSource } from '@/lib/source'; import { formatEventsCount } from '@/lib/utils'; import { PRICING } from '@openpanel/payments/prices'; import type { Metadata } from 'next'; import Link from 'next/link'; import Script from 'next/script'; +import { CompareCard } from '../compare/_components/compare-card'; const title = 'OpenPanel Cloud Pricing'; const description = @@ -111,6 +114,14 @@ function PricingTable() { } function ComparisonSection() { + const comparisons = compareSource + .filter((item) => + ['plausible', 'mixpanel', 'google', 'posthog', 'matomo', 'umami'].some( + (name) => item.competitor.name.toLowerCase().includes(name), + ), + ) + .sort((a, b) => a.competitor.name.localeCompare(b.competitor.name)); + return (
} /> + + + +
+ {comparisons.map((comparison) => ( + + ))} +
); }