From 2faabfaf96fee1fc42a5e2c138e1dde1aacabc44 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 22 Apr 2026 13:14:05 +0000
Subject: [PATCH] Update src/app/about/page.tsx

---
 src/app/about/page.tsx | 51 ++++++++++++++++++++++++++----------------
 1 file changed, 32 insertions(+), 19 deletions(-)

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 6c37642..986a042 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -8,31 +8,44 @@ import FooterCard from '@/components/sections/footer/FooterCard';
 
 export default function AboutPage() {
   return (
-    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="reveal-blur" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="soft"
+        contentWidth="compact"
+        sizing="largeSmall"
+        background="blurBottom"
+        cardStyle="glass-depth"
+        primaryButtonStyle="primary-glow"
+        secondaryButtonStyle="solid"
+        headingFontWeight="normal"
+    >
       <ReactLenis root>
         <div id="nav" data-section="nav">
-          <NavbarLayoutFloatingInline
-            navItems={[
-              { name: "Home", id: "/" },
-              { name: "About", id: "/about" },
-              { name: "Events", id: "/events" },
-              { name: "Contact", id: "/contact" },
-            ]}
-            brandName="The Table"
-            button={{ text: "Book Now", href: "/contact" }}
-          />
+            <NavbarLayoutFloatingInline
+              navItems={[
+                { name: "Our Story", id: "/about" },
+                { name: "Menu", id: "/menu" },
+                { name: "Events", id: "/events" },
+                { name: "Contact", id: "/contact" },
+              ]}
+              brandName="The Table"
+              button={{ text: "Order Now", href: "/menu" }}
+            />
         </div>
+
         <div id="about" data-section="about">
-          <TextSplitAbout
-            title="Our Story: Community & Roots"
-            description={[
-              "At The Table, we believe in the power of shared experiences. Founded by local culinary enthusiasts, our cafe serves as a hub for the community to gather over thoughtfully sourced, farm-to-table meals.",              "We are proudly women-owned and dedicated to supporting small, local producers. Every partnership we build ensures that we not only provide fresh, sustainable ingredients but also empower local entrepreneurs who share our vision for quality and integrity.",              "Join us in celebrating the local spirit, one plate at a time."
-            ]}
-            useInvertedBackground={false}
-          />
+            <TextSplitAbout
+              useInvertedBackground={true}
+              title="Our Story"
+              description={[
+                "The Table was born from a simple desire: to bring people together through the art of fine dining.",                "Our community-focused philosophy ensures that every ingredient we serve is locally sourced, seasonal, and prepared with love.",                "We believe that great food is the cornerstone of great memories."
+              ]}
+            />
         </div>
+
         <div id="footer" data-section="footer">
-          <FooterCard logoText="The Table" copyrightText="© 2025 The Table Restaurant" />
+            <FooterCard logoText="The Table" copyrightText="© 2025 The Table Restaurant" />
         </div>
       </ReactLenis>
     </ThemeProvider>