Merge version_3 into main

Merge version_3 into main

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 TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
-import { History, Leaf, Smile } from "lucide-react";
+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,121 +22,45 @@ export default function LandingPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
+        <div id="nav" data-section="nav">
-      <NavbarStyleCentered
+          <NavbarStyleCentered
-      navItems={[
+            navItems={[
-        {
+              { name: "Home", id: "/" },
-          name: "Home",
+              { name: "Menu", id: "/menu" },
-          id: "/",
+              { name: "About", id: "/about" },
-        },
+              { name: "Order Online", id: "/order" },
-        {
+              { name: "Contact", id: "/contact" },
-          name: "Menu",
+            ]}
-          id: "/menu",
+            button={{ text: "Order Now", href: "/order" }}
-        },
+            brandName="The Kitchen on Main"
-        {
+          />
-          name: "About",
+        </div>
-          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">
+        <div id="about-hero" data-section="about-hero">
-      <AboutMetric
+          <TestimonialAboutCard
-      useInvertedBackground={false}
+            tag="Our Story"
-      title="Welcome to The Kitchen on Main"
+            tagIcon={Utensils}
-      metrics={[
+            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."
-          label: "Community Heritage",
+            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."
-          value: "10+ Years",
+            icon={Utensils}
-          icon: History,
+            imageSrc="http://img.b2bpic.net/free-photo/stuffed-zucchini-with-chicken-tomatoes-olives-with-cheese-crust_2829-8553.jpg?id=6804056"
-        },
+            videoAriaLabel="Chef preparing gourmet meal video"
-        {
+            mediaAnimation="slide-up"
-          label: "Local Ingredients",
+            useInvertedBackground={false}
-          value: "Farm Fresh",
+          />
-          icon: Leaf,
+        </div>
-        },
-        {
-          label: "Happy Neighbors",
-          value: "5000+",
-          icon: Smile,
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
 
-  <div id="about" data-section="about">
+        <div id="footer" data-section="footer">
-      <TextSplitAbout
+          <FooterLogoEmphasis
-      useInvertedBackground={false}
+            columns={[
-      title="Our Story"
+              { items: [{ label: "Home", href: "/" }, { label: "Menu", href: "/menu" }, { label: "About", href: "/about" }] },
-      description={[
+              { items: [{ label: "Order Online", href: "/order" }, { label: "Contact", href: "/contact" }] },
-        "Started as a small local cafe, we have grown into a cornerstone of Fortville dining.",
+              { items: [{ label: "Fortville, IN", href: "#" }, { label: "Open Daily", href: "#" }] },
-        "Focusing on local, farm-to-table ingredients to bring you the best flavor.",
+            ]}
-      ]}
+            logoText="The Kitchen on Main"
-    />
+          />
-  </div>
+        </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>
   );

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
+        <div id="menu" data-section="menu">
-            layout="page"
+          <FeatureCardTwelve
-            products={[
+            title="Our Menu"
-              { 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 },
+            description="Explore our range of handcrafted comfort food."
-              { 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 },
+            animationType="slide-up"
-              { 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
             textboxLayout="default"
             useInvertedBackground={false}
-            title="Menu FAQs"
+            features={[
-            description="Dietary and menu questions."
+              {
-            faqsAnimation="slide-up"
+                id: "burgers",                label: "The Grill",                title: "Burgers & Sandwiches",                items: ["Classic Cheeseburger", "Bacon Bleu Burger", "Nashville Hot Chicken", "Club Sandwich", "Veggie Melt"]
-            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." }
+                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: [
-              { items: [{ label: "Fortville, IN", href: "#" }, { label: "Open Daily", href: "#" }] }
+                  { 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"
           />