Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -4,14 +4,15 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqBase from '@/components/sections/faq/FaqBase';
-import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
+import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
-import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
+import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
-import MediaAbout from '@/components/sections/about/MediaAbout';
+import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
+import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
+import EmailSignupForm from '@/components/form/EmailSignupForm';
 
 export default function LandingPage() {
   return (
@@ -29,270 +30,109 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
+      <NavbarStyleFullscreen
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",
+        { name: "About", id: "about" },
-          id: "hero",
+        { name: "Rooms", id: "products" },
-        },
+        { name: "Contact", id: "contact" },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Rooms",
-          id: "products",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="Adwest Hotel"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroCarouselLogo
+      <HeroBillboardScroll
-      logoText="Adwest Hotel"
+      title="Experience Unparalleled Luxury"
-      description="Experience unparalleled luxury and comfort in the heart of the city. Your sanctuary awaits."
+      description="Discover your sanctuary in the heart of the city."
+      background={{ variant: 'canvas-reveal' }}
       buttons={[
-        {
+        { text: "Book Now", href: "#products" },
-          text: "Book Now",
-          href: "#products",
-        },
-      ]}
-      slides={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683403.jpg?_wi=1",
-          imageAlt: "Luxurious Hotel Suite",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-happy-smiling-caucasian-woman-traveller-fitting-dress-sunglasses-high-floor-bangkok_343596-1429.jpg?_wi=1",
-          imageAlt: "Relaxing Hotel Pool",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/caesar-salad-with-srimps-glass-white-wine_140725-3351.jpg?_wi=1",
-          imageAlt: "Fine Dining Restaurant",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-hotel-lobby-with-hallway-office-lounge-room_1262-12372.jpg?_wi=1",
-          imageAlt: "Modern Fitness Center",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/layered-glasses-with-shampagne_8353-9952.jpg?_wi=1",
-          imageAlt: "Stylish Bar Lounge",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/breakfast-wooden-table-with-natural-view_53876-139869.jpg",
-          imageAlt: "Beautiful Hotel Gardens",
-        },
       ]}
+      imageSrc="http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683403.jpg?_wi=1"
+      imageAlt="Luxurious Hotel Suite"
+    />
+  </div>
+
+  <div id="certifications" data-section="certifications">
+    <SocialProofOne 
+      title="Award Winning Excellence"
+      description="Proudly recognized for our dedication to luxury and guest service."
+      names={["5-Star Gold Award", "Best City Hotel 2024", "Global Hospitality Excellence", "Eco-Friendly Certification"]}
+      textboxLayout="default"
+      useInvertedBackground={false}
+      showCard={true}
     />
   </div>
 
   <div id="about" data-section="about">
-      <MediaAbout
+      <TextSplitAbout
       useInvertedBackground={true}
       title="A Legacy of Hospitality"
-      description="At Adwest Hotel, we blend traditional elegance with modern sophistication. Our team is dedicated to providing you with an unforgettable experience, ensuring every detail of your stay is perfect."
+      description={["At Adwest Hotel, we blend traditional elegance with modern sophistication.", "Our team is dedicated to providing you with an unforgettable experience, ensuring every detail of your stay is perfect."]}
-      imageSrc="http://img.b2bpic.net/free-photo/close-up-coffee-cups-tray_23-2148892817.jpg"
-      imageAlt="Hotel Architecture"
     />
   </div>
 
   <div id="features" data-section="features">
-      <FeatureCardEight
+      <FeatureCardTwentyEight
-      textboxLayout="default"
+      textboxLayout="split-description"
       useInvertedBackground={false}
-      features={[
+      animationType="blur-reveal"
-        {
-          title: "24/7 Concierge",
-          description: "Our team is here to assist you with any requests, day or night.",
-          imageSrc: "http://img.b2bpic.net/free-photo/rear-view-female-lying-bed-looking-beach-through-glass-windows_181624-57823.jpg",
-          imageAlt: "Concierge",
-        },
-        {
-          title: "World-Class Dining",
-          description: "Enjoy exquisite culinary delights at our in-house restaurant.",
-          imageSrc: "http://img.b2bpic.net/free-photo/catering-buffet_74190-3788.jpg",
-          imageAlt: "Dining",
-        },
-        {
-          title: "Luxury Spa Services",
-          description: "Unwind and rejuvenate with our range of professional spa treatments.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-desk-hotel-reception-lobby_482257-76228.jpg",
-          imageAlt: "Spa",
-        },
-      ]}
       title="Unmatched Amenities"
       description="Discover everything you need for a comfortable and productive stay."
+      features={[
+        { id: "f1", title: "Concierge", subtitle: "24/7 Support", category: "Service", value: "Always on duty" },
+        { id: "f2", title: "Dining", subtitle: "Fine Culinary", category: "Experience", value: "World-class" },
+        { id: "f3", title: "Spa", subtitle: "Rejuvenate", category: "Wellness", value: "Professional" },
+      ]}
     />
   </div>
 
   <div id="products" data-section="products">
-      <ProductCardFour
+      <ProductCardOne
       animationType="slide-up"
       textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
+      gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={true}
-      products={[
-        {
-          id: "room-1",
-          name: "Deluxe King Suite",
-          price: "$299/night",
-          variant: "Premium",
-          imageSrc: "http://img.b2bpic.net/free-photo/luxurious-modern-bedroom-with-comfortable-bedding-elegant-decor-generated-by-ai_188544-29870.jpg",
-        },
-        {
-          id: "room-2",
-          name: "Executive City View",
-          price: "$349/night",
-          variant: "Premium",
-          imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed_74190-6082.jpg",
-        },
-        {
-          id: "room-3",
-          name: "Cozy Studio Suite",
-          price: "$199/night",
-          variant: "Standard",
-          imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed-decoration-bedroom_1339-7409.jpg",
-        },
-        {
-          id: "room-4",
-          name: "Family Suite",
-          price: "$449/night",
-          variant: "Premium",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-young-friends-hostel_23-2150598852.jpg",
-        },
-        {
-          id: "room-5",
-          name: "Business Executive",
-          price: "$399/night",
-          variant: "Premium",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-concept-with-copy-space-office-desk-table-with-pen-focus-analysis-chart-computer-notebook-cup-coffee-desk-vintage-tone-retro-filter-selective-focus_1418-669.jpg",
-        },
-        {
-          id: "room-6",
-          name: "Grand Penthouse",
-          price: "$899/night",
-          variant: "Luxury",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-as-real-estate-agent_23-2151064868.jpg",
-        },
-      ]}
       title="Luxurious Suites"
-      description="Choose the perfect room for your stay, designed for ultimate comfort and relaxation."
+      description="Choose the perfect room for your stay."
+      products={[
+        { id: "room-1", name: "Deluxe King Suite", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-modern-bedroom-with-comfortable-bedding-elegant-decor-generated-by-ai_188544-29870.jpg" },
+        { id: "room-2", name: "Executive City View", price: "$349", imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed_74190-6082.jpg" },
+        { id: "room-3", name: "Cozy Studio Suite", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed-decoration-bedroom_1339-7409.jpg" },
+      ]}
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFive
+      <TestimonialCardTen
-      textboxLayout="default"
+      textboxLayout="split-description"
       useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Sarah Miller",
-          date: "Jan 2025",
-          title: "Business Trip",
-          quote: "The perfect balance of luxury and efficiency.",
-          tag: "Excellent",
-          avatarSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-mobile-phone-waiting-area_107420-95808.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683403.jpg?_wi=2",
-          imageAlt: "happy business traveler hotel lobby",
-        },
-        {
-          id: "t2",
-          name: "James Wilson",
-          date: "Dec 2024",
-          title: "Vacation",
-          quote: "Incredible service and a stunning room.",
-          tag: "Great",
-          avatarSrc: "http://img.b2bpic.net/free-photo/two-elegant-girls-resort_1157-24515.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-happy-smiling-caucasian-woman-traveller-fitting-dress-sunglasses-high-floor-bangkok_343596-1429.jpg?_wi=2",
-          imageAlt: "happy business traveler hotel lobby",
-        },
-        {
-          id: "t3",
-          name: "Elena Rodriguez",
-          date: "Nov 2024",
-          title: "City Getaway",
-          quote: "I'll definitely be coming back here.",
-          tag: "Wonderful",
-          avatarSrc: "http://img.b2bpic.net/free-photo/flirting-couple-with-sparkling-wine-roof_1153-3776.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/caesar-salad-with-srimps-glass-white-wine_140725-3351.jpg?_wi=2",
-          imageAlt: "happy business traveler hotel lobby",
-        },
-        {
-          id: "t4",
-          name: "David Thompson",
-          date: "Oct 2024",
-          title: "Anniversary",
-          quote: "The staff made our stay truly magical.",
-          tag: "Superb",
-          avatarSrc: "http://img.b2bpic.net/free-photo/smiling-hotel-maid-lying-bed_171337-12709.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-hotel-lobby-with-hallway-office-lounge-room_1262-12372.jpg?_wi=2",
-          imageAlt: "happy business traveler hotel lobby",
-        },
-        {
-          id: "t5",
-          name: "Linda Chen",
-          date: "Sept 2024",
-          title: "Weekend Trip",
-          quote: "Best hotel experience in the city by far.",
-          tag: "Amazing",
-          avatarSrc: "http://img.b2bpic.net/free-photo/girl-bathrobe_1157-18569.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/layered-glasses-with-shampagne_8353-9952.jpg?_wi=2",
-          imageAlt: "happy business traveler hotel lobby",
-        },
-      ]}
       title="Guest Experiences"
-      description="Read what our valued guests have to say about their stay at Adwest Hotel."
+      description="What our guests say about their stay."
+      testimonials={[
+        { id: "t1", name: "Sarah Miller", role: "Traveler", title: "Excellent", quote: "The perfect balance of luxury and efficiency." },
+      ]}
     />
   </div>
 
-  <div id="social-proof" data-section="social-proof">
+  <div id="newsletter" data-section="newsletter" style={{ padding: "4rem 0", textAlign: "center" }}>
-      <SocialProofOne
+      <h2>Join Our Newsletter</h2>
-      textboxLayout="default"
+      <p style={{ marginBottom: "1.5rem" }}>Get exclusive offers and hotel updates directly in your inbox.</p>
-      useInvertedBackground={true}
+      <EmailSignupForm />
-      names={[
-        "TravelAdvisor",
-        "Booking.com",
-        "Expedia",
-        "TravelHotels",
-        "LuxuryHotels",
-        "HospitalityGroup",
-        "TravelMedia",
-      ]}
-      title="Trusted By Professionals"
-      description="We are proud to partner with industry leaders in travel and hospitality."
-    />
   </div>
 
   <div id="faq" data-section="faq">
       <FaqBase
       textboxLayout="default"
       useInvertedBackground={false}
+      faqsAnimation="slide-up"
       faqs={[
-        {
+        { id: "faq1", title: "What is the check-in time?", content: "Check-in begins at 3:00 PM." },
-          id: "faq1",
+        { id: "faq2", title: "Do you offer parking?", content: "Yes, we have secure underground parking for guests." },
-          title: "What is the check-in time?",
-          content: "Check-in begins at 3:00 PM.",
-        },
-        {
-          id: "faq2",
-          title: "Do you offer parking?",
-          content: "Yes, we have secure underground parking for guests.",
-        },
-        {
-          id: "faq3",
-          title: "Is breakfast included?",
-          content: "Yes, all our bookings include a complimentary gourmet breakfast.",
-        },
       ]}
       title="Common Questions"
-      description="Get answers to frequently asked questions about our services and policies."
+      description="Get answers to frequently asked questions."
-      faqsAnimation="slide-up"
     />
   </div>
 
@@ -300,77 +140,23 @@ export default function LandingPage() {
       <ContactSplitForm
       useInvertedBackground={true}
       title="Get In Touch"
-      description="Have questions or special requests? Reach out to us today."
+      description="Reach out to us today."
       inputs={[
-        {
+        { name: "name", type: "text", placeholder: "Your Name", required: true },
-          name: "name",
+        { name: "email", type: "email", placeholder: "Your Email", required: true },
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Your Email",
-          required: true,
-        },
       ]}
-      textarea={{
+      textarea={{ name: "message", placeholder: "Your inquiry..." }}
-        name: "message",
-        placeholder: "Your inquiry...",
-      }}
       imageSrc="http://img.b2bpic.net/free-photo/friendly-cheerful-hotel-administrator-taking-guest-feedback-asking-about-their-stay-check-out-process-resort-staff-employees-working-front-desk-check-reception_482257-65130.jpg"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterMedia
+      <FooterBaseReveal
-      imageSrc="http://img.b2bpic.net/free-photo/highway-bridge-shanghai_649448-3983.jpg"
       logoText="Adwest Hotel"
       columns={[
-        {
+        { title: "Contact", items: [{ label: "Email", href: "mailto:hello@adwesthotel.com" }, { label: "Phone", href: "tel:+15550123" }] },
-          title: "Contact",
+        { title: "Explore", items: [{ label: "Rooms", href: "#products" }] },
-          items: [
+        { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }] },
-            {
-              label: "Email: hello@adwesthotel.com",
-              href: "mailto:hello@adwesthotel.com",
-            },
-            {
-              label: "Phone: +1 555-0123",
-              href: "tel:+15550123",
-            },
-          ],
-        },
-        {
-          title: "Explore",
-          items: [
-            {
-              label: "Rooms",
-              href: "#products",
-            },
-            {
-              label: "Spa",
-              href: "#",
-            },
-            {
-              label: "Dining",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
       ]}
     />
   </div>