Update src/app/page.tsx

Merge version_8 into main

src/app/layout.tsx

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

src/app/page.tsx

@@ -44,7 +44,9 @@ 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."
+          descriptionClassName="text-white"
           slides={[
             {
               imageSrc: "https://images.unsplash.com/photo-1551632786-de41ec802fcf?w=1200&h=800&fit=crop",              imageAlt: "Tropical island with turquoise waters"
@@ -234,6 +236,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 +255,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}