pricing.tsx

import { Section } from '@/components/section'
import { Heading } from '@/components/heading'
import { Paragraph } from '@/components/paragraph'
import { Button } from '@/components/button'
import { Grid } from '@/components/grid'
import { List, Li } from '@/components/list'
import { Chip } from '@/components/chip'
import checkIcon from '@iconify/icons-heroicons/check-20-solid'
import { clsx } from 'clsx'

const pricingPlans = [
  {
    name: 'Essentials',
    description: 'Perfect for intimate celebrations',
    price: '$2,500',
    priceColor: 'text-accent',
    featured: false,
    features: [
      'Up to 50 guests',
      'Venue recommendations',