From 6f70e1a6426a7ce7f2b16ca78e40d71e7550244c Mon Sep 17 00:00:00 2001
From: hsiegeln <37154749+hsiegeln@users.noreply.github.com>
Date: Fri, 24 Apr 2026 17:19:47 +0200
Subject: [PATCH] =?UTF-8?q?Assemble=20homepage=20=E2=80=94=20Hero,=20DualV?=
 =?UTF-8?q?alueProps,=20HowItWorks,=20WhyUs,=20PricingTeaser,=20FinalCTA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/sections/FinalCTA.astro | 18 ++++++++++++++++++
 src/pages/index.astro                  | 24 +++++++++++++++++++++---
 2 files changed, 39 insertions(+), 3 deletions(-)
 create mode 100644 src/components/sections/FinalCTA.astro

diff --git a/src/components/sections/FinalCTA.astro b/src/components/sections/FinalCTA.astro
new file mode 100644
index 0000000..71f0354
--- /dev/null
+++ b/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>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index aaba719..34d8695 100644
--- a/src/pages/index.astro
+++ b/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.">
-  <main class="max-w-content mx-auto px-6 py-24">
-    <p class="text-accent font-mono">BaseLayout ok</p>
+<BaseLayout
+  title="Cameleer — Zero-code observability for Apache Camel"
+  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>