Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -1,7 +1,7 @@
 "use client"
 
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
@@ -43,35 +43,29 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboardCarousel
-          title="Experience Luxury Like Never Before"
-          description="Discover our exquisite hotel with world-class accommodations, stunning views, and unparalleled service tailored to your comfort"
-          tag="Premium Hospitality"
+        <HeroBillboard
+          title="Discover Your Luxe Haven"
+          description="Step into unparalleled luxury at LuxeStay, where every detail is crafted for your comfort and relaxation."
+          tag="Luxury Redefined"
           tagIcon={Sparkles}
-          background={{ variant: "sparkles-gradient" }}
+          background={{ variant: "radial-gradient" }}
           mediaItems={[
             {
-              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg",              imageAlt: "Luxury hotel suite with modern amenities"
+              imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
+              imageAlt: "Luxurious hotel room with a king-size bed"
             },
             {
-              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg",              imageAlt: "Resort pool and relaxation area"
+              imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
+              imageAlt: "Spacious outdoor pool with a stunning view"
             },
             {
-              imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920954.jpg",              imageAlt: "Grand hotel lobby with elegant design"
-            },
-            {
-              imageSrc: "https://img.b2bpic.net/free-photo/outdoor-swimming-pool-with-umbrella-chair-lounge-around-there-leisure-travel_74190-7875.jpg",              imageAlt: "Fine dining restaurant with gourmet cuisine"
-            },
-            {
-              imageSrc: "https://img.b2bpic.net/free-photo/woman-sauna-sunlight-premium-sauna-panoramic-view_169016-68907.jpg",              imageAlt: "Luxury spa and wellness center"
-            },
-            {
-              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-is-relaxing-spa-complex-using-smartphone_169016-55799.jpg",              imageAlt: "Mountain view from hotel suite"
+              imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80",
+              imageAlt: "Elegant hotel lobby with a grand staircase"
             }
           ]}
           buttons={[
-            { text: "Book Your Stay", href: "pricing" },
-            { text: "Explore Rooms", href: "rooms" }
+            { text: "Book Now", href: "pricing" },
+            { text: "Explore Suites", href: "rooms" }
           ]}
         />
       </div>

src/app/styles/variables.css

@@ -3,20 +3,20 @@
   /* --vw is set by ThemeProvider */
 
   /* --background: #f5f4ef;
-  --card: #dad6cd;
-  --foreground: #2a2928;
-  --primary-cta: #2a2928;
-  --secondary-cta: #ecebea;
-  --accent: #ffffff;
-  --background-accent: #ffffff; */
-
-  --background: #fcf6ec;
-  --card: #f3ede2;
-  --foreground: #2e2521;
-  --primary-cta: #2e2521;
+  --card: #ffcccc;
+  --foreground: #330000;
+  --primary-cta: #330000;
   --secondary-cta: #ffffff;
-  --accent: #b2a28b;
-  --background-accent: #b2a28b;
+  --accent: #ff6666;
+  --background-accent: #ff6666; */
+
+  --background: #ffe6e6;
+  --card: #ffcccc;
+  --foreground: #330000;
+  --primary-cta: #330000;
+  --secondary-cta: #ffffff;
+  --accent: #ff6666;
+  --background-accent: #ff6666;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);