From 6eff08fd401c278fa57f59d28075cdf1f648496f Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 8 Apr 2026 00:51:44 +0000
Subject: [PATCH 1/2] Update src/app/about/page.tsx

---
 src/app/about/page.tsx | 160 +++++++++++------------------------------
 1 file changed, 41 insertions(+), 119 deletions(-)

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index b8bd575..9f8cad7 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -2,13 +2,12 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import AboutMetric from '@/components/sections/about/AboutMetric';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
-import { History, Leaf, Smile } from "lucide-react";
+import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import { Utensils } from "lucide-react";
 
-export default function LandingPage() {
+export default function AboutPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="directional-hover"
@@ -23,122 +22,45 @@ export default function LandingPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Menu",
-          id: "/menu",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Order Online",
-          id: "/order",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      button={{
-        text: "Order Now",
-        href: "/order",
-      }}
-      brandName="The Kitchen on Main"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Menu", id: "/menu" },
+              { name: "About", id: "/about" },
+              { name: "Order Online", id: "/order" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            button={{ text: "Order Now", href: "/order" }}
+            brandName="The Kitchen on Main"
+          />
+        </div>
 
-  <div id="about-story" data-section="about-story">
-      <AboutMetric
-      useInvertedBackground={false}
-      title="Welcome to The Kitchen on Main"
-      metrics={[
-        {
-          label: "Community Heritage",
-          value: "10+ Years",
-          icon: History,
-        },
-        {
-          label: "Local Ingredients",
-          value: "Farm Fresh",
-          icon: Leaf,
-        },
-        {
-          label: "Happy Neighbors",
-          value: "5000+",
-          icon: Smile,
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about-hero" data-section="about-hero">
+          <TestimonialAboutCard
+            tag="Our Story"
+            tagIcon={Utensils}
+            title="Heart of Fortville Comfort"
+            description="Founded with a simple mission: bring genuine, elevated comfort food to our community. We believe in high-quality ingredients, locally sourced whenever possible, to create dishes that feel like home."
+            subdescription="From our kitchen to your table, every burger is grilled to order and every salad is prepared fresh daily. We are proud to be a gathering spot for families, friends, and anyone looking for a delicious meal on Main Street."
+            icon={Utensils}
+            imageSrc="http://img.b2bpic.net/free-photo/chef-preparing-food-restaurant_23-2148154867.jpg?_wi=1"
+            imageAlt="Chef preparing gourmet meal"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextSplitAbout
-      useInvertedBackground={false}
-      title="Our Story"
-      description={[
-        "Started as a small local cafe, we have grown into a cornerstone of Fortville dining.",
-        "Focusing on local, farm-to-table ingredients to bring you the best flavor.",
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Home",
-              href: "/",
-            },
-            {
-              label: "Menu",
-              href: "/menu",
-            },
-            {
-              label: "About",
-              href: "/about",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Order Online",
-              href: "/order",
-            },
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Fortville, IN",
-              href: "#",
-            },
-            {
-              label: "Open Daily",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="The Kitchen on Main"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              { items: [{ label: "Home", href: "/" }, { label: "Menu", href: "/menu" }, { label: "About", href: "/about" }] },
+              { items: [{ label: "Order Online", href: "/order" }, { label: "Contact", href: "/contact" }] },
+              { items: [{ label: "Fortville, IN", href: "#" }, { label: "Open Daily", href: "#" }] },
+            ]}
+            logoText="The Kitchen on Main"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file

From 069dbf86dafc013ae57adc4ef6b73f736ae0762d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 8 Apr 2026 00:51:44 +0000
Subject: [PATCH 2/2] Update src/app/menu/page.tsx

---
 src/app/menu/page.tsx | 72 ++++++++++++++++++++++++++-----------------
 1 file changed, 43 insertions(+), 29 deletions(-)

diff --git a/src/app/menu/page.tsx b/src/app/menu/page.tsx
index 3b7a2cb..2f39f3b 100644
--- a/src/app/menu/page.tsx
+++ b/src/app/menu/page.tsx
@@ -2,10 +2,9 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FaqBase from '@/components/sections/faq/FaqBase';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
 
 export default function MenuPage() {
   return (
@@ -29,44 +28,59 @@ export default function MenuPage() {
               { name: "Menu", id: "/menu" },
               { name: "About", id: "/about" },
               { name: "Order Online", id: "/order" },
-              { name: "Contact", id: "/contact" }
+              { name: "Contact", id: "/contact" },
             ]}
             button={{ text: "Order Now", href: "/order" }}
             brandName="The Kitchen on Main"
           />
         </div>
-        <div id="menu-all" data-section="menu-all">
-          <ProductCatalog
-            layout="page"
-            products={[
-              { id: "m1", name: "Cheeseburger Fries", price: "$13.99", category: "Appetizers", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-sweet-potato_23-2148619072.jpg", rating: 5 },
-              { id: "m2", name: "Boneless Wings", price: "$9.99", category: "Appetizers", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-sweet-potato_23-2148619072.jpg", rating: 5 },
-              { id: "m3", name: "Caesar Salad", price: "$10.49", category: "Salads", imageSrc: "http://img.b2bpic.net/free-photo/tasty-salad-plate_23-2147761589.jpg", rating: 5 },
-              { id: "m4", name: "Deli Turkey & Cheese", price: "$11.99", category: "Sandwiches", imageSrc: "http://img.b2bpic.net/free-photo/burger-with-ham-tomatoes-cabbage_140725-2354.jpg", rating: 5 },
-              { id: "m5", name: "BBB BBQ Bacon Bleu", price: "$15.99", category: "Burgers", imageSrc: "http://img.b2bpic.net/free-photo/burger-with-ham-tomatoes-cabbage_140725-2354.jpg", rating: 5 },
-              { id: "m6", name: "Grilled Cheese", price: "$6.99", category: "Kids", imageSrc: "http://img.b2bpic.net/free-photo/burger-with-ham-tomatoes-cabbage_140725-2354.jpg", rating: 5 }
-            ]}
-          />
-        </div>
-        <div id="faq" data-section="faq">
-          <FaqBase
+
+        <div id="menu" data-section="menu">
+          <FeatureCardTwelve
+            title="Our Menu"
+            description="Explore our range of handcrafted comfort food."
+            animationType="slide-up"
             textboxLayout="default"
             useInvertedBackground={false}
-            title="Menu FAQs"
-            description="Dietary and menu questions."
-            faqsAnimation="slide-up"
-            faqs={[
-              { id: "q1", title: "Allergens?", content: "Please alert your server to any allergies." },
-              { id: "q2", title: "Daily Specials?", content: "Check our board for daily Chef's specials." }
+            features={[
+              {
+                id: "burgers",                label: "The Grill",                title: "Burgers & Sandwiches",                items: ["Classic Cheeseburger", "Bacon Bleu Burger", "Nashville Hot Chicken", "Club Sandwich", "Veggie Melt"]
+              },
+              {
+                id: "desserts",                label: "Sweet Treats",                title: "Desserts",                items: ["House-made Brownie", "Seasonal Cheesecake", "Soft-serve Sundae", "Milkshakes"]
+              },
+              {
+                id: "sides",                label: "Sides",                title: "Sides & Starters",                items: ["Cheese Fries", "Mozzarella Sticks", "House Salad", "Sweet Potato Tots"]
+              },
+              {
+                id: "kids",                label: "Little Ones",                title: "Kids Menu",                items: ["Mini Burger", "Chicken Tenders", "Grilled Cheese"]
+              }
             ]}
           />
         </div>
+
         <div id="footer" data-section="footer">
           <FooterLogoEmphasis
             columns={[
-              { items: [{ label: "Home", href: "/" }, { label: "Menu", href: "/menu" }, { label: "About", href: "/about" }] },
-              { items: [{ label: "Order Online", href: "/order" }, { label: "Contact", href: "/contact" }] },
-              { items: [{ label: "Fortville, IN", href: "#" }, { label: "Open Daily", href: "#" }] }
+              {
+                items: [
+                  { label: "Home", href: "/" },
+                  { label: "Menu", href: "/menu" },
+                  { label: "About", href: "/about" },
+                ],
+              },
+              {
+                items: [
+                  { label: "Order Online", href: "/order" },
+                  { label: "Contact", href: "/contact" },
+                ],
+              },
+              {
+                items: [
+                  { label: "Fortville, IN", href: "#" },
+                  { label: "Open Daily", href: "#" },
+                ],
+              },
             ]}
             logoText="The Kitchen on Main"
           />
@@ -74,4 +88,4 @@ export default function MenuPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file