Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -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,50 +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",          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>
 
@@ -92,37 +58,21 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="split"
       gridVariant="four-items-2x2-equal-grid"
-      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."
+      useInvertedBackground={false}
     />
   </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,38 +80,19 @@ 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: "#" }, { label: "Breakfast Plates", href: "#" }] },
-            {
-              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>

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>
+  );
+}