'use client' import { Button } from '@/components/ui/button' import { Check } from 'lucide-react' import Link from 'next/link' const PricingSection = () => { return (

Pricing

Choose the perfect plan for your messaging needs

{/* Free Plan */}

Free

Perfect for getting started

$0 /month
{/* Pro Plan */}
MOST POPULAR

Pro

Ideal for most use-cases

{/* Monthly pricing */}
Monthly
$9.90
$6.90 /month
Save 30%
{/* Yearly pricing */}
Yearly (2 months free)
$99
$69 /year
Save 42%
{/* Custom Plan */}

Custom

For more specific needs or custom integrations

Custom pricing
) } const Feature = ({ text, light = false, }: { text: string light?: boolean }) => (
  • {text}
  • ) export default PricingSection