Update src/app/page.tsx

Merge version_2 into main

src/app/menu/page.tsx

@@ -0,0 +1,152 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterBase from '@/components/sections/footer/FooterBase';
+import { Coffee, Heart } from 'lucide-react';
+
+const handleNewsletterSubmit = (email: string) => {
+  console.log('Newsletter signup:', email);
+};
+
+export default function MenuPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="elastic-effect"
+      defaultTextAnimation="background-highlight"
+      borderRadius="soft"
+      contentWidth="mediumSmall"
+      sizing="large"
+      background="circleGradient"
+      cardStyle="gradient-radial"
+      primaryButtonStyle="diagonal-gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "About", id: "about" },
+            { name: "Menu", id: "/menu" },
+            { name: "Visit", id: "contact" },
+            { name: "Contact", id: "contact" }
+          ]}
+          brandName="Belle Café"
+          bottomLeftText="Regent Street, Christchurch"
+          bottomRightText="hello@bellecafe.co.nz"
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroBillboardScroll
+          title="Our Full Menu"
+          description="Explore our carefully curated selection of artisan coffee, signature brunch dishes, and seasonal specialties crafted with love and local ingredients."
+          tag="Belle Café Menu"
+          tagIcon={Coffee}
+          tagAnimation="slide-up"
+          background={{ variant: "plain" }}
+          imageSrc="http://img.b2bpic.net/free-photo/elevated-view-baked-croissant-fruits-tea-dryfruits-white-tablecloth_23-2147907266.jpg?_wi=1"
+          imageAlt="Belle Café menu showcase"
+          buttons={[
+            { text: "Book a Table", href: "#contact" },
+            { text: "Back Home", href: "/" }
+          ]}
+          buttonAnimation="slide-up"
+          className="hero-section"
+          containerClassName="hero-container"
+          titleClassName="hero-title"
+          descriptionClassName="hero-description"
+          buttonContainerClassName="hero-buttons"
+        />
+      </div>
+
+      <div id="menu" data-section="menu">
+        <ProductCardFour
+          title="Signature Dishes"
+          description="Discover our most beloved menu items, featuring locally-sourced ingredients and international inspiration."
+          tag="Food & Beverages"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+          carouselMode="buttons"
+          products={[
+            {
+              id: "1",              name: "Smashed Avocado on Sourdough",              price: "$14.50",              variant: "Green | Crushed Chilli | Lime",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-sugar-cookies-with-strawberry-jelly-white-surface_140725-90426.jpg?_wi=1",              imageAlt: "Smashed Avocado on Sourdough",              onProductClick: () => console.log('Product clicked')
+            },
+            {
+              id: "2",              name: "Belle's Benedict",              price: "$16.00",              variant: "Poached Eggs | Hollandaise | Smoked Salmon",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-preparing-coffee_1232-866.jpg?_wi=1",              imageAlt: "Belle's Signature Eggs Benedict",              onProductClick: () => console.log('Product clicked')
+            },
+            {
+              id: "3",              name: "Berry Granola Parfait",              price: "$12.50",              variant: "Yogurt | Fresh Berries | House Granola",              imageSrc: "http://img.b2bpic.net/free-photo/communicating-with-multicultural-colleagues-small-local-cosy-restaurant-with-delicious-food_8353-10023.jpg?_wi=1",              imageAlt: "Berry Granola Parfait",              onProductClick: () => console.log('Product clicked')
+            },
+            {
+              id: "4",              name: "Crispy Pancakes with Maple",              price: "$13.00",              variant: "Maple Syrup | Whipped Cream | Fresh Fruit",              imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-baked-croissant-fruits-tea-dryfruits-white-tablecloth_23-2147907266.jpg?_wi=1",              imageAlt: "Crispy Pancakes with Maple Syrup",              onProductClick: () => console.log('Product clicked')
+            },
+            {
+              id: "5",              name: "Charred Tomato Shakshuka",              price: "$15.00",              variant: "Baked Eggs | Pepper | Sourdough",              imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-his-virtual-date_23-2149307285.jpg?_wi=1",              imageAlt: "Charred Tomato Shakshuka",              onProductClick: () => console.log('Product clicked')
+            },
+            {
+              id: "6",              name: "Seasonal Salad Bowl",              price: "$13.50",              variant: "Local Greens | Seasonal Vegetables | House Dressing",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-sugar-cookies-with-strawberry-jelly-white-surface_140725-90426.jpg?_wi=1",              imageAlt: "Seasonal Salad Bowl",              onProductClick: () => console.log('Product clicked')
+            },
+            {
+              id: "7",              name: "Single Origin Espresso",              price: "$4.50",              variant: "Double Shot | Ethiopian | Medium Roast",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-preparing-coffee_1232-866.jpg?_wi=1",              imageAlt: "Single Origin Espresso",              onProductClick: () => console.log('Product clicked')
+            },
+            {
+              id: "8",              name: "Creamy Flat White",              price: "$5.50",              variant: "Espresso | Microfoam Milk | Latte Art",              imageSrc: "http://img.b2bpic.net/free-photo/communicating-with-multicultural-colleagues-small-local-cosy-restaurant-with-delicious-food_8353-10023.jpg?_wi=2",              imageAlt: "Creamy Flat White Coffee",              onProductClick: () => console.log('Product clicked')
+            }
+          ]}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactCenter
+          tag="Get In Touch"
+          title="Ready to Experience Belle Café?"
+          description="Reserve a table, ask about our current menu specials, or just say hello. We'd love to see you on Regent Street soon."
+          tagIcon={Heart}
+          background={{ variant: "rotated-rays-static-grid" }}
+          useInvertedBackground={false}
+          inputPlaceholder="Your email address"
+          buttonText="Subscribe"
+          termsText="We respect your privacy and share updates about menu specials, art events, and community happenings. Unsubscribe anytime."
+          onSubmit={handleNewsletterSubmit}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBase
+          logoText="Belle Café"
+          copyrightText="© 2025 Belle Café. All rights reserved. Crafted with love in Christchurch."
+          columns={[
+            {
+              title: "Visit Us",              items: [
+                { label: "Hours & Location", href: "#" },
+                { label: "Directions", href: "#" },
+                { label: "Parking Info", href: "#" }
+              ]
+            },
+            {
+              title: "Explore",              items: [
+                { label: "Menu", href: "/menu" },
+                { label: "Gallery", href: "#" },
+                { label: "Events", href: "#" }
+              ]
+            },
+            {
+              title: "Connect",              items: [
+                { label: "Instagram", href: "https://instagram.com" },
+                { label: "Facebook", href: "https://facebook.com" },
+                { label: "Contact", href: "#contact" }
+              ]
+            }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -32,9 +32,9 @@ export default function LandingPage() {
       <div id="nav" data-section="nav">
         <NavbarStyleFullscreen
           navItems={[
-            { name: "Home", id: "home" },
+            { name: "Home", id: "/" },
             { name: "About", id: "about" },
-            { name: "Menu", id: "menu" },
+            { name: "Menu", id: "/menu" },
             { name: "Visit", id: "contact" },
             { name: "Contact", id: "contact" }
           ]}
@@ -56,7 +56,7 @@ export default function LandingPage() {
           imageAlt="Belle Café artistic brunch setting"
           buttons={[
             { text: "Visit Us Today", href: "#contact" },
-            { text: "View Menu", href: "#" }
+            { text: "View Menu", href: "/menu" }
           ]}
           buttonAnimation="slide-up"
           className="hero-section"
@@ -106,13 +106,13 @@ export default function LandingPage() {
           useInvertedBackground={false}
           features={[
             {
-              id: "01",              title: "Exceptional Coffee",              description: "Expertly pulled espresso shots and specialty drinks that redefine your coffee experience.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-preparing-coffee_1232-866.jpg",              imageAlt: "Professional specialty coffee preparation"
+              id: "01",              title: "Exceptional Coffee",              description: "Expertly pulled espresso shots and specialty drinks that redefine your coffee experience.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-preparing-coffee_1232-866.jpg?_wi=1",              imageAlt: "Professional specialty coffee preparation"
             },
             {
-              id: "02",              title: "Signature Brunch Dishes",              description: "Creative breakfast plates that blend local flavours with international techniques, Instagram-worthy and delicious.",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-sugar-cookies-with-strawberry-jelly-white-surface_140725-90426.jpg",              imageAlt: "Beautifully plated brunch dish"
+              id: "02",              title: "Signature Brunch Dishes",              description: "Creative breakfast plates that blend local flavours with international techniques, Instagram-worthy and delicious.",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-sugar-cookies-with-strawberry-jelly-white-surface_140725-90426.jpg?_wi=1",              imageAlt: "Beautifully plated brunch dish"
             },
             {
-              id: "03",              title: "Artistic Atmosphere",              description: "Rotating local artist collections, vintage décor, and thoughtful design create an inspiring, gallery-like space.",              imageSrc: "http://img.b2bpic.net/free-photo/communicating-with-multicultural-colleagues-small-local-cosy-restaurant-with-delicious-food_8353-10023.jpg",              imageAlt: "Belle Café artistic interior with gallery ambiance"
+              id: "03",              title: "Artistic Atmosphere",              description: "Rotating local artist collections, vintage décor, and thoughtful design create an inspiring, gallery-like space.",              imageSrc: "http://img.b2bpic.net/free-photo/communicating-with-multicultural-colleagues-small-local-cosy-restaurant-with-delicious-food_8353-10023.jpg?_wi=3",              imageAlt: "Belle Café artistic interior with gallery ambiance"
             }
           ]}
           animationType="slide-up"
@@ -148,16 +148,16 @@ export default function LandingPage() {
           useInvertedBackground={false}
           testimonials={[
             {
-              id: "1",              title: "My Go-To Brunch Destination",              quote: "I've tried every café in Christchurch, and Belle Café is where I always come back. The coffee is exceptional, the food is creative, and the whole vibe just makes you feel welcome. It's become my favourite spot to work, meet friends, and celebrate special moments.",              name: "Sarah Chen",              role: "Marketing Professional",              imageSrc: "http://img.b2bpic.net/free-photo/cheerful-asian-female-entrepreneur-sitting-table-cafe_1262-17235.jpg",              imageAlt: "Sarah Chen enjoying coffee at Belle Café"
+              id: "1",              title: "My Go-To Brunch Destination",              quote: "I've tried every café in Christchurch, and Belle Café is where I always come back. The coffee is exceptional, the food is creative, and the whole vibe just makes you feel welcome. It's become my favourite spot to work, meet friends, and celebrate special moments.",              name: "Sarah Chen",              role: "Marketing Professional",              imageSrc: "http://img.b2bpic.net/free-photo/cheerful-asian-female-entrepreneur-sitting-table-cafe_1262-17235.jpg?_wi=1",              imageAlt: "Sarah Chen enjoying coffee at Belle Café"
             },
             {
-              id: "2",              title: "Found Inspiration Here",              quote: "As an artist, I was immediately drawn to Belle Café's creative energy. The rotating exhibitions, the welcoming community, and the incredible atmosphere have made it my creative sanctuary. I've even met collaborators here!",              name: "James Mitchell",              role: "Local Artist & Creative Director",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-book-coffee-shop_23-2150378308.jpg",              imageAlt: "James Mitchell at Belle Café workspace"
+              id: "2",              title: "Found Inspiration Here",              quote: "As an artist, I was immediately drawn to Belle Café's creative energy. The rotating exhibitions, the welcoming community, and the incredible atmosphere have made it my creative sanctuary. I've even met collaborators here!",              name: "James Mitchell",              role: "Local Artist & Creative Director",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-book-coffee-shop_23-2150378308.jpg?_wi=1",              imageAlt: "James Mitchell at Belle Café workspace"
             },
             {
-              id: "3",              title: "Hidden Gem in Christchurch",              quote: "We discovered Belle Café by chance while exploring Regent Street during our holiday, and it absolutely made our trip. The hospitality, quality of food, and genuine care they put into every detail is rare. We've told everyone back home about it—Belle Café is a must-visit!",              name: "Emma Rodriguez",              role: "Visitor from Australia",              imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-smiling-hipster-female-trendy-summer-clothescarefree-women-posing-veranda-cafe-streetpositive-models-drinking-white-wineenjoying-their-vacationeating-croissant_158538-24271.jpg",              imageAlt: "Emma enjoying her brunch experience"
+              id: "3",              title: "Hidden Gem in Christchurch",              quote: "We discovered Belle Café by chance while exploring Regent Street during our holiday, and it absolutely made our trip. The hospitality, quality of food, and genuine care they put into every detail is rare. We've told everyone back home about it—Belle Café is a must-visit!",              name: "Emma Rodriguez",              role: "Visitor from Australia",              imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-smiling-hipster-female-trendy-summer-clothescarefree-women-posing-veranda-cafe-streetpositive-models-drinking-white-wineenjoying-their-vacationeating-croissant_158538-24271.jpg?_wi=1",              imageAlt: "Emma enjoying her brunch experience"
             },
             {
-              id: "4",              title: "Community at Its Best",              quote: "Belle Café isn't just a place to grab breakfast—it's where the Christchurch creative community gathers. I've attended events here, met amazing people, and felt genuinely supported. This is what a modern café should be.",              name: "Michael Patel",              role: "Freelance Designer & Regular",              imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-with-long-hair-sitting-cafe-with-laptop_273609-6341.jpg",              imageAlt: "Michael at Belle Café counter"
+              id: "4",              title: "Community at Its Best",              quote: "Belle Café isn't just a place to grab breakfast—it's where the Christchurch creative community gathers. I've attended events here, met amazing people, and felt genuinely supported. This is what a modern café should be.",              name: "Michael Patel",              role: "Freelance Designer & Regular",              imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-with-long-hair-sitting-cafe-with-laptop_273609-6341.jpg?_wi=1",              imageAlt: "Michael at Belle Café counter"
             }
           ]}
         />
@@ -192,7 +192,7 @@ export default function LandingPage() {
             },
             {
               title: "Explore",              items: [
-                { label: "Menu", href: "#" },
+                { label: "Menu", href: "/menu" },
                 { label: "Gallery", href: "#" },
                 { label: "Events", href: "#" }
               ]