Pricing Exemple 2

1"use client";
2
3import { motion, Variants } from "framer-motion";
4import { Check, Mail, Send } from "lucide-react";
5
6// ─── Types ──────────────────────────────────────────────────────────────────
7
8interface PricingPlan {
9  title: string;
10  description: string;
11  price: string;
12  priceLabel: string;
13  features: string[];
14  cta: string;
15  highlighted: boolean;
16}
17
18// ─── Data ────────────────────────────────────────────────────────────────────
19
20const plans: PricingPlan[] = [
21  {
22    title: "Landing Page",
23    description:
24        "Ideal for designing or redesigning website to double your conversion rates",
25    price: "$1200",
26    priceLabel: "Fixed Price",
27    features: [
28      "7-14 Days turnaround time",
29      "1-4 Unique pages",
30      "Conversion-focused layout",
31      "Responsive Design Desktop, Tablet, Mobile",
32      "5/7 Communication via Slack, Telegram & Loom",
33      "No-code development (Framer)",
34      "50/25/25 Secure payment",
35    ],
36    cta: "Get Started",
37    highlighted: false,
38  },
39  {
40    title: "MVP Launch Kit",
41    description:
42        "Full App MVP (20-40 screens) Including Website (design + no-code development) with 10+ unique pages.",
43    price: "$4000",
44    priceLabel: "Fixed Price",
45    features: [
46      "Product Design",
47      "Predefined scope of work (SOW)",
48      "Updates every 48 hours",
49      "No-code development (Framer)",
50      "50/25/25 Secure payment",
51    ],
52    cta: "Get Started",
53    highlighted: false,
54  },
55  {
56    title: "Custom",
57    description:
58        "Seeking a different scope of work? We're offering a variety of other design services.",
59    price: "Starting at $500 min",
60    priceLabel: "",
61    features: [
62      "Landing Page",
63      "Mobile app",
64      "Web app",
65      "No-code development (Framer)",
66      "50/25/25 Secure payment",
67    ],
68    cta: "Request Quote",
69    highlighted: true,
70  },
71];
72
73// ─── Animation variants ───────────────────────────────────────────────────────
74
75const containerVariants: Variants = {
76  hidden: {},
77  visible: {
78// … truncated