From a4b53caaa2675832c3e33419d733ce564ec2f708 Mon Sep 17 00:00:00 2001
From: kayjaydee <killian.dalcin@gmail.com>
Date: Wed, 8 Apr 2026 18:36:49 +0200
Subject: [PATCH] feat(03-02): landing page with 6 sections

- HeroSection, FeaturedProjectsSection, ServicesSection
- TestimonialsSection, FAQSection with homeFAQs, CTASection
- Preserved useSeoMeta and JSON-LD from Phase 2 stub
---
 app/pages/index.vue | 29 ++++++++++++++++++++++++++---
 1 file changed, 26 insertions(+), 3 deletions(-)

diff --git a/app/pages/index.vue b/app/pages/index.vue
index 0a67924..8807574 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { homeFAQs } from '~/data/faq'
+
 const { t } = useI18n()
 
 useSeoMeta({
@@ -47,8 +49,29 @@ useHead({
 </script>
 
 <template>
-  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
-    <h1 class="text-2xl font-bold">{{ t('nav.home') }}</h1>
-    <p class="text-gray-600 dark:text-gray-400 mt-4">Phase 3 content placeholder</p>
+  <div>
+    <!-- Hero Section -->
+    <HeroSection />
+
+    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+      <!-- Featured Projects Section -->
+      <FeaturedProjectsSection />
+
+      <!-- Services Section -->
+      <ServicesSection />
+
+      <!-- Testimonials Section -->
+      <TestimonialsSection />
+
+      <!-- FAQ Section -->
+      <FAQSection
+        :faqs="homeFAQs"
+        :title="t('faq.title')"
+        :subtitle="t('faq.subtitle')"
+      />
+    </div>
+
+    <!-- CTA Section -->
+    <CTASection />
   </div>
 </template>