Update src/app/about/page.tsx

Merge version_2 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,122 +22,46 @@ 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"
           />
@@ -74,4 +88,4 @@ export default function MenuPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/page.tsx

@@ -29,30 +29,18 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "/"},
-          id: "/",
-        },
         {
-          name: "Menu",
+          name: "Menu",          id: "/menu"},
-          id: "/menu",
-        },
         {
-          name: "About",
+          name: "About",          id: "/about"},
-          id: "/about",
-        },
         {
-          name: "Order Online",
+          name: "Order Online",          id: "/order"},
-          id: "/order",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "/contact"},
-          id: "/contact",
-        },
       ]}
       button={{
-        text: "Order Now",
+        text: "Order Now",        href: "/order"}}
-        href: "/order",
-      }}
       brandName="The Kitchen on Main"
     />
   </div>
@@ -60,51 +48,28 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
       background={{
-        variant: "rotated-rays-animated",
+        variant: "rotated-rays-animated"}}
-      }}
       title="Local Flavor. Elevated Comfort Food."
       description="Burgers, sandwiches, wraps, and handcrafted dishes made fresh in the heart of Fortville."
       buttons={[
         {
-          text: "View Menu",
+          text: "View Menu",          href: "/menu"},
-          href: "/menu",
-        },
         {
-          text: "Order Online",
+          text: "Order Online",          href: "/order"},
-          href: "/order",
-        },
       ]}
       carouselItems={[
         {
-          id: "h1",
+          id: "h1",          imageSrc: "http://img.b2bpic.net/free-photo/barista-with-drink-looking-away_23-2147830585.jpg?_wi=1",          imageAlt: "Modern restaurant interior"},
-          imageSrc: "http://img.b2bpic.net/free-photo/barista-with-drink-looking-away_23-2147830585.jpg?_wi=1",
-          imageAlt: "Modern restaurant interior",
-        },
         {
-          id: "h2",
+          id: "h2",          imageSrc: "http://img.b2bpic.net/free-photo/burger-with-ham-tomatoes-cabbage_140725-2354.jpg?_wi=1",          imageAlt: "Gourmet bacon cheeseburger"},
-          imageSrc: "http://img.b2bpic.net/free-photo/burger-with-ham-tomatoes-cabbage_140725-2354.jpg?_wi=1",
-          imageAlt: "Gourmet bacon cheeseburger",
-        },
         {
-          id: "h3",
+          id: "h3",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-sweet-potato_23-2148619072.jpg?_wi=1",          imageAlt: "Crispy loaded cheese fries"},
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-sweet-potato_23-2148619072.jpg?_wi=1",
-          imageAlt: "Crispy loaded cheese fries",
-        },
         {
-          id: "h4",
+          id: "h4",          imageSrc: "http://img.b2bpic.net/free-photo/tasty-salad-plate_23-2147761589.jpg?_wi=1",          imageAlt: "Fresh garden salad"},
-          imageSrc: "http://img.b2bpic.net/free-photo/tasty-salad-plate_23-2147761589.jpg?_wi=1",
-          imageAlt: "Fresh garden salad",
-        },
         {
-          id: "h5",
+          id: "h5",          imageSrc: "http://img.b2bpic.net/free-photo/barista-with-drink-looking-away_23-2147830585.jpg?_wi=2",          imageAlt: "Cozy restaurant setting"},
-          imageSrc: "http://img.b2bpic.net/free-photo/barista-with-drink-looking-away_23-2147830585.jpg?_wi=2",
-          imageAlt: "Cozy restaurant setting",
-        },
         {
-          id: "h6",
+          id: "h6",          imageSrc: "http://img.b2bpic.net/free-photo/burger-with-ham-tomatoes-cabbage_140725-2354.jpg?_wi=2",          imageAlt: "Artisan craft burger"},
-          imageSrc: "http://img.b2bpic.net/free-photo/burger-with-ham-tomatoes-cabbage_140725-2354.jpg?_wi=2",
-          imageAlt: "Artisan craft burger",
-        },
       ]}
     />
   </div>
@@ -117,41 +82,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
+          id: "p1",          name: "Tyson Burger",          price: "$16.49",          imageSrc: "http://img.b2bpic.net/free-photo/burger-with-ham-tomatoes-cabbage_140725-2354.jpg?_wi=3"},
-          name: "Tyson Burger",
-          price: "$16.49",
-          imageSrc: "http://img.b2bpic.net/free-photo/burger-with-ham-tomatoes-cabbage_140725-2354.jpg?_wi=3",
-        },
         {
-          id: "p2",
+          id: "p2",          name: "Cheeseburger Fries",          price: "$13.99",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-sweet-potato_23-2148619072.jpg?_wi=2"},
-          name: "Cheeseburger Fries",
-          price: "$13.99",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-sweet-potato_23-2148619072.jpg?_wi=2",
-        },
         {
-          id: "p3",
+          id: "p3",          name: "Southwest Chicken Salad",          price: "$14.49",          imageSrc: "http://img.b2bpic.net/free-photo/tasty-salad-plate_23-2147761589.jpg?_wi=2"},
-          name: "Southwest Chicken Salad",
-          price: "$14.49",
-          imageSrc: "http://img.b2bpic.net/free-photo/tasty-salad-plate_23-2147761589.jpg?_wi=2",
-        },
         {
-          id: "p4",
+          id: "p4",          name: "Nashville Ranch Wrap",          price: "$13.49",          imageSrc: "http://img.b2bpic.net/free-photo/burger-with-ham-tomatoes-cabbage_140725-2354.jpg?_wi=4"},
-          name: "Nashville Ranch Wrap",
-          price: "$13.49",
-          imageSrc: "http://img.b2bpic.net/free-photo/burger-with-ham-tomatoes-cabbage_140725-2354.jpg?_wi=4",
-        },
         {
-          id: "p5",
+          id: "p5",          name: "BBB BBQ Bacon Bleu",          price: "$15.99",          imageSrc: "http://img.b2bpic.net/free-photo/burger-with-ham-tomatoes-cabbage_140725-2354.jpg?_wi=5"},
-          name: "BBB BBQ Bacon Bleu",
-          price: "$15.99",
-          imageSrc: "http://img.b2bpic.net/free-photo/burger-with-ham-tomatoes-cabbage_140725-2354.jpg?_wi=5",
-        },
         {
-          id: "p6",
+          id: "p6",          name: "Mozzarella Sticks",          price: "$9.99",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-sweet-potato_23-2148619072.jpg?_wi=3"},
-          name: "Mozzarella Sticks",
-          price: "$9.99",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-sweet-potato_23-2148619072.jpg?_wi=3",
-        },
       ]}
       title="Featured Favorites"
       description="Handpicked comfort classics that keep our guests coming back."
@@ -166,45 +107,20 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
+          id: "t1",          name: "Sarah Johnson",          role: "Local",          company: "Fortville Resident",          rating: 5,
-          name: "Sarah Johnson",
+          imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-enjoying-dinner-party_52683-132626.jpg"},
-          role: "Local",
-          company: "Fortville Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-enjoying-dinner-party_52683-132626.jpg",
-        },
         {
-          id: "t2",
+          id: "t2",          name: "Michael Chen",          role: "Regular",          company: "Fortville Business",          rating: 5,
-          name: "Michael Chen",
+          imageSrc: "http://img.b2bpic.net/free-photo/couple-restaurant_23-2148006698.jpg"},
-          role: "Regular",
-          company: "Fortville Business",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-restaurant_23-2148006698.jpg",
-        },
         {
-          id: "t3",
+          id: "t3",          name: "Emily Rodriguez",          role: "Visitor",          company: "Neighbor",          rating: 5,
-          name: "Emily Rodriguez",
+          imageSrc: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018831.jpg"},
-          role: "Visitor",
-          company: "Neighbor",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018831.jpg",
-        },
         {
-          id: "t4",
+          id: "t4",          name: "David Kim",          role: "Family",          company: "Fortville Resident",          rating: 5,
-          name: "David Kim",
+          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-with-long-blonde-hair-holding-delicious-chocolate-muffin-hand_23-2147974685.jpg"},
-          role: "Family",
-          company: "Fortville Resident",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-with-long-blonde-hair-holding-delicious-chocolate-muffin-hand_23-2147974685.jpg",
-        },
         {
-          id: "t5",
+          id: "t5",          name: "Jessica White",          role: "Foodie",          company: "Local",          rating: 5,
-          name: "Jessica White",
+          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businessman-checks-bitcoin-constancy_549566-80.jpg"},
-          role: "Foodie",
-          company: "Local",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businessman-checks-bitcoin-constancy_549566-80.jpg",
-        },
       ]}
       title="Guest Favorites"
       description="Don't just take our word for it—our neighbors love The Kitchen on Main."
@@ -220,30 +136,15 @@ export default function LandingPage() {
       faqsAnimation="slide-up"
       faqs={[
         {
-          id: "f1",
+          id: "f1",          title: "Do you offer catering?",          content: "Yes, we offer catering services for small and large events."},
-          title: "Do you offer catering?",
-          content: "Yes, we offer catering services for small and large events.",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Are there dietary or gluten-free options?",          content: "We strive to accommodate dietary restrictions. We offer several gluten-free bun alternatives and can adapt many of our salads and bowls to be gluten-free. Please alert your server when ordering."},
-          title: "Are there vegetarian options?",
-          content: "We have several fresh salads and veggie-friendly sides.",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Is the restaurant family-friendly?",          content: "Absolutely! We have a kids' menu and high chairs available."},
-          title: "Is the restaurant family-friendly?",
-          content: "Absolutely! We have a kids' menu and high chairs available.",
-        },
         {
-          id: "f4",
+          id: "f4",          title: "Where are you located?",          content: "We are located right on Main Street in downtown Fortville."},
-          title: "Where are you located?",
-          content: "We are located right on Main Street in downtown Fortville.",
-        },
         {
-          id: "f5",
+          id: "f5",          title: "Can I order for pickup?",          content: "Yes, use our website or give us a call for easy pickup orders."},
-          title: "Can I order for pickup?",
-          content: "Yes, use our website or give us a call for easy pickup orders.",
-        },
       ]}
     />
   </div>
@@ -255,12 +156,7 @@ export default function LandingPage() {
       title="Proudly Serving Fortville"
       description="Join our community of happy diners."
       names={[
-        "Fortville Community Chamber",
+        "Fortville Community Chamber",        "The Daily Grind",        "Main Street Merchants",        "Indiana Local Foodies",        "Hancock County Eats"]}
-        "The Daily Grind",
-        "Main Street Merchants",
-        "Indiana Local Foodies",
-        "Hancock County Eats",
-      ]}
     />
   </div>
 
@@ -270,41 +166,27 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "Home",
+              label: "Home",              href: "/"},
-              href: "/",
-            },
             {
-              label: "Menu",
+              label: "Menu",              href: "/menu"},
-              href: "/menu",
-            },
             {
-              label: "About",
+              label: "About",              href: "/about"},
-              href: "/about",
-            },
           ],
         },
         {
           items: [
             {
-              label: "Order Online",
+              label: "Order Online",              href: "/order"},
-              href: "/order",
-            },
             {
-              label: "Contact",
+              label: "Contact",              href: "/contact"},
-              href: "/contact",
-            },
           ],
         },
         {
           items: [
             {
-              label: "Fortville, IN",
+              label: "Fortville, IN",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Open Daily",
+              label: "Open Daily",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}
@@ -314,4 +196,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}