fix: finally resolve iOS safe area issue by removing body background

- Remove body background that was blocking video from showing in safe areas
- Add main-content wrapper with white background for content sections
- This allows video to extend into safe areas while keeping content readable
- Root cause: body's white background was covering entire viewport including safe areas

apps/website/assets/css/voyage-layout.css

@@ -233,7 +233,8 @@ img {
 body {
     font-family: var(--font-sans);
     color: var(--text-dark);
-    background: var(--bg-light); /* Body needs light background for content sections */
+    /* Background removed to allow video to extend into safe areas */
+    /* Content sections will have their own backgrounds */
     max-width: 100vw !important;
     position: relative;
     line-height: 1.6;

apps/website/pages/index.vue

@@ -3,23 +3,26 @@
     <!-- Hero Section with Video Background -->
     <HeroSection />
 
-    <!-- Welcome Section -->
+    <!-- Main content wrapper with white background -->
-    <WelcomeSection />
+    <div class="main-content">
+      <!-- Welcome Section -->
+      <WelcomeSection />
 
-    <!-- Services Section -->
+      <!-- Services Section -->
-    <ServicesSection />
+      <ServicesSection />
 
-    <!-- Trust Indicators Section -->
+      <!-- Trust Indicators Section -->
-    <TrustIndicators />
+      <TrustIndicators />
 
-    <!-- Testimonials Section -->
+      <!-- Testimonials Section -->
-    <TestimonialsSection />
+      <TestimonialsSection />
 
-    <!-- Gallery Section -->
+      <!-- Gallery Section -->
-    <GallerySection />
+      <GallerySection />
 
-    <!-- Booking Section -->
+      <!-- Booking Section -->
-    <BookingSection />
+      <BookingSection />
+    </div>
   </div>
 </template>
 
@@ -53,3 +56,11 @@ useHead({
 
 // Structured data temporarily disabled pending nuxt-seo-utils update
 </script>
+
+<style scoped>
+.main-content {
+  background: #ffffff;
+  position: relative;
+  z-index: 1;
+}
+</style>