Update src/app/page.tsx

Merge version_6 into main

src/app/menu/page.tsx

@@ -0,0 +1,63 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+
+export default function MenuPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="elastic-effect"
+        defaultTextAnimation="background-highlight"
+        borderRadius="pill"
+        contentWidth="medium"
+        sizing="largeSmallSizeMediumTitles"
+        background="noise"
+        cardStyle="outline"
+        primaryButtonStyle="shadow"
+        secondaryButtonStyle="solid"
+        headingFontWeight="bold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/#about" },
+              { name: "Features", id: "/#features" },
+              { name: "Menu", id: "/menu" },
+              { name: "Contact", id: "/#contact" },
+            ]}
+            brandName="The Cliff"
+          />
+        </div>
+
+        <div id="menu" data-section="menu">
+          <ProductCatalog
+            layout="page"
+            products={[
+              { id: "p1", name: "Grilled Octopus", price: "45 DT", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/bacon_1203-8636.jpg?_wi=1" },
+              { id: "p2", name: "Mediterranean Salad", price: "22 DT", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/sushi-rolls-with-salmon-tuna-roe-black-slate-plate_84443-94446.jpg?_wi=1" },
+              { id: "p3", name: "Fresh Sea Bass", price: "55 DT", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fish-with-onion_1157-23.jpg?_wi=1" },
+              { id: "p4", name: "Truffle Pasta", price: "48 DT", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/delicious-truffle-recipe-with-pasta-top-view_23-2149548045.jpg?_wi=1" },
+              { id: "p5", name: "Signature Chocolate Mousse", price: "25 DT", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/red-velvet-cake-stuffed-with-white-butter-cream_114579-2315.jpg?_wi=1" },
+              { id: "p6", name: "Sunset Aperitif", price: "20 DT", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/traditional-gulas-dish-arrangement_23-2149072617.jpg?_wi=1" },
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="The Cliff"
+            columns={[
+              { title: "Quick Links", items: [{ label: "Home", href: "/" }, { label: "About", href: "/#about" }, { label: "Menu", href: "/menu" }] },
+              { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -29,236 +29,134 @@ export default function LandingPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",          id: "hero"},
-        {
-          name: "About",          id: "about"},
-        {
-          name: "Features",          id: "features"},
-        {
-          name: "Menu",          id: "products"},
-        {
-          name: "Contact",          id: "contact"},
-      ]}
-      brandName="The Cliff"
-    />
-  </div>
-
-  <div id="hero" data-section="hero">
-      <HeroLogo
-      logoText="The Cliff"
-      description="Experience refined Mediterranean cuisine and impeccable service overlooking the sparkling sea in La Marsa. From sunset aperitifs to intimate dinners, The Cliff delivers unforgettable moments."
-      buttons={[
-        {
-          text: "Reserve Your Table",          href: "#contact"},
-      ]}
-      buttonAnimation="slide-up"
-      imageSrc="http://img.b2bpic.net/free-photo/nature-resort-sky-umbrella-chair_1203-4627.jpg"
-      imageAlt="Stunning seaside view from The Cliff terrace"
-    />
-  </div>
-
-  <div id="about" data-section="about">
-      <TestimonialAboutCard
-      useInvertedBackground={true}
-      tag="Our Story"
-      title="A Legacy of Mediterranean Flavors"
-      description="Perched on the cliffs of La Marsa, our restaurant combines the freshest local ingredients with timeless Mediterranean techniques to create a dining experience that honors our heritage."
-      subdescription="Every dish reflects our commitment to quality, ensuring that every visit is as special as the view."
-      icon={Flame}
-      imageSrc="http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149727985.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
-
-  <div id="features" data-section="features">
-      <FeatureCardTwentyFive
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Panoramas",          description: "Unmatched sea views perfect for sunsets.",          icon: Waves,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/side-view-roasted-chicken-served-with-wine-table_140725-12033.jpg"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/side-view-boiled-rice-meat-cherries_141793-1422.jpg"},
-          ],
-        },
-        {
-          title: "Cuisine",          description: "Fresh, locally-sourced Mediterranean dishes.",          icon: Utensils,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/rice-with-herbs-spices-mushroom-cream-sauce-glass-prosecco_114579-2334.jpg"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/italian-pasta-with-tomato-sauce-inside-blue-authentic-bowl_114579-1517.jpg"},
-          ],
-        },
-        {
-          title: "Service",          description: "Impeccable attention to detail.",          icon: Bell,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/woman-with-fork-delicious-fresh-chocolate-dessert-restaurant_23-2148001620.jpg"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/beer-sunset-coastal-relaxation-scene_23-2152005867.jpg"},
-          ],
-        },
-      ]}
-      title="The Cliff Experience"
-      description="Discover why we are La Marsa's premier dining destination."
-    />
-  </div>
-
-  <div id="metrics" data-section="metrics">
-      <MetricCardOne
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="bento-grid"
-      useInvertedBackground={true}
-      metrics={[
-        {
-          id: "m1",          value: "15+",          title: "Years of Tradition",          description: "Serving authentic Mediterranean cuisine.",          icon: Award,
-        },
-        {
-          id: "m2",          value: "500k+",          title: "Satisfied Guests",          description: "Creating unforgettable dining memories.",          icon: Users,
-        },
-        {
-          id: "m3",          value: "20+",          title: "Seasonal Menus",          description: "Always fresh, always innovative.",          icon: Flame,
-        },
-      ]}
-      title="Our Impact"
-      description="Serving exceptional moments every single day."
-    />
-  </div>
-
-  <div id="products" data-section="products">
-      <ProductCardOne
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",          name: "Grilled Octopus",          price: "45 DT",          imageSrc: "http://img.b2bpic.net/free-photo/bacon_1203-8636.jpg"},
-        {
-          id: "p2",          name: "Mediterranean Salad",          price: "22 DT",          imageSrc: "http://img.b2bpic.net/free-photo/sushi-rolls-with-salmon-tuna-roe-black-slate-plate_84443-94446.jpg"},
-        {
-          id: "p3",          name: "Fresh Sea Bass",          price: "55 DT",          imageSrc: "http://img.b2bpic.net/free-photo/fish-with-onion_1157-23.jpg"},
-        {
-          id: "p4",          name: "Truffle Pasta",          price: "48 DT",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-truffle-recipe-with-pasta-top-view_23-2149548045.jpg"},
-        {
-          id: "p5",          name: "Signature Chocolate Mousse",          price: "25 DT",          imageSrc: "http://img.b2bpic.net/free-photo/red-velvet-cake-stuffed-with-white-butter-cream_114579-2315.jpg"},
-        {
-          id: "p6",          name: "Sunset Aperitif",          price: "20 DT",          imageSrc: "http://img.b2bpic.net/free-photo/traditional-gulas-dish-arrangement_23-2149072617.jpg"},
-      ]}
-      title="Our Signature Dishes"
-      description="Explore our menu curated for refined palates."
-    />
-  </div>
-
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSixteen
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "t1",          name: "Sarah Mansour",          role: "Local Professional",          company: "Tunis",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/cute-tanned-brunette-woman-stylish-red-dress-beret-sunglasses-sits-cafe_197531-24181.jpg"},
-        {
-          id: "t2",          name: "Ahmed Ben Youssef",          role: "Architect",          company: "La Marsa",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-black-skinned-woman-wearing-blouse-flower-headband-enjoying-dinner-while-eating-restaurant_613910-18777.jpg"},
-        {
-          id: "t3",          name: "Elena Rossi",          role: "Traveler",          company: "Italy",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/three-best-friends-enjoying-nice-conversation-lunch-modern-cafe-interior_273609-9010.jpg"},
-        {
-          id: "t4",          name: "Yassine Sassi",          role: "Entrepreneur",          company: "Tunis",          rating: 4,
-          imageSrc: "http://img.b2bpic.net/free-photo/street-cafe-old-town-lindos-greek-island-rhodes-view-aegean-sea-islands-dodecanese-archipelago-europe-travel-time_166373-3822.jpg"},
-        {
-          id: "t5",          name: "Sofia Jellouli",          role: "Designer",          company: "Local",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-their-reunion_23-2149215795.jpg"},
-      ]}
-      kpiItems={[
-        {
-          value: "4.8/5",          label: "Avg Rating"},
-        {
-          value: "10k+",          label: "Social Mentions"},
-        {
-          value: "95%",          label: "Return Rate"},
-      ]}
-      title="Guest Stories"
-      description="Hear what our patrons say about their experience."
-    />
-  </div>
-
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",          title: "Do I need a reservation?",          content: "Yes, we highly recommend reservations for evening dining and weekends."},
-        {
-          id: "f2",          title: "Is there outdoor seating?",          content: "Yes, our terrace overlooks the sea and is our most popular dining area."},
-        {
-          id: "f3",          title: "Do you accommodate dietary needs?",          content: "Our menu features various vegetarian and gluten-free options. Please inform us of allergies."},
-      ]}
-      sideTitle="Frequently Asked Questions"
-      sideDescription="Everything you need to plan your perfect visit."
-      faqsAnimation="slide-up"
-    />
-  </div>
-
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={true}
-      title="Book Your Table"
-      description="Ready to experience The Cliff? Fill out the form below to secure your spot."
-      inputs={[
-        {
-          name: "fullName",          type: "text",          placeholder: "Full Name",          required: true,
-        },
-        {
-          name: "email",          type: "email",          placeholder: "Email Address",          required: true,
-        },
-        {
-          name: "date",          type: "date",          placeholder: "Date",          required: true,
-        },
-        {
-          name: "guests",          type: "number",          placeholder: "Number of Guests",          required: true,
-        },
-      ]}
-      textarea={{
-        name: "notes",        placeholder: "Special requests or dietary needs?",        rows: 3,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/businesswoman-looking-her-partner-sitting-chair-caf_23-2147876647.jpg"
-      imageAlt="The entrance of The Cliff"
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="The Cliff"
-      columns={[
-        {
-          title: "Quick Links",          items: [
-            { label: "Home", href: "#hero" },
-            { label: "About", href: "#about" },
-            { label: "Menu", href: "#products" },
-          ],
-        },
-        {
-          title: "Legal",          items: [
-            { label: "Privacy Policy", href: "#" },
-            { label: "Terms of Service", href: "#" },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingOverlay
+            navItems={[
+                { name: "Home", id: "hero" },
+                { name: "About", id: "about" },
+                { name: "Features", id: "features" },
+                { name: "Menu", id: "/menu" },
+                { name: "Contact", id: "contact" },
+            ]}
+            brandName="The Cliff"
+            />
+        </div>
+        <div id="hero" data-section="hero">
+            <HeroLogo
+            logoText="The Cliff"
+            description="Discover the epitome of Mediterranean fine dining at The Cliff. Perched above the azure waters of La Marsa, we provide an exquisite culinary escape defined by seasonal flavors, world-class service, and unmatched panoramic views."
+            buttons={[
+                { text: "Secure Your Reservation", href: "#contact" },
+            ]}
+            buttonAnimation="slide-up"
+            imageSrc="http://img.b2bpic.net/free-photo/nature-resort-sky-umbrella-chair_1203-4627.jpg"
+            imageAlt="Stunning seaside view from The Cliff terrace"
+            />
+        </div>
+        <div id="about" data-section="about">
+            <TestimonialAboutCard
+            useInvertedBackground={true}
+            tag="Our Story"
+            title="A Legacy of Mediterranean Flavors"
+            description="Perched on the cliffs of La Marsa, our restaurant combines the freshest local ingredients with timeless Mediterranean techniques to create a dining experience that honors our heritage."
+            subdescription="Every dish reflects our commitment to quality, ensuring that every visit is as special as the view."
+            icon={Flame}
+            imageSrc="http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149727985.jpg"
+            mediaAnimation="slide-up"
+            />
+        </div>
+        <div id="features" data-section="features">
+            <FeatureCardTwentyFive
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+                { title: "Panoramas", description: "Unmatched sea views perfect for sunsets.", icon: Waves, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-roasted-chicken-served-with-wine-table_140725-12033.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/side-view-boiled-rice-meat-cherries_141793-1422.jpg" }] },
+                { title: "Cuisine", description: "Fresh, locally-sourced Mediterranean dishes.", icon: Utensils, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/rice-with-herbs-spices-mushroom-cream-sauce-glass-prosecco_114579-2334.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/italian-pasta-with-tomato-sauce-inside-blue-authentic-bowl_114579-1517.jpg" }] },
+                { title: "Service", description: "Impeccable attention to detail.", icon: Bell, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/woman-with-fork-delicious-fresh-chocolate-dessert-restaurant_23-2148001620.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/beer-sunset-coastal-relaxation-scene_23-2152005867.jpg" }] },
+            ]}
+            title="The Cliff Experience"
+            description="Discover why we are La Marsa's premier dining destination."
+            />
+        </div>
+        <div id="metrics" data-section="metrics">
+            <MetricCardOne
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="bento-grid"
+            useInvertedBackground={true}
+            metrics={[
+                { id: "m1", value: "15+", title: "Years of Tradition", description: "Serving authentic Mediterranean cuisine.", icon: Award },
+                { id: "m2", value: "500k+", title: "Satisfied Guests", description: "Creating unforgettable dining memories.", icon: Users },
+                { id: "m3", value: "20+", title: "Seasonal Menus", description: "Always fresh, always innovative.", icon: Flame },
+            ]}
+            title="Our Impact"
+            description="Serving exceptional moments every single day."
+            />
+        </div>
+        <div id="products" data-section="products">
+            <ProductCardOne
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            products={[
+                { id: "p1", name: "Grilled Octopus", price: "45 DT", imageSrc: "http://img.b2bpic.net/free-photo/bacon_1203-8636.jpg?_wi=2" },
+                { id: "p2", name: "Mediterranean Salad", price: "22 DT", imageSrc: "http://img.b2bpic.net/free-photo/sushi-rolls-with-salmon-tuna-roe-black-slate-plate_84443-94446.jpg?_wi=2" },
+                { id: "p3", name: "Fresh Sea Bass", price: "55 DT", imageSrc: "http://img.b2bpic.net/free-photo/fish-with-onion_1157-23.jpg?_wi=2" },
+                { id: "p4", name: "Truffle Pasta", price: "48 DT", imageSrc: "http://img.b2bpic.net/free-photo/delicious-truffle-recipe-with-pasta-top-view_23-2149548045.jpg?_wi=2" },
+                { id: "p5", name: "Signature Chocolate Mousse", price: "25 DT", imageSrc: "http://img.b2bpic.net/free-photo/red-velvet-cake-stuffed-with-white-butter-cream_114579-2315.jpg?_wi=2" },
+                { id: "p6", name: "Sunset Aperitif", price: "20 DT", imageSrc: "http://img.b2bpic.net/free-photo/traditional-gulas-dish-arrangement_23-2149072617.jpg?_wi=2" },
+            ]}
+            title="Our Signature Dishes"
+            description="Explore our menu curated for refined palates."
+            />
+        </div>
+        <div id="testimonials" data-section="testimonials">
+            <TestimonialCardSixteen
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            testimonials={[
+                { id: "t1", name: "Sarah Mansour", role: "Local Professional", company: "Tunis", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cute-tanned-brunette-woman-stylish-red-dress-beret-sunglasses-sits-cafe_197531-24181.jpg" },
+                { id: "t2", name: "Ahmed Ben Youssef", role: "Architect", company: "La Marsa", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-black-skinned-woman-wearing-blouse-flower-headband-enjoying-dinner-while-eating-restaurant_613910-18777.jpg" },
+                { id: "t3", name: "Elena Rossi", role: "Traveler", company: "Italy", rating: 5, imageSrc: "http://img.b2bpic.net/three-best-friends-enjoying-nice-conversation-lunch-modern-cafe-interior_273609-9010.jpg" },
+                { id: "t4", name: "Yassine Sassi", role: "Entrepreneur", company: "Tunis", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/street-cafe-old-town-lindos-greek-island-rhodes-view-aegean-sea-islands-dodecanese-archipelago-europe-travel-time_166373-3822.jpg" },
+                { id: "t5", name: "Sofia Jellouli", role: "Designer", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-their-reunion_23-2149215795.jpg" },
+            ]}
+            kpiItems={[{ value: "4.8/5", label: "Avg Rating" }, { value: "10k+", label: "Social Mentions" }, { value: "95%", label: "Return Rate" }]}
+            title="Guest Stories"
+            description="Hear what our patrons say about their experience."
+            />
+        </div>
+        <div id="faq" data-section="faq">
+            <FaqSplitText
+            useInvertedBackground={false}
+            faqs={[{ id: "f1", title: "Do I need a reservation?", content: "Yes, we highly recommend reservations for evening dining and weekends." }, { id: "f2", title: "Is there outdoor seating?", content: "Yes, our terrace overlooks the sea and is our most popular dining area." }, { id: "f3", title: "Do you accommodate dietary needs?", content: "Our menu features various vegetarian and gluten-free options. Please inform us of allergies." }]}
+            sideTitle="Frequently Asked Questions"
+            sideDescription="Everything you need to plan your perfect visit."
+            faqsAnimation="slide-up"
+            />
+        </div>
+        <div id="contact" data-section="contact">
+            <ContactSplitForm
+            useInvertedBackground={true}
+            title="Book Your Table"
+            description="Ready to experience The Cliff? Fill out the form below to secure your spot."
+            inputs={[{ name: "fullName", type: "text", placeholder: "Full Name", required: true }, { name: "email", type: "email", placeholder: "Email Address", required: true }, { name: "date", type: "date", placeholder: "Date", required: true }, { name: "guests", type: "number", placeholder: "Number of Guests", required: true }]}
+            textarea={{ name: "notes", placeholder: "Special requests or dietary needs?", rows: 3 }}
+            imageSrc="http://img.b2bpic.net/free-photo/businesswoman-looking-her-partner-sitting-chair-caf_23-2147876647.jpg"
+            />
+        </div>
+        <div id="footer" data-section="footer">
+            <FooterBaseReveal
+            logoText="The Cliff"
+            columns={[
+                { title: "Quick Links", items: [{ label: "Home", href: "#hero" }, { label: "About", href: "#about" }, { label: "Menu", href: "/menu" }] },
+                { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
+            ]}
+            />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );