Update src/app/about/page.tsx

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>