Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -2,16 +2,13 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
-import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
-import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
-import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
-import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
-import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FaqBase from '@/components/sections/faq/FaqBase';
+import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
 
 export default function LandingPage() {
   return (
@@ -29,13 +26,12 @@ export default function LandingPage() {
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
-          <NavbarLayoutFloatingOverlay
+          <NavbarStyleFullscreen
             navItems={[
               { name: "Home", id: "hero" },
-              { name: "About", id: "about" },
               { name: "Menu", id: "menu" },
-              { name: "Testimonials", id: "testimonials" },
-              { name: "FAQ", id: "faq" },
+              { name: "Gallery", id: "gallery" },
+              { name: "Reservations", id: "reservations" },
               { name: "Contact", id: "contact" },
             ]}
             brandName="Cafe Classic"
@@ -43,116 +39,91 @@ export default function LandingPage() {
         </div>
 
         <div id="hero" data-section="hero">
-          <HeroSplitDualMedia
-            title="Classic Elegance, Warmly Served"
-            description="Discover a timeless cafe experience where artisan coffee and homemade delicacies meet a cozy, inviting atmosphere."
-            tag="Welcome to Cafe Classic"
-            rating={5}
-            ratingText="Rated 5 stars by our regulars"
-            mediaItems={[
-              { imageSrc: "http://img.b2bpic.net/free-photo/luxury-meeting-dining-room-table-multiple-chairs_114579-2067.jpg", imageAlt: "Elegant dining area" },
-              { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cup-with-delicious-coffee-table_23-2149703757.jpg", imageAlt: "Freshly brewed coffee" }
-            ]}
+          <HeroBillboard
+            title="Cafe Classic"
+            description="An exquisite dining experience in the heart of the city."
             background={{ variant: "plain" }}
-          />
-        </div>
-
-        <div id="about" data-section="about">
-          <TextSplitAbout
-            title="Our Heritage"
-            description={["We pride ourselves on creating a space that feels like home. From our freshly ground beans to our artisanal pastries, every detail is carefully crafted.", "Join us for a quiet afternoon or a morning start that lingers in your memory."]}
-            useInvertedBackground={false}
+            imageSrc="http://img.b2bpic.net/free-photo/luxury-meeting-dining-room-table-multiple-chairs_114579-2067.jpg?_wi=1"
           />
         </div>
 
         <div id="menu" data-section="menu">
-          <FeatureCardTwentyThree
+          <FeatureCardNine
+            title="Our Menu"
+            description="Authentic flavors crafted with passion."
+            showStepNumbers={false}
             animationType="slide-up"
-            title="Our Signature Offerings"
-            description="Indulge in our curated selection of cafe delights."
             textboxLayout="default"
             useInvertedBackground={false}
             features={[
-              { id: "1", title: "Artisan Breakfast", tags: ["Morning Special"], imageSrc: "http://img.b2bpic.net/free-photo/penne-pasta-with-parmesan-ceramic-plate-luxury-restaurant_114579-2154.jpg" },
-              { id: "2", title: "Craft Coffee", tags: ["Single Origin"], imageSrc: "http://img.b2bpic.net/free-photo/male-barista-pouring-boiling-water-coffee-filter_23-2148824409.jpg" },
-              { id: "3", title: "Homemade Pastries", tags: ["Freshly Baked"], imageSrc: "http://img.b2bpic.net/free-photo/croissant-basket-with-cup-tea-side-view-wooden-table_176474-8129.jpg" }
+              { title: "Breakfast", description: "Start your day with our farm-to-table breakfast items.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/croissant-basket-with-cup-tea-side-view-wooden-table_176474-8129.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/penne-pasta-with-parmesan-ceramic-plate-luxury-restaurant_114579-2154.jpg" } }
             ]}
           />
         </div>
 
-        <div id="products" data-section="products">
-          <ProductCardTwo
+        <div id="gallery" data-section="gallery">
+          <ProductCardFour
+            title="Our Gallery"
+            description="A visual journey through our space."
             gridVariant="four-items-2x2-equal-grid"
             animationType="slide-up"
-            title="Menu Favorites"
-            description="Explore our curated favorites."
             textboxLayout="default"
             useInvertedBackground={false}
             products={[
-              { id: "1", brand: "Classic", name: "Signature Latte", price: "$6", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-chocolate-cakes-with-icing-cup-tea-pink_140725-78155.jpg" },
-              { id: "2", brand: "Sweet", name: "Berry Cheesecake", price: "$8", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-creamy-cake-with-cup-tea-light-dark-background_140725-80168.jpg" }
+              { id: "1", name: "Atmosphere", price: "", variant: "", imageSrc: "http://img.b2bpic.net/free-photo/luxury-meeting-dining-room-table-multiple-chairs_114579-2067.jpg?_wi=2" },
+              { id: "2", name: "Coffee Art", price: "", variant: "", imageSrc: "http://img.b2bpic.net/free-photo/male-barista-pouring-boiling-water-coffee-filter_23-2148824409.jpg" }
             ]}
           />
         </div>
 
-        <div id="testimonials" data-section="testimonials">
-          <TestimonialCardSix
-            animationType="slide-up"
-            title="Hear from Our Guests"
-            description="Experiences that define us."
-            textboxLayout="default"
-            useInvertedBackground={false}
-            testimonials={[
-              { id: "1", name: "Anna S.", handle: "@anna.coffee", testimonial: "The ambiance is perfect for a relaxing morning. Absolutely love their pastries!" },
-              { id: "2", name: "Mark R.", handle: "@mark.design", testimonial: "Best coffee in the city. The staff makes you feel at home every single visit." }
+        <div id="reservations" data-section="reservations">
+          <ContactSplitForm
+            title="Reservations"
+            description="Secure your table at Cafe Classic."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Name" },
+              { name: "date", type: "date", placeholder: "Date" }
             ]}
+            buttonText="Book Now"
+            useInvertedBackground={false}
+            imageSrc="http://img.b2bpic.net/free-photo/high-angle-cup-with-delicious-coffee-table_23-2149703757.jpg"
           />
         </div>
 
-        <div id="social" data-section="social">
-          <SocialProofOne
-            names={["Culinary Magazine", "City Guide", "Local Foodie Hub", "Barista Weekly"]}
-            title="As Seen In"
-            description="Honored to be recognized for our craft."
-            textboxLayout="default"
-            useInvertedBackground={false}
-          />
-        </div>
-
-        <div id="faq" data-section="faq">
-          <FaqDouble
-            faqs={[
-              { id: "1", title: "Do you have outdoor seating?", content: "Yes, our serene terrace is open during pleasant weather." },
-              { id: "2", title: "Can we host events?", content: "We would love to help you celebrate. Please reach out to our team." }
-            ]}
-            title="Common Inquiries"
-            description="We are here to answer your questions."
-            textboxLayout="default"
-            faqsAnimation="slide-up"
-            useInvertedBackground={false}
-          />
+        <div id="hours" data-section="hours">
+           <FaqBase
+             title="Hours of Operation"
+             description="Visit us during our regular operating hours."
+             faqs={[
+               { id: "1", title: "Weekdays", content: "08:00 AM - 09:00 PM" },
+               { id: "2", title: "Weekends", content: "09:00 AM - 11:00 PM" }
+             ]}
+             faqsAnimation="slide-up"
+             textboxLayout="default"
+             useInvertedBackground={false}
+           />
         </div>
 
         <div id="contact" data-section="contact">
-          <ContactSplit
-            tag="Get in Touch"
-            title="Ready for a Coffee?"
-            description="Drop us a message or stop by the cafe for a visit."
-            background={{ variant: "plain" }}
-            mediaPosition="right"
-            imageSrc="http://img.b2bpic.net/free-photo/table-set-dinning-table_1339-3458.jpg"
+          <ContactSplitForm
+            title="Contact Information"
+            description="Reach out to us for any inquiries."
+            inputs={[
+              { name: "email", type: "email", placeholder: "Email" },
+              { name: "msg", type: "text", placeholder: "Message" }
+            ]}
             useInvertedBackground={false}
+            imageSrc="http://img.b2bpic.net/free-photo/top-view-delicious-chocolate-cakes-with-icing-cup-tea-pink_140725-78155.jpg"
           />
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterSimple
+          <FooterBaseCard
+            logoText="Cafe Classic"
             columns={[
-              { title: "Cafe", items: [{ label: "Home", href: "#hero" }, { label: "Menu", href: "#menu" }] },
-              { title: "Contact", items: [{ label: "Location", href: "#" }, { label: "Support", href: "#" }] }
+              { title: "Company", items: [{ label: "About", href: "#" }] },
+              { title: "Connect", items: [{ label: "Instagram", href: "#" }] }
             ]}
-            bottomLeftText="© 2024 Cafe Classic"
-            bottomRightText="All rights reserved."
           />
         </div>
       </ReactLenis>