import { HeroSection } from "@launchapp/design-system/blocks/marketing";import { Button } from "@launchapp/design-system";export default function Page() {  return (    <HeroSection      badge="New — v2.0 released"      headline="Build faster with LaunchApp"      subheadline="A complete design system built on Radix UI and Tailwind CSS. Ship production-ready UIs in hours, not weeks."      primaryAction={<Button size="lg">Get started</Button>}      secondaryAction={<Button size="lg" variant="outline">View docs</Button>}    />  );}

import { FeatureGrid } from "@launchapp/design-system/blocks/marketing";const features = [  {    title: "Accessible",    description: "Built on Radix UI primitives for full keyboard and screen reader support.",    icon: "♿",  },  {    title: "Customizable",    description: "CSS custom properties and Tailwind for effortless theming.",    icon: "🎨",  },  {    title: "TypeScript",    description: "Fully typed APIs with IntelliSense for a great DX.",    icon: "📘",  },  {    title: "Dark Mode",    description: "First-class dark mode support out of the box.",    icon: "🌙",  },];export default function Page() {  return <FeatureGrid features={features} title="Why LaunchApp?" />;}

import { PricingTable } from "@launchapp/design-system/blocks/marketing";const plans = [  {    name: "Starter",    price: "$9",    period: "/month",    description: "Perfect for individuals and small projects.",    features: ["5 projects", "10 GB storage", "Email support"],    ctaLabel: "Get started",  },  {    name: "Pro",    price: "$29",    period: "/month",    description: "Best for growing teams and businesses.",    features: ["Unlimited projects", "100 GB storage", "Priority support", "Analytics"],    ctaLabel: "Start free trial",    highlighted: true,  },  {    name: "Enterprise",    price: "Custom",    description: "For large organizations with advanced needs.",    features: ["Unlimited everything", "Dedicated support", "Custom integrations", "SLA"],    ctaLabel: "Contact sales",  },];export default function Page() {  return <PricingTable plans={plans} onSelect={(plan) => console.log(plan)} />;}

import { TestimonialCarousel } from "@launchapp/design-system/blocks/marketing";const testimonials = [  {    id: "1",    quote: "LaunchApp cut our frontend development time in half. The components are beautiful and accessible out of the box.",    author: "Sarah Chen",    role: "CTO at Startup Inc.",    avatarFallback: "SC",  },  {    id: "2",    quote: "The best design system I've worked with. Theming support and dark mode made our redesign a breeze.",    author: "Mark Rivera",    role: "Lead Engineer at TechCorp",    avatarFallback: "MR",  },];export default function Page() {  return <TestimonialCarousel testimonials={testimonials} />;}

import { BillingCard } from "@launchapp/design-system/blocks/marketing";export default function Page() {  return (    <BillingCard      name="Pro"      price={{ monthly: 29, annual: 290 }}      description="For growing teams"      features={["Unlimited projects", "100GB storage", "Priority support", "Custom domains"]}      highlighted      ctaLabel="Get started"      onSelect={() => console.log("selected pro")}    />  );}

import { ChangelogTimeline } from "@launchapp/design-system/blocks/marketing";const entries = [  { id: "1", version: "2.0.0", date: "March 2024", title: "Design System v2", description: "268 components, dark mode, and more.", badge: "Major" },  { id: "2", version: "1.5.0", date: "January 2024", title: "New Components", description: "Added Carousel, Timeline, and Heatmap.", badge: "Feature" },];export default function Page() {  return <ChangelogTimeline entries={entries} />;}

import { FeatureComparison } from "@launchapp/design-system/blocks/marketing";const features = [  { name: "Projects", free: "5", pro: "Unlimited" },  { name: "Storage", free: "5GB", pro: "100GB" },  { name: "Team members", free: "3", pro: "Unlimited" },  { name: "Priority support", free: false, pro: true },  { name: "Custom domains", free: false, pro: true },];export default function Page() {  return <FeatureComparison features={features} plans={["Free", "Pro"]} />;}

import { LogoCloud } from "@launchapp/design-system/blocks/marketing";const logos = [  { id: "1", name: "Acme Corp", src: "/logos/acme.svg" },  { id: "2", name: "Globex", src: "/logos/globex.svg" },  { id: "3", name: "Initech", src: "/logos/initech.svg" },];export default function Page() {  return <LogoCloud logos={logos} headline="Trusted by leading companies" />;}

import { PricingComparisonTable } from "@launchapp/design-system/blocks/marketing";const plans = [  { id: "free", name: "Free", price: "$0" },  { id: "pro", name: "Pro", price: "$29/mo", highlighted: true },  { id: "enterprise", name: "Enterprise", price: "Custom" },];const features = [  { category: "Core", items: [    { name: "Projects", free: "5", pro: "Unlimited", enterprise: "Unlimited" },    { name: "Storage", free: "5GB", pro: "100GB", enterprise: "1TB" },  ]},];export default function Page() {  return <PricingComparisonTable plans={plans} features={features} />;}