Update src/app/menu/page.tsx

Merge version_1 into main

src/app/about/page.tsx

@@ -0,0 +1,48 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import { Utensils } from "lucide-react";
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Menu", id: "/menu" },
+              { name: "About", id: "/about" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Vishnu Bhavan"
+          />
+        </div>
+        <div id="about" data-section="about">
+          <TestimonialAboutCard
+            tag="Our History"
+            title="About Vishnu Bhavan"
+            description="Vishnu Bhavan is a cornerstone of Toongabbie's culinary scene, dedicated to providing authentic South Indian vegetarian food that nourishes the soul."
+            subdescription="Established with a vision to bring tradition to your table, we source the freshest ingredients and use generations-old recipes to ensure every dish meets our high standards of quality and taste."
+            icon={Utensils}
+            imageSrc="http://img.b2bpic.net/free-photo/top-view-dish-spruce-branches-appetizing-christmas-dish-with-lemon-bottle-oil-spices-spruce-branches-with-cones-garlic_140725-111635.jpg?_wi=1"
+            useInvertedBackground={false}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="Vishnu Bhavan"
+            columns={[
+              { title: "Explore", items: [{ label: "Home", href: "/" }, { label: "Menu", href: "/menu" }, { label: "About", href: "/about" }] },
+              { title: "Connect", items: [{ label: "Contact", href: "/contact" }] },
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/contact/page.tsx

@@ -0,0 +1,48 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Menu", id: "/menu" },
+              { name: "About", id: "/about" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Vishnu Bhavan"
+          />
+        </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            title="Get in Touch"
+            description="Have a question or want to make a reservation? Reach out to us below."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Full Name", required: true },
+              { name: "email", type: "email", placeholder: "Email Address", required: true },
+            ]}
+            textarea={{ name: "message", placeholder: "Your message", required: true }}
+            useInvertedBackground={false}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="Vishnu Bhavan"
+            columns={[
+              { title: "Explore", items: [{ label: "Home", href: "/" }, { label: "Menu", href: "/menu" }, { label: "About", href: "/about" }] },
+              { title: "Connect", items: [{ label: "Contact", href: "/contact" }] },
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/menu/page.tsx

@@ -0,0 +1,54 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+
+export default function MenuPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Menu", id: "/menu" },
+              { name: "About", id: "/about" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Vishnu Bhavan"
+          />
+        </div>
+        <div id="menu" data-section="menu">
+          <ProductCardThree
+            title="Our Full Menu"
+            description="Explore our complete range of authentic South Indian delicacies."
+            gridVariant="four-items-2x2-equal-grid"
+            animationType="slide-up"
+            textboxLayout="default"
+            products={[
+              { id: "1", name: "Masala Dosa", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/nutritious-indian-dosa-composition_23-2149086067.jpg?_wi=2" },
+              { id: "2", name: "Idli & Vada", price: "$9.00", imageSrc: "http://img.b2bpic.net/free-photo/white-board-round-yellow-cookies-with-sprinkles_114579-32135.jpg?_wi=2" },
+              { id: "3", name: "Curry Platter", price: "$16.00", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-different-pakistan-goodies_23-2148821571.jpg?_wi=2" },
+              { id: "4", name: "Banana Leaf Meal", price: "$18.00", imageSrc: "http://img.b2bpic.net/free-photo/freshly-cooked-meal-pork-rice-generated-by-ai_188544-38783.jpg" },
+              { id: "5", name: "Mango Juice", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/glass-with-yogurt-piece-cloth_23-2148660414.jpg" },
+              { id: "6", name: "Trad. Dessert", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/delicious-high-protein-vegan-dessert-arrangement_23-2149039387.jpg" },
+            ]}
+            useInvertedBackground={false}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="Vishnu Bhavan"
+            columns={[
+              { title: "Explore", items: [{ label: "Home", href: "/" }, { label: "Menu", href: "/menu" }, { label: "About", href: "/about" }] },
+              { title: "Connect", items: [{ label: "Contact", href: "/contact" }] },
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -30,10 +30,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        { name: "Menu", id: "#menu" },
-        { name: "About", id: "#about" },
+        { name: "Menu", id: "/menu" },
+        { name: "About", id: "/about" },
         { name: "Reviews", id: "#testimonials" },
-        { name: "Contact", id: "#contact" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="Vishnu Bhavan"
     />
@@ -53,7 +53,7 @@ export default function LandingPage() {
       ]}
       avatarText="180+ Reviews"
       buttons={[
-        { text: "View Menu", href: "#menu" },
+        { text: "View Menu", href: "/menu" },
         { text: "Order Online", href: "#" },
       ]}
       buttonAnimation="slide-up"
@@ -146,7 +146,7 @@ export default function LandingPage() {
       description="Visit us at 5A Portico Parade, Toongabbie NSW 2146. We are open daily and ready to serve you! Call (02) 9682 6926 for reservations or inquiries."
       buttons={[
         { text: "Call Now", href: "tel:+61296826926" },
-        { text: "Get Directions", href: "#" },
+        { text: "Get Directions", href: "/contact" },
       ]}
     />
   </div>
@@ -155,8 +155,8 @@ export default function LandingPage() {
       <FooterBaseReveal
       logoText="Vishnu Bhavan"
       columns={[
-        { title: "Explore", items: [{ label: "Menu", href: "#menu" }, { label: "About Us", href: "#about" }, { label: "Reviews", href: "#testimonials" }] },
-        { title: "Connect", items: [{ label: "Contact", href: "#contact" }, { label: "Order Online", href: "#" }, { label: "Instagram", href: "#" }] },
+        { title: "Explore", items: [{ label: "Menu", href: "/menu" }, { label: "About Us", href: "/about" }, { label: "Reviews", href: "#testimonials" }] },
+        { title: "Connect", items: [{ label: "Contact", href: "/contact" }, { label: "Order Online", href: "#" }, { label: "Instagram", href: "#" }] },
         { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
       ]}
       copyrightText="© 2025 Vishnu Bhavan Toongabbie. All rights reserved."