From 14f555492c28983ecf361d666b964b62281b23ae Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 23 Apr 2026 05:49:07 +0000
Subject: [PATCH 1/5] Add src/app/about/page.tsx

---
 src/app/about/page.tsx | 56 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 56 insertions(+)
 create mode 100644 src/app/about/page.tsx

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
new file mode 100644
index 0000000..a3bc2bd
--- /dev/null
+++ b/src/app/about/page.tsx
@@ -0,0 +1,56 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+
+export default function AboutPage() {
+  const navLinks = [
+    { name: "Home", id: "/" },
+    { name: "Menu", id: "/menu" },
+    { name: "About", id: "/about" }
+  ];
+
+  return (
+    <ThemeProvider
+        defaultButtonVariant="elastic-effect"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="soft"
+        contentWidth="mediumSmall"
+        sizing="largeSizeMediumTitles"
+        background="noise"
+        cardStyle="glass-depth"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="solid"
+        headingFontWeight="bold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingInline
+            navItems={navLinks}
+            brandName="DINE HOUSE"
+            button={{ text: "Book Now", href: "#contact" }}
+          />
+        </div>
+
+        <TextSplitAbout
+            title="Our Story"
+            description={[
+                "Founded with a passion for quality, Dine House brings together world-class chefs and fresh ingredients.",                "Our mission is to provide an unforgettable culinary journey in an elegant atmosphere."
+            ]}
+            useInvertedBackground={false}
+        />
+
+        <div id="footer" data-section="footer">
+            <FooterBaseReveal
+            logoText="DINE HOUSE"
+            columns={[]}
+            copyrightText="© 2024 Dine House Restaurant."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file

From cd245baf5e32e11f8b25393d2281ebadaf2d4c74 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 23 Apr 2026 05:49:08 +0000
Subject: [PATCH 2/5] Add src/app/contact/page.tsx

---
 src/app/contact/page.tsx | 48 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 48 insertions(+)
 create mode 100644 src/app/contact/page.tsx

diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
new file mode 100644
index 0000000..5ec6f38
--- /dev/null
+++ b/src/app/contact/page.tsx
@@ -0,0 +1,48 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="elastic-effect"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="soft"
+        contentWidth="mediumSmall"
+        sizing="largeSizeMediumTitles"
+        background="noise"
+        cardStyle="glass-depth"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="solid"
+        headingFontWeight="bold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingInline
+            navItems={[{name: 'Home', id: '/'}, {name: 'Contact', id: '/contact'}, {name: 'Reservations', id: '/reservations'}]}
+            brandName="DINE HOUSE"
+            button={{ text: "Book Now", href: "/reservations" }}
+          />
+        </div>
+
+        <ContactSplit
+          tag="Get in touch"
+          title="We'd love to hear from you"
+          description="Contact us for private dining inquiries, feedback, or any general questions."
+        />
+
+        <div id="footer" data-section="footer">
+            <FooterBaseReveal
+            logoText="DINE HOUSE"
+            columns={[{ title: 'Navigation', items: [{label: 'Home', href: '/'}, {label: 'Contact', href: '/contact'}, {label: 'Reservations', href: '/reservations'}]}]}
+            copyrightText="© 2024 Dine House Restaurant."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file

From 99254a95e73e9304cc7828c9b366adadd564e475 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 23 Apr 2026 05:49:08 +0000
Subject: [PATCH 3/5] Add src/app/menu/page.tsx

---
 src/app/menu/page.tsx | 62 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 62 insertions(+)
 create mode 100644 src/app/menu/page.tsx

diff --git a/src/app/menu/page.tsx b/src/app/menu/page.tsx
new file mode 100644
index 0000000..cddf2af
--- /dev/null
+++ b/src/app/menu/page.tsx
@@ -0,0 +1,62 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
+
+export default function MenuPage() {
+  const navLinks = [
+    { name: "Home", id: "/" },
+    { name: "Menu", id: "/menu" },
+    { name: "About", id: "/about" }
+  ];
+
+  return (
+    <ThemeProvider
+        defaultButtonVariant="elastic-effect"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="soft"
+        contentWidth="mediumSmall"
+        sizing="largeSizeMediumTitles"
+        background="noise"
+        cardStyle="glass-depth"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="solid"
+        headingFontWeight="bold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingInline
+            navItems={navLinks}
+            brandName="DINE HOUSE"
+            button={{ text: "Book Now", href: "#contact" }}
+          />
+        </div>
+
+        <ProductCardOne
+            title="Our Menu"
+            description="Explore our curated selection of fine dining dishes."
+            gridVariant="uniform-all-items-equal"
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            products={[
+                { id: "1", name: "Signature Steak", price: "$45", imageSrc: "/images/steak.jpg" },
+                { id: "2", name: "Truffle Pasta", price: "$32", imageSrc: "/images/pasta.jpg" },
+                { id: "3", name: "Seared Scallops", price: "$28", imageSrc: "/images/scallops.jpg" }
+            ]}
+        />
+
+        <div id="footer" data-section="footer">
+            <FooterBaseReveal
+            logoText="DINE HOUSE"
+            columns={[]}
+            copyrightText="© 2024 Dine House Restaurant."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file

From d4f028305a7b275febf9abd09c6d6efd07eddb03 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 23 Apr 2026 05:49:09 +0000
Subject: [PATCH 4/5] Update src/app/page.tsx

---
 src/app/page.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index ef65728..f5f985e 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -22,16 +22,16 @@ export default function LandingPage() {
       <ReactLenis root>
         <div id="nav" data-section="nav">
             <NavbarLayoutFloatingInline
-            navItems={[]}
+            navItems={[{name: 'Home', id: '/'}, {name: 'Contact', id: '/contact'}, {name: 'Reservations', id: '/reservations'}]}
             brandName="DINE HOUSE"
-            button={{ text: "Book Now", href: "#contact" }}
+            button={{ text: "Book Now", href: "/reservations" }}
           />
         </div>
 
         <div id="footer" data-section="footer">
             <FooterBaseReveal
             logoText="DINE HOUSE"
-            columns={[]}
+            columns={[{ title: 'Navigation', items: [{label: 'Home', href: '/'}, {label: 'Contact', href: '/contact'}, {label: 'Reservations', href: '/reservations'}]}]}
             copyrightText="© 2024 Dine House Restaurant."
           />
         </div>

From 14d6c2bb3fd9b69cf49843854bafd22f642dc444 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 23 Apr 2026 05:49:09 +0000
Subject: [PATCH 5/5] Add src/app/reservations/page.tsx

---
 src/app/reservations/page.tsx | 48 +++++++++++++++++++++++++++++++++++
 1 file changed, 48 insertions(+)
 create mode 100644 src/app/reservations/page.tsx

diff --git a/src/app/reservations/page.tsx b/src/app/reservations/page.tsx
new file mode 100644
index 0000000..73371d5
--- /dev/null
+++ b/src/app/reservations/page.tsx
@@ -0,0 +1,48 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+
+export default function ReservationsPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="elastic-effect"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="soft"
+        contentWidth="mediumSmall"
+        sizing="largeSizeMediumTitles"
+        background="noise"
+        cardStyle="glass-depth"
+        primaryButtonStyle="diagonal-gradient"
+        secondaryButtonStyle="solid"
+        headingFontWeight="bold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingInline
+            navItems={[{name: 'Home', id: '/'}, {name: 'Contact', id: '/contact'}, {name: 'Reservations', id: '/reservations'}]}
+            brandName="DINE HOUSE"
+            button={{ text: "Book Now", href: "/reservations" }}
+          />
+        </div>
+
+        <ContactSplit
+          tag="Reserve your table"
+          title="Book your dining experience"
+          description="Secure your spot at Dine House for an unforgettable meal."
+        />
+
+        <div id="footer" data-section="footer">
+            <FooterBaseReveal
+            logoText="DINE HOUSE"
+            columns={[{ title: 'Navigation', items: [{label: 'Home', href: '/'}, {label: 'Contact', href: '/contact'}, {label: 'Reservations', href: '/reservations'}]}]}
+            copyrightText="© 2024 Dine House Restaurant."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file