Update src/app/page.tsx

Merge version_7 into main

src/app/layout.tsx

@@ -1332,4 +1332,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -44,6 +44,7 @@ export default function LandingPage() {
       <div id="hero" data-section="hero">
         <HeroCarouselLogo
           logoText="LUXE TRAVELS"
+          logoClassName="text-white"
           description="Discover the world's most exclusive destinations curated for discerning travelers seeking unparalleled luxury and authentic experiences."
           slides={[
             {
@@ -234,6 +235,8 @@ export default function LandingPage() {
           imageAlt="Luxury travel consultation lounge"
           mediaPosition="right"
           mediaAnimation="slide-up"
+          containerClassName="gap-8 md:gap-12 lg:gap-16"
+          contentClassName="flex flex-col gap-8 md:gap-12 lg:gap-16"
         />
       </div>
 
@@ -251,4 +254,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}