---
import Hero from "@/components/sections/Hero.astro";
---
<Hero
  title="Ship products,<br />not prompts."
  subtitle="One AI platform for your entire product team."
  primaryCta={{ href: "/login", label: "Start free trial" }}
  secondaryCta={{ href: "/contact", label: "Book a demo" }}
/>

---
import LogoCloud from "@/components/sections/LogoCloud.astro";
---
<LogoCloud />

---
import ProblemStatement from "@/components/sections/ProblemStatement.astro";
---
<ProblemStatement />

---
import FeatureConnectors from "@/components/sections/FeatureConnectors.astro";
---
<FeatureConnectors />

---
import FeatureStudio from "@/components/sections/FeatureStudio.astro";
---
<FeatureStudio />

---
import Pillars from "@/components/sections/Pillars.astro";
---
<Pillars />
<!-- or with muted background: -->
<Pillars muted />

---
import Principles from "@/components/sections/Principles.astro";
---
<Principles />

---
import Features from "@/components/sections/Features.astro";
---
<Features
  title="Everything your team needs to ship faster"
  subtitle="Nebula handles the infrastructure so you can focus on what matters."
  features={[
    { title: "Real-Time Collaboration", description: "...", icon: "users" },
    { title: "Enterprise Security", description: "...", icon: "shield" },
    // ... up to 6 features
  ]}
/>

---
import ContentBlock from "@/components/sections/ContentBlock.astro";
---
<ContentBlock
  tagline="Who We Are"
  title="A small team with an outsized impact."
  description="We are a team of 18 designers, engineers, and strategists..."
  imageSide="right"
  features={["Strategy-first approach", "End-to-end delivery", "Transparent process"]}
/>

---
import Pricing from "@/components/sections/Pricing.astro";
---
<Pricing />

---
import Testimonials from "@/components/sections/Testimonials.astro";
---
<Testimonials
  title="What our clients say"
  testimonials={[
    { quote: "...", author: "Daniel Park", role: "CMO", company: "Vantage Health" },
    // ...
  ]}
/>

---
import CustomerSuccess from "@/components/sections/CustomerSuccess.astro";
---
<CustomerSuccess />

---
import Metrics from "@/components/sections/Metrics.astro";
---
<Metrics />

---
import BYOAI from "@/components/sections/BYOAI.astro";
---
<BYOAI />

---
import CTA from "@/components/sections/CTA.astro";
---
<CTA
  title="Ship your next project with Nebula."
  description="Join 85,000+ developers who have already ditched their deployment scripts."
  cta={{ href: "/signup", label: "Get Started Free" }}
/>

---
import FinalCTA from "@/components/sections/FinalCTA.astro";
---
<FinalCTA />

---
import FAQ from "@/components/sections/FAQ.astro";
---
<FAQ
  title="Frequently asked questions"
  faqs={[
    { question: "What is Apex AI?", answer: "..." },
    { question: "Is my data secure?", answer: "..." },
    // ...
  ]}
/>

---
import Stats from "@/components/sections/Stats.astro";
---
<Stats
  title="Trusted by teams worldwide"
  subtitle="Numbers that reflect the trust our customers place in us."
  stats={[
    { value: "120K+", label: "Active Users", description: "Teams across 60+ countries" },
    // ...
  ]}
/>

---
import Comparison from "@/components/sections/Comparison.astro";
---
<Comparison
  title="How we stack up"
  subtitle="We compared ourselves honestly to the most popular alternatives."
  columns={[{ name: "Nebula", highlighted: true }, { name: "Vercel" }, { name: "Railway" }]}
  features={[
    { name: "One-command deploy", values: [true, true, true] },
    { name: "Zero-config CI/CD", values: [true, false, false] },
    // ...
  ]}
/>

---
import Newsletter from "@/components/sections/Newsletter.astro";
---
<Newsletter
  title="Get Our Newsletter"
  description="Monthly insights on design, product strategy, and the business of building digital products."
  placeholder="your@email.com"
  buttonText="Subscribe"
/>