Update src/app/products/page.tsx

Merge version_4 into main

src/app/page.tsx

@@ -6,7 +6,7 @@ import ContactText from '@/components/sections/contact/ContactText';
 import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
 
 export default function LandingPage() {
@@ -27,12 +27,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",          id: "hero"},
-        {
-          name: "Menu",          id: "menu"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "Home", id: "hero" },
+        { name: "Menu", id: "menu" },
+        { name: "Products", id: "/products" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Mr. Bagel"
     />
@@ -40,95 +38,42 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitKpi
-      background={{
-        variant: "gradient-bars"}}
+      background={{ variant: "gradient-bars" }}
       title="Fresh Bagels & Hometown Vibe"
       description="Gorham’s favorite local spot for fresh bagels, hearty breakfast plates, and homemade pastries. Stop in today or call ahead to skip the line."
       kpis={[
-        {
-          value: "6 AM",          label: "Opening Daily"},
-        {
-          value: "13 New",          label: "Portland Rd"},
-        {
-          value: "Fresh",          label: "Baked Daily"},
+        { value: "6 AM", label: "Opening Daily" },
+        { value: "13 New", label: "Portland Rd" },
+        { value: "Fresh", label: "Baked Daily" },
       ]}
       enableKpiAnimation={true}
-      buttons={[
-        {
-          text: "Call to Order",          href: "tel:2078392802"},
-      ]}
+      buttons={[{ text: "Call to Order", href: "tel:2078392802" }]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CJ0t0AzWEA1zu6ou9EvdZJLTtm/uploaded-1776092125939-q8o4ba64.webp"
       mediaAnimation="blur-reveal"
-      avatars={[
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CJ0t0AzWEA1zu6ou9EvdZJLTtm/uploaded-1776092148737-vjh9ea1f.webp",          alt: "Customer 1"},
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CJ0t0AzWEA1zu6ou9EvdZJLTtm/uploaded-1776092159845-zwodljyu.png",          alt: "Customer 2"},
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CJ0t0AzWEA1zu6ou9EvdZJLTtm/uploaded-1776092179692-73h07rpk.png",          alt: "Customer 3"},
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CJ0t0AzWEA1zu6ou9EvdZJLTtm/uploaded-1776092168074-a2fli1p7.png",          alt: "Customer 4"},
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CJ0t0AzWEA1zu6ou9EvdZJLTtm/uploaded-1776092188025-qalwrfsg.png",          alt: "Customer 5"},
-      ]}
-      avatarText="Loved by locals"
-      marqueeItems={[
-        {
-          type: "text",          text: "Fresh Bagels"},
-        {
-          type: "text",          text: "Locally Sourced"},
-        {
-          type: "text",          text: "Breakfast Plates"},
-        {
-          type: "text",          text: "Homemade Pastries"},
-        {
-          type: "text",          text: "Always Hot"},
-      ]}
     />
   </div>
 
   <div id="menu" data-section="menu">
-      <ProductCardOne
+      <ProductCardThree
       animationType="slide-up"
       textboxLayout="split"
       gridVariant="four-items-2x2-equal-grid"
+      title="Our Full Menu"
+      description="Discover our wide selection of handcrafted bagels, breakfast plates, and local favorites."
       useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",          name: "",          price: "",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CJ0t0AzWEA1zu6ou9EvdZJLTtm/uploaded-1776091250944-rt1z3boq.png"},
-        {
-          id: "p2",          name: "",          price: "",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CJ0t0AzWEA1zu6ou9EvdZJLTtm/uploaded-1776091515080-baz042ip.png"},
-        {
-          id: "p3",          name: "",          price: "",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CJ0t0AzWEA1zu6ou9EvdZJLTtm/uploaded-1776092010738-fcm84h1z.png"},
-        {
-          id: "p4",          name: "",          price: "",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CJ0t0AzWEA1zu6ou9EvdZJLTtm/uploaded-1776092070277-5s119rvv.png"},
-        {
-          id: "p5",          name: "",          price: "",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CJ0t0AzWEA1zu6ou9EvdZJLTtm/uploaded-1776092313895-eiiv0qjv.png"},
-        {
-          id: "p6",          name: "",          price: "",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CJ0t0AzWEA1zu6ou9EvdZJLTtm/uploaded-1776092283112-w3vpkbhl.png"},
-      ]}
-      title="Our Menu"
-      description="Handcrafted bagels, delicious breakfast plates, and freshly baked pastries."
+      products={[]}
     />
   </div>
 
   <div id="testimonial" data-section="testimonial">
       <TestimonialCardFive
       textboxLayout="default"
-      useInvertedBackground={false}
       title="What Locals Say"
       description="Our customers are the heartbeat of our shop. Read about their favorite morning rituals."
+      useInvertedBackground={false}
       testimonials={[
-        {
-          id: "ts1",          name: "Alice T.",          date: "Jan 2025",          title: "Great vibe!",          quote: "The best bagels in Gorham, hands down.",          tag: "Regular",          avatarSrc: "http://img.b2bpic.net/free-photo/close-up-up-delicious-alfajores-concept_23-2148777344.jpg",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CJ0t0AzWEA1zu6ou9EvdZJLTtm/uploaded-1776091932705-02h6ym5s.png",          imageAlt: "Close-up up of delicious alfajores concept"},
-        {
-          id: "ts2",          name: "Bob R.",          date: "Dec 2024",          title: "Quick Service",          quote: "Love the call-ahead feature, saves me so much time.",          tag: "Commuter",          avatarSrc: "http://img.b2bpic.net/free-photo/hazelnut-chocolate-cocoa-powder-cookies-plate-towel-blue_114579-70916.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/white-plate-with-gingerbread-cookies-with-icing-sugar_114579-82649.jpg?_wi=2",          imageAlt: "Close-up up of delicious alfajores concept"},
-        {
-          id: "ts3",          name: "Claire S.",          date: "Dec 2024",          title: "Breakfast Heaven",          quote: "Their western omelette is exactly what I need on a Sunday.",          tag: "Fan",          avatarSrc: "http://img.b2bpic.net/free-photo/homemade-smores_123827-21701.jpg",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CJ0t0AzWEA1zu6ou9EvdZJLTtm/uploaded-1776092451078-k1hvetf5.webp",          imageAlt: "Close-up up of delicious alfajores concept"},
-        {
-          id: "ts4",          name: "Daniel F.",          date: "Nov 2024",          title: "Freshness matters",          quote: "You can tell the ingredients are fresh daily.",          tag: "Daily Visit",          avatarSrc: "http://img.b2bpic.net/free-photo/delicious-alfajores-cookie-concept_23-2148777360.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-delicious-cake-with-cream-light-table-cake-dessert-sweet-pie_140725-81697.jpg?_wi=2",          imageAlt: "Close-up up of delicious alfajores concept"},
-        {
-          id: "ts5",          name: "Emily P.",          date: "Nov 2024",          title: "Friendly!",          quote: "Always greeted with a smile. Highly recommend!",          tag: "Guest",          avatarSrc: "http://img.b2bpic.net/free-photo/icecream-with-cocoa-cookies-wooden-platter-top-view_114579-13211.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/variety-delicious-sweet-truffle-biscuits-wood-piece_114579-85584.jpg?_wi=2",          imageAlt: "Close-up up of delicious alfajores concept"},
+        { id: "ts1", name: "Alice T.", date: "Jan 2025", title: "Great vibe!", quote: "The best bagels in Gorham, hands down.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-up-delicious-alfajores-concept_23-2148777344.jpg" },
+        { id: "ts3", name: "Claire S.", date: "Dec 2024", title: "Breakfast Heaven", quote: "Their western omelette is exactly what I need on a Sunday.", tag: "Fan", avatarSrc: "http://img.b2bpic.net/free-photo/homemade-smores_123827-21701.jpg" }
       ]}
     />
   </div>
@@ -136,41 +81,22 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={true}
-      background={{
-        variant: "radial-gradient"}}
+      background={{ variant: "radial-gradient" }}
       text="Find us at 13 New Portland Rd, Gorham, ME. We're open Tuesday through Sunday from 6:00 AM. Give us a call to skip the wait!"
-      buttons={[
-        {
-          text: "Call Now: (207) 839-2802",          href: "tel:2078392802"},
-      ]}
+      buttons={[{ text: "Call Now: (207) 839-2802", href: "tel:2078392802" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        {
-          title: "Shop Info",          items: [
-            {
-              label: "Gorham, ME",              href: "#"},
-            {
-              label: "Open Tue-Sun",              href: "#"},
-          ],
-        },
-        {
-          title: "Menu",          items: [
-            {
-              label: "Bagels",              href: "#"},
-            {
-              label: "Breakfast Plates",              href: "#"},
-          ],
-        },
+        { title: "Shop Info", items: [{ label: "Gorham, ME", href: "#" }, { label: "Open Tue-Sun", href: "#" }] },
+        { title: "Menu", items: [{ label: "Bagels", href: "/products" }, { label: "Breakfast Plates", href: "/products" }] },
       ]}
       logoText="Mr. Bagel"
-      copyrightText="© 2026 Mr. Bagel. All rights reserved."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/products/page.tsx

@@ -0,0 +1,41 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
+
+export default function ProductsPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="elastic-effect"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="rounded"
+        contentWidth="medium"
+        sizing="largeSizeMediumTitles"
+        background="noiseDiagonalGradient"
+        cardStyle="gradient-mesh"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="layered"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <NavbarStyleCentered
+          navItems={[{ name: "Home", id: "/" }, { name: "Menu", id: "/#menu" }, { name: "Products", id: "/products" }, { name: "Contact", id: "/#contact" }]}
+        />
+        <main className="pt-32 pb-20 px-6 max-w-6xl mx-auto">
+          <ProductCardThree
+            title="Our Products"
+            description="Browse our complete collection of fresh bagels, merchandise, and catering options."
+            gridVariant="four-items-2x2-equal-grid"
+            animationType="slide-up"
+            textboxLayout="default"
+            products={[]}
+            useInvertedBackground={false}
+            className="py-0"
+          />
+        </main>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}