Update src/app/menu/page.tsx

Merge version_1 into main

src/app/about/page.tsx

@@ -0,0 +1,40 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Our Story", id: "/about" },
+              { name: "Menu", id: "/menu" },
+              { name: "Events", id: "/events" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="The Table"
+            button={{ text: "Order Now", href: "/menu" }}
+        />
+        <div className="pt-24">
+            <TextSplitAbout
+                title="Our Community & Craft"
+                description={[
+                    "At The Table, we believe that true hospitality is built on community. Our boutique coffee and wine bar serves as a gathering place for locals to connect over thoughtfully sourced flavors.",                    "Every interaction is designed to make you feel at home, blending the warmth of a local cafe with the refined elegance of a curated wine experience."
+                ]}
+                useInvertedBackground={false}
+            />
+        </div>
+        <FooterCard
+            logoText="The Table"
+            copyrightText="© 2025 The Table Restaurant"
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/contact/page.tsx

@@ -0,0 +1,33 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import FooterCard from '@/components/sections/footer/FooterCard';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Our Story", id: "/about" },
+              { name: "Menu", id: "/menu" },
+              { name: "Events", id: "/events" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="The Table"
+            button={{ text: "Order Now", href: "/menu" }}
+        />
+        <div className="pt-24">
+            {/* Contact section removed to match registry availability if preferred */}
+        </div>
+        <FooterCard
+            logoText="The Table"
+            copyrightText="© 2025 The Table Restaurant"
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/events/page.tsx

@@ -0,0 +1,53 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterCard from '@/components/sections/footer/FooterCard';
+
+export default function EventsPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <NavbarLayoutFloatingInline
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "About", id: "/about" },
+            { name: "Menu", id: "/menu" },
+            { name: "Contact", id: "/contact" },
+          ]}
+          brandName="The Table"
+          button={{ text: "Order Now", href: "/menu" }}
+        />
+        <div className="pt-32 pb-20">
+            <MetricCardEleven
+              title="Our Events"
+              description="Join us for weekly community gatherings and specialized culinary workshops."
+              animationType="slide-up"
+              textboxLayout="default"
+              useInvertedBackground={false}
+              metrics={[
+                {
+                  id: "e1",                  
+                  value: "Wednesdays",                  
+                  title: "Wine Down Wednesday",                  
+                  description: "Half off all wine bottles every Wednesday night.",                  
+                  imageSrc: "http://img.b2bpic.net/free-photo/glass-red-wine-table_23-2148443920.jpg?_wi=1"
+                },
+                {
+                  id: "e2",                  
+                  value: "Monthly",                  
+                  title: "Cooking Workshop",                  
+                  description: "Master basic techniques with our head chef.",                  
+                  imageSrc: "http://img.b2bpic.net/free-photo/chef-preparing-food-kitchen_23-2148443900.jpg"
+                }
+              ]}
+              buttons={[{ text: "RSVP Now", href: "/contact" }]}
+            />
+        </div>
+        <FooterCard logoText="The Table" />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/menu/page.tsx

@@ -0,0 +1,55 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterCard from '@/components/sections/footer/FooterCard';
+
+export default function MenuPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <NavbarLayoutFloatingInline
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "About", id: "/about" },
+            { name: "Events", id: "/events" },
+            { name: "Contact", id: "/contact" },
+          ]}
+          brandName="The Table"
+          button={{ text: "Order Now", href: "/menu" }}
+        />
+        <div className="pt-32 pb-20">
+            <ProductCardOne
+              title="Coffee & Tea"
+              description="Our specialty brews."
+              gridVariant="three-columns-all-equal-width"
+              animationType="slide-up"
+              textboxLayout="default"
+              useInvertedBackground={false}
+              products={[
+                { id: "c1", name: "Signature Espresso", price: "$4", imageSrc: "http://img.b2bpic.net/free-photo/top-view-coffee-cup-table_23-2148281358.jpg" },
+                { id: "c2", name: "Organic Loose Leaf Tea", price: "$5", imageSrc: "http://img.b2bpic.net/free-photo/cup-tea-with-leaves-table_23-2148281370.jpg" }
+              ]}
+            />
+        </div>
+        <div className="py-20">
+            <ProductCardOne
+              title="Pastries & Wine"
+              description="Handcrafted treats and fine wines."
+              gridVariant="three-columns-all-equal-width"
+              animationType="slide-up"
+              textboxLayout="default"
+              useInvertedBackground={false}
+              products={[
+                { id: "p1", name: "Butter Croissant", price: "$6", imageSrc: "http://img.b2bpic.net/free-photo/croissant-plate_23-2148443905.jpg" },
+                { id: "w1", name: "House Red Selection", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/glass-red-wine-table_23-2148443920.jpg?_wi=2" }
+              ]}
+            />
+        </div>
+        <FooterCard logoText="The Table" />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -32,14 +32,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Our Story",          id: "about"},
-        {
-          name: "Menu",          id: "menu"},
-        {
-          name: "Events",          id: "events"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "Our Story", id: "/about" },
+        { name: "Menu", id: "#menu" },
+        { name: "Events", id: "#events" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="The Table"
       button={{
@@ -55,10 +51,8 @@ export default function LandingPage() {
       description="Experience fine dining reimagined with fresh local ingredients and a warm, welcoming atmosphere in the heart of the city."
       tag="Voted Best in Town"
       buttons={[
-        {
-          text: "Book Table",          href: "#contact"},
-        {
-          text: "View Menu",          href: "#menu"},
+        { text: "Book Table", href: "/contact" },
+        { text: "View Menu", href: "#menu" },
       ]}
       mediaItems={[
         {
@@ -197,8 +191,7 @@ export default function LandingPage() {
         variant: "sparkles-gradient"}}
       text="Ready for your next favorite meal? Let us save you a seat."
       buttons={[
-        {
-          text: "Contact Us",          href: "mailto:hello@thetable.com"},
+        { text: "Contact Us", href: "/contact" },
       ]}
     />
   </div>
@@ -212,4 +205,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}