Pricing Card

import { PricingCard } from "@/components/ui/pricing-card";

const DEMO_TIERS = [
  {
    name: "Starter",
    price: {
      monthly: 9,
      yearly: 90,
    },
    description: "Perfect for small teams and startups",
    features: ["Up to 5 team members", "Basic analytics", "24/7 support"],
    cta: "Get Started",
  },
  {
    name: "Pro",
    price: {
      monthly: 29,
      yearly: 290,
    },
    description: "For growing businesses",
    features: [
      "Unlimited team members",
      "Advanced analytics",
      "Priority support",
      "Custom integrations",
    ],
    cta: "Upgrade to Pro",
    highlighted: true,
    popular: true,
  },
];

export function PricingCardDemo() {
  return (
    <div className="grid gap-6 p-6 md:grid-cols-2">
      {DEMO_TIERS.map((tier) => (
        <PricingCard key={tier.name} tier={tier} paymentFrequency="monthly" />
      ))}
    </div>
  );
}