Pricing Overview

1import { ArrowRight, Check } from "lucide-react"
2import Link from "next/link"
3 
4/**
5 * Edit CONTENT / PACKAGES to match your studio pricing.
6 * Matches the AtroUI docs Pricing Overview band (no motion deps).
7 */
8const CONTENT = {
9  stamp: "Pricing",
10  headlineBefore: "Fixed packages.",
11  headlineAccent: "No hourly theater.",
12  lede: "Scope once, price once, ship once. You know the number before we write a line of code.",
13  allHref: "/services",
14  allLabel: "All packages",
15  investmentLabel: "Investment",
16  investmentNote:
17    "Scope once. Price once. Ship once. If we go over, that's our problem - not yours.",
18}
19 
20const PACKAGES = [
21  {
22    id: "mvp-sprint",
23    name: "7-Day MVP Sprint",
24    tagline: "One core workflow, live",
25    timeline: "7 days",
26    price: "$4,800",
27    priceSuffix: "fixed",
28    badge: "Most booked",
29    features: [
30      "Fixed scope before day one",
31      "Auth, core flow, deploy",
32      "Daily async updates",
33      "Handoff docs included",
34    ],
35    ctaLabel: "Start a sprint",
36    ctaHref: "/contact?service=mvp-sprint",
37    detailsHref: "/services/mvp-sprint",
38    highlight: true,
39    description: "Ship one validated workflow in a week.",
40  },
41  {
42    id: "ai-feature",
43    name: "AI Feature",
44    tagline: "Drop AI into an existing product",
45    timeline: "5-10 days",
46    price: "from $2,400",
47    priceSuffix: "",
48    badge: "",
49    features: [],
50    ctaLabel: "Scope AI",
51    ctaHref: "/contact?service=ai-integration",
52    detailsHref: "/services/ai-feature",
53    highlight: false,
54    description: "Model wiring, UX, and evals for one feature.",
55  },
56  {
57    id: "design-system",
58    name: "Design System",
59    tagline: "Tokens, components, docs",
60    timeline: "2-3 weeks",
61    price: "from $3,600",
62    priceSuffix: "",
63    badge: "",
64    features: [],
65    ctaLabel: "Talk systems",
66    ctaHref: "/contact?service=design-system",
67    detailsHref: "/services/design-system",
68    highlight: false,
69    description: "A coherent dark-first kit your team can extend.",
70  },
71  {
72    id: "full-stack",
73    name: "Full-Stack Build",
74    tagline: "Longer engagement",
75    timeline: "Scoped after a call",
76    price: "Custom",
77    priceSuffix: "",
78    badge: "",
79    features: [],
80    ctaLabel: "Book intro",
81    ctaHref: "/contact?service=full-stack-build",
82    detailsHref: "/services/full-stack",
83    highlight: false,
84    description: "Multi-week product work with fixed milestones.",
85  },
86]
87 
88export function PricingOverview() {
89// … truncated