Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -7,7 +7,6 @@ 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 TeamCardSix from '@/components/sections/team/TeamCardSix';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
 
 export default function LandingPage() {
@@ -28,18 +27,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",
+        { name: "Menu", id: "menu" },
-          id: "hero",
+        { name: "Products", id: "/products" },
-        },
+        { name: "Contact", id: "contact" },
-        {
-          name: "Menu",
-          id: "menu",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="Mr. Bagel"
     />
@@ -47,79 +38,18 @@ 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",
+        { value: "13 New", label: "Portland Rd" },
-          label: "Opening Daily",
+        { 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" }]}
-        {
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CJ0t0AzWEA1zu6ou9EvdZJLTtm/uploaded-1776092125939-q8o4ba64.webp"
-          text: "Call to Order",
-          href: "tel:2078392802",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/top-view-bagels-with-honey-milk_23-2148695520.jpg?_wi=1"
       mediaAnimation="blur-reveal"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/side-view-bagels-with-sunflower-seeds-cutting-board-wooden-background-with-copy-space_141793-5558.jpg",
-          alt: "Customer 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/top-view-arrangement-with-food-cutting-board_23-2148308832.jpg",
-          alt: "Customer 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/top-close-up-view-cake-appetizing-cake-with-red-currants-cupcakes-cutting-board_140725-123295.jpg",
-          alt: "Customer 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/half-cut-tasty-bun-with-sesame-seeds-wooden-board_114579-50475.jpg",
-          alt: "Customer 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/bunch-delicious-biscuits-wooden-piece_114579-73420.jpg",
-          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>
 
@@ -128,155 +58,21 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="split"
       gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Cinnamon Bun",
-          price: "",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CJ0t0AzWEA1zu6ou9EvdZJLTtm/uploaded-1776091250944-rt1z3boq.png",
-        },
-        {
-          id: "p2",
-          name: "Breakfast Omelette",
-          price: "",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CJ0t0AzWEA1zu6ou9EvdZJLTtm/uploaded-1776091515080-baz042ip.png",
-        },
-        {
-          id: "p3",
-          name: "Western Omelette",
-          price: "$11.13",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-delicious-cake-with-cream-light-table-cake-dessert-sweet-pie_140725-81697.jpg?_wi=1",
-        },
-        {
-          id: "p4",
-          name: "Breakfast Burrito",
-          price: "$11.64",
-          imageSrc: "http://img.b2bpic.net/free-photo/variety-delicious-sweet-truffle-biscuits-wood-piece_114579-85584.jpg?_wi=1",
-        },
-        {
-          id: "p5",
-          name: "1/2 Dozen Bagels",
-          price: "$12.42",
-          imageSrc: "http://img.b2bpic.net/free-photo/homemade-smores_123827-21574.jpg",
-        },
-        {
-          id: "p6",
-          name: "MUG CLUB 20oz Mug",
-          price: "$15.53",
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-cinnamon-rolls-with-copy-space_23-2148779698.jpg",
-        },
-      ]}
       title="Our Menu"
       description="Handcrafted bagels, delicious breakfast plates, and freshly baked pastries."
-    />
-  </div>
-
-  <div id="team" data-section="team">
-      <TeamCardSix
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
-      title="Meet Our Team"
-      description="The friendly faces that make your morning a little brighter every single day."
-      members={[
-        {
-          id: "t1",
-          name: "Sarah J.",
-          role: "Head Baker",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-perfectly-organized-bakery-sweets_23-2150168268.jpg",
-        },
-        {
-          id: "t2",
-          name: "Mike B.",
-          role: "Grill Master",
-          imageSrc: "http://img.b2bpic.net/free-photo/fresh-croissant-decorated-with-drop-chocolate-blue-board_114579-88291.jpg",
-        },
-        {
-          id: "t3",
-          name: "Jen L.",
-          role: "Coffee Expert",
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-bun-with-meat-carrot-white-surface_114579-73528.jpg",
-        },
-        {
-          id: "t4",
-          name: "David K.",
-          role: "Bagel Artist",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-croissants_23-2149233677.jpg",
-        },
-        {
-          id: "t5",
-          name: "Chloe M.",
-          role: "Customer Lead",
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-croissants-with-chocolate-gray_114579-37480.jpg",
-        },
-      ]}
     />
   </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",
+        { 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" }
-          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: "http://img.b2bpic.net/free-photo/top-view-bagels-with-honey-milk_23-2148695520.jpg?_wi=2",
-          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: "http://img.b2bpic.net/free-photo/delicious-round-bread-close-up_23-2148258684.jpg?_wi=2",
-          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",
-        },
       ]}
     />
   </div>
@@ -284,54 +80,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",
+        { title: "Menu", items: [{ label: "Bagels", href: "#" }, { label: "Breakfast Plates", href: "#" }] },
-          items: [
-            {
-              label: "Gorham, ME",
-              href: "#",
-            },
-            {
-              label: "Open Tue-Sun",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Menu",
-          items: [
-            {
-              label: "Bagels",
-              href: "#",
-            },
-            {
-              label: "Breakfast Plates",
-              href: "#",
-            },
-          ],
-        },
       ]}
       logoText="Mr. Bagel"
-      copyrightText="© 2025 Mr. Bagel. All rights reserved."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/products/page.tsx

@@ -0,0 +1,57 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+
+export default function ProductsPage() {
+  const categories = [
+    { name: "Merch", items: [{ name: "Logo Mug", price: "$12.00" }, { name: "T-Shirt", price: "$25.00" }] },
+    { name: "Beverages", items: [{ name: "Coffee", price: "$3.50" }, { name: "Tea", price: "$3.00" }, { name: "Orange Juice", price: "$4.00" }] },
+    { name: "Pastries & Baked Goods", items: [{ name: "Muffin", price: "$3.75" }, { name: "Scone", price: "$3.75" }, { name: "Cookie", price: "$2.50" }] },
+    { name: "Breakfast Sides", items: [{ name: "Bacon", price: "$4.50" }, { name: "Sausage", price: "$4.50" }, { name: "Home Fries", price: "$4.00" }] },
+    { name: "French Toast & Pancakes", items: [{ name: "French Toast", price: "$11.00" }, { name: "Buttermilk Pancakes", price: "$10.00" }] },
+    { name: "Breakfast Plates", items: [{ name: "Western Omelette", price: "$13.00" }, { name: "Classic Breakfast", price: "$12.00" }] },
+    { name: "Breakfast Sandwiches", items: [{ name: "Bacon Egg & Cheese", price: "$8.50" }, { name: "Sausage Egg & Cheese", price: "$8.50" }] },
+    { name: "Bagels & Cream Cheese", items: [{ name: "Plain Bagel", price: "$2.00" }, { name: "Everything Bagel", price: "$2.25" }, { name: "Cream Cheese", price: "$1.50" }] },
+    { name: "Uncategorized", items: [{ name: "Gift Card", price: "$25.00" }] }
+  ];
+
+  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" }]}
+          brandName="Mr. Bagel"
+        />
+        <main className="pt-32 pb-20 px-6 max-w-2xl mx-auto">
+          <h1 className="text-4xl font-bold mb-10">Menu Items</h1>
+          {categories.map((cat) => (
+            <div key={cat.name} className="mb-8">
+              <h2 className="text-2xl font-semibold mb-4 border-b pb-2">{cat.name}</h2>
+              <ul className="space-y-2">
+                {cat.items.map((item) => (
+                  <li key={item.name} className="flex justify-between py-1">
+                    <span>{item.name}</span>
+                    <span className="font-medium">{item.price}</span>
+                  </li>
+                ))}
+              </ul>
+            </div>
+          ))}
+        </main>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}