Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import HeroSignup from '@/components/sections/hero/HeroSignup';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
@@ -53,15 +53,24 @@ export default function LuxeStayPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroSignup
+        <HeroBillboard
+          title="Experience Unmatched Luxury"
+          description="Welcome to LuxeStay, where every detail is designed to make your stay unforgettable. From our exquisite rooms to our personalized service, we ensure your comfort and satisfaction."
           background={{ variant: "sparkles-gradient" }}
-          tag="Premium Hospitality"
-          tagIcon={Sparkles}
-          title="Experience Luxury Redefined"
-          description="Discover our world-class accommodations and impeccable service. From breathtaking views to personalized concierge, every detail is crafted for your perfect stay."
-          inputPlaceholder="Enter your email"
-          buttonText="Reserve Now"
-          onSubmit={handleHeroSignup}
+          tag="Luxury Redefined"
+          imageSrc="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80"
+          imageAlt="Luxurious hotel room with a view"
+          buttons={[
+            { text: "Reserve Now", href: "/reserve" },
+            { text: "Explore Rooms", href: "/rooms" }
+          ]}
+          marqueeItems={[
+            { name: "Spa Services", logo: "https://via.placeholder.com/100" },
+            { name: "Gourmet Dining", logo: "https://via.placeholder.com/100" },
+            { name: "Fitness Center", logo: "https://via.placeholder.com/100" },
+            { name: "Business Center", logo: "https://via.placeholder.com/100" }
+          ]}
+          marqueeSpeed={50}
         />
       </div>