Update src/app/globals.css

src/app/globals.css

@@ -4,13 +4,13 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  --background: #f8faff;;
+  --background: #f8fcff;;
-  --card: #f0f4ff;;
+  --card: #ffffff;;
-  --foreground: #1a1a2e;;
+  --foreground: #00101f;;
-  --primary-cta: #3b82f6;;
+  --primary-cta: #409fff;;
   --secondary-cta: #ffffff;;
-  --accent: #d5c6ff;;
+  --accent: #c7e2fc;;
-  --background-accent: #b394fa;;
+  --background-accent: #9bcfff;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import HeroSplit from '@/components/sections/hero/HeroSplit';
+import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import ParallaxAbout from '@/components/sections/about/ParallaxAbout';
 import ProductCardSix from '@/components/sections/product/ProductCardSix';
 import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
@@ -39,14 +39,13 @@ export default function LuxuryHotelsPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroSplit
+        <HeroBillboardScroll
           title="Experience Luxury Hospitality"
           description="Discover your perfect getaway at our award-winning hotel. Unwind in elegance with world-class amenities and exceptional service."
           tag="Premium Accommodations"
           tagIcon={Star}
           imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184711453-096e89ja.jpg"
           imageAlt="Luxury hotel lobby and entrance"
-          imagePosition="right"
           buttons={[
             { text: "Book Your Stay", href: "#contact" },
             { text: "Explore Rooms", href: "#rooms" }