Assemble homepage — Hero, DualValueProps, HowItWorks, WhyUs, PricingTeaser, FinalCTA

src/components/sections/FinalCTA.astro

@@ -0,0 +1,18 @@
+---
+import CTAButtons from '../CTAButtons.astro';
+import TopographicBg from '../TopographicBg.astro';
+---
+<section class="relative overflow-hidden">
+  <TopographicBg opacity={0.18} lines={6} />
+  <div class="relative max-w-content mx-auto px-6 py-24 md:py-32 text-center">
+    <h2 class="text-display font-bold text-text mb-6">
+      Start seeing your routes.
+    </h2>
+    <p class="text-lg md:text-xl text-text-muted max-w-prose mx-auto mb-10">
+      14-day free trial. Your first app, instrumented and live in under 10 minutes.
+    </p>
+    <div class="flex justify-center">
+      <CTAButtons size="lg" />
+    </div>
+  </div>
+</section>

src/pages/index.astro

@@ -1,8 +1,26 @@
 ---
 import BaseLayout from '../layouts/BaseLayout.astro';
+import SiteHeader from '../components/SiteHeader.astro';
+import SiteFooter from '../components/SiteFooter.astro';
+import Hero from '../components/sections/Hero.astro';
+import DualValueProps from '../components/sections/DualValueProps.astro';
+import HowItWorks from '../components/sections/HowItWorks.astro';
+import WhyUs from '../components/sections/WhyUs.astro';
+import PricingTeaser from '../components/sections/PricingTeaser.astro';
+import FinalCTA from '../components/sections/FinalCTA.astro';
 ---
-<BaseLayout title="Cameleer — scaffolding" description="Scaffolding placeholder.">
+<BaseLayout
-  <main class="max-w-content mx-auto px-6 py-24">
+  title="Cameleer — Zero-code observability for Apache Camel"
-    <p class="text-accent font-mono">BaseLayout ok</p>
+  description="See every route. Reach into every flow. Zero-code tracing, processor-level detail, and live control for Apache Camel — from a single -javaagent flag."
+>
+  <SiteHeader />
+  <main>
+    <Hero />
+    <DualValueProps />
+    <HowItWorks />
+    <WhyUs />
+    <PricingTeaser />
+    <FinalCTA />
   </main>
+  <SiteFooter />
 </BaseLayout>