Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -25,7 +25,7 @@ export default function LuxeHotelPage() {
       secondaryButtonStyle="outline"
       headingFontWeight="medium"
     >
-      <div id="nav" data-section="nav">
+      <div id="nav" data-section="nav" style={{ backgroundColor: '#ffffff' }}>
         <NavbarLayoutFloatingOverlay
           brandName="Luxe Hotel"
           navItems={[
@@ -42,7 +42,7 @@ export default function LuxeHotelPage() {
         />
       </div>
       
-      <div id="hero" data-section="hero">
+      <div id="hero" data-section="hero" style={{ backgroundColor: '#f5faff' }}>
         <HeroBillboardScroll
           title="Experience Luxury Hospitality"
           description="Discover our world-class accommodations and world-renowned service. Your perfect getaway awaits."
@@ -56,7 +56,7 @@ export default function LuxeHotelPage() {
         />
       </div>
       
-      <div id="about" data-section="about">
+      <div id="about" data-section="about" style={{ backgroundColor: '#f0f5fa' }}>
         <SplitAboutCards
           title="World-Class Amenities"
           description="Indulge in our carefully curated selection of premium facilities designed to enhance your stay."
@@ -79,7 +79,7 @@ export default function LuxeHotelPage() {
         />
       </div>
       
-      <div id="rooms" data-section="rooms">
+      <div id="rooms" data-section="rooms" style={{ backgroundColor: '#ffffff' }}>
         <ProductCardSeven
           title="Our Room Collection"
           description="Choose from our selection of thoughtfully designed rooms and suites tailored to your needs."
@@ -117,7 +117,7 @@ export default function LuxeHotelPage() {
         />
       </div>
       
-      <div id="amenities" data-section="amenities">
+      <div id="amenities" data-section="amenities" style={{ backgroundColor: '#eeeeee' }}>
         <FeatureCardNine
           title="Discover Our Facilities"
           description="From our state-of-the-art fitness center to our peaceful meditation garden, every detail matters."
@@ -152,7 +152,7 @@ export default function LuxeHotelPage() {
         />
       </div>
       
-      <div id="testimonials" data-section="testimonials">
+      <div id="testimonials" data-section="testimonials" style={{ backgroundColor: '#f8f8f8' }}>
         <TestimonialCardFifteen
           testimonial="The staff was exceptionally attentive, the rooms were immaculate, and the attention to detail was remarkable. This hotel truly understands luxury hospitality. We're already planning our next visit!"
           rating={5}
@@ -179,7 +179,7 @@ export default function LuxeHotelPage() {
         />
       </div>
       
-      <div id="pricing" data-section="pricing">
+      <div id="pricing" data-section="pricing" style={{ backgroundColor: '#f5faff' }}>
         <PricingCardSeven
           title="Flexible Stay Options"
           description="Select your preferred booking option and enjoy our best available rates."
@@ -240,7 +240,7 @@ export default function LuxeHotelPage() {
         />
       </div>
       
-      <div id="contact" data-section="contact">
+      <div id="contact" data-section="contact" style={{ backgroundColor: '#f0f5fa' }}>
         <ContactSplit
           tag="Get in Touch"
           title="Reserve Your Room Today"
@@ -255,7 +255,7 @@ export default function LuxeHotelPage() {
         />
       </div>
       
-      <div id="footer" data-section="footer">
+      <div id="footer" data-section="footer" style={{ backgroundColor: '#1a1a1a' }}>
         <FooterLogoReveal
           logoText="Luxe Hotel"
         />