Merge version_6 into main

Merge version_6 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: "Home",          id: "hero"},
+        { name: "Menu", id: "menu" },
-        {
+        { name: "Products", id: "/products" },
-          name: "Menu",          id: "menu"},
+        { name: "Contact", id: "contact" },
-        {
-          name: "Contact",          id: "contact"},
       ]}
       brandName="Mr. Bagel"
     />
@@ -40,89 +38,47 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitKpi
-      background={{
+      background={{ variant: "gradient-bars" }}
-        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: "6 AM",          label: "Opening Daily"},
+        { value: "13 New", label: "Portland Rd" },
-        {
+        { value: "Fresh", label: "Baked Daily" },
-          value: "13 New",          label: "Portland Rd"},
-        {
-          value: "Fresh",          label: "Baked Daily"},
       ]}
       enableKpiAnimation={true}
-      buttons={[
+      buttons={[{ text: "Call to Order", href: "tel:2078392802" }]}
-        {
-          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: "1", name: "Plain Bagel", price: "$1.50", imageSrc: "https://images.unsplash.com/photo-1612182062632-9b486950269f?q=80&w=600&auto=format&fit=crop&_wi=1" },
-          id: "p1",          name: "",          price: "",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CJ0t0AzWEA1zu6ou9EvdZJLTtm/uploaded-1776091250944-rt1z3boq.png"},
+          { id: "2", name: "Everything Bagel", price: "$1.75", imageSrc: "https://images.unsplash.com/photo-1584744982341-38374d001099?q=80&w=600&auto=format&fit=crop&_wi=1" },
-        {
+          { id: "3", name: "Egg & Cheese", price: "$5.50", imageSrc: "https://images.unsplash.com/photo-1525351484163-7529414344d8?q=80&w=600&auto=format&fit=crop&_wi=1" },
-          id: "p2",          name: "",          price: "",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CJ0t0AzWEA1zu6ou9EvdZJLTtm/uploaded-1776091515080-baz042ip.png"},
+          { id: "4", name: "Lox & Cream Cheese", price: "$8.00", imageSrc: "https://images.unsplash.com/photo-1531366936337-7cafc158525b?q=80&w=600&auto=format&fit=crop&_wi=1" }
-        {
-          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."
     />
   </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" },
-          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: "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" }
-        {
-          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"}
       ]}
     />
   </div>
@@ -130,41 +86,22 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={true}
-      background={{
+      background={{ variant: "radial-gradient" }}
-        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={[
+      buttons={[{ text: "Call Now: (207) 839-2802", href: "tel:2078392802" }]}
-        {
-          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: "Shop Info",          items: [
+        { title: "Menu", items: [{ label: "Bagels", href: "/products" }, { label: "Breakfast Plates", href: "/products" }] },
-            {
-              label: "Gorham, ME",              href: "#"},
-            {
-              label: "Open Tue-Sun",              href: "#"},
-          ],
-        },
-        {
-          title: "Menu",          items: [
-            {
-              label: "Bagels",              href: "#"},
-            {
-              label: "Breakfast Plates",              href: "#"},
-          ],
-        },
       ]}
       logoText="Mr. Bagel"
-      copyrightText="© 2026 Mr. Bagel. All rights reserved."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/products/page.tsx

@@ -0,0 +1,46 @@
+"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={[
+              { id: "1", name: "Plain Bagel", price: "$1.50", imageSrc: "https://images.unsplash.com/photo-1612182062632-9b486950269f?q=80&w=600&auto=format&fit=crop&_wi=2" },
+              { id: "2", name: "Everything Bagel", price: "$1.75", imageSrc: "https://images.unsplash.com/photo-1584744982341-38374d001099?q=80&w=600&auto=format&fit=crop&_wi=2" },
+              { id: "3", name: "Egg & Cheese", price: "$5.50", imageSrc: "https://images.unsplash.com/photo-1525351484163-7529414344d8?q=80&w=600&auto=format&fit=crop&_wi=2" },
+              { id: "4", name: "Lox & Cream Cheese", price: "$8.00", imageSrc: "https://images.unsplash.com/photo-1531366936337-7cafc158525b?q=80&w=600&auto=format&fit=crop&_wi=2" }
+            ]}
+            useInvertedBackground={false}
+            className="py-0"
+          />
+        </main>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}