Update src/app/about/page.tsx

src/app/about/page.tsx

@@ -8,28 +8,46 @@ import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 
 export default function AboutPage() {
   return (
-    <ThemeProvider background="noise" cardStyle="glass-depth" contentWidth="medium">
+    <ThemeProvider 
+      defaultButtonVariant="text-stagger" 
+      defaultTextAnimation="entrance-slide" 
+      borderRadius="rounded" 
+      contentWidth="medium" 
+      sizing="medium" 
+      background="circleGradient" 
+      cardStyle="glass-elevated" 
+      primaryButtonStyle="gradient" 
+      secondaryButtonStyle="glass" 
+      headingFontWeight="normal"
+    >
       <ReactLenis root>
-        <NavbarLayoutFloatingInline
-          navItems={[{name: "Home", id: "/"}, {name: "Menu", id: "/menu"}, {name: "Gallery", id: "/gallery"}, {name: "About", id: "/about"}, {name: "Contact", id: "/contact"}]}
-          brandName="Aurora Brew"
-          button={{text: "Contact", href: "/contact"}}
-        />
-        <SplitAbout
-          title="Our Story"
-          description="Founded in the heart of the city, Aurora Brew Café brings a refined, luxury cinematic approach to coffee craftsmanship. We believe every cup is a moment of calm in an otherwise chaotic world."
-          textboxLayout="split"
-          bulletPoints={[
-            { title: "Artisan Roasting", description: "Hand-selected beans roasted to perfection." },
-            { title: "Cinematic Atmosphere", description: "Warm lighting and textures for deep focus and relaxation." },
-            { title: "Modern Minimalism", description: "Inspired by Japanese architectural purity." }
-          ]}
-          imageSrc="http://img.b2bpic.net/free-photo/closeup-coffee-wooden-table-cafe_53876-31852.jpg"
-        />
-        <FooterBaseReveal
-          logoText="Aurora Brew"
-          columns={[{ title: "Navigate", items: [{ label: "Home", href: "/" }, { label: "Contact", href: "/contact" }] }]}
-        />
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[{name: "Home", id: "/"}, {name: "About", id: "/about"}, {name: "Contact", id: "/contact"}]}
+            brandName="Aurora Brew"
+            button={{text: "Contact", href: "/contact"}}
+          />
+        </div>
+        <div id="about-section" data-section="about-section">
+          <SplitAbout
+            title="Our Story"
+            description="Founded in the heart of the city, Aurora Brew Café brings a refined, luxury cinematic approach to coffee craftsmanship. We believe every cup is a moment of calm in an otherwise chaotic world."
+            textboxLayout="split"
+            useInvertedBackground={false}
+            bulletPoints={[
+              { title: "Artisan Roasting", description: "Hand-selected beans roasted to perfection." },
+              { title: "Cinematic Atmosphere", description: "Warm lighting and textures for deep focus and relaxation." },
+              { title: "Modern Minimalism", description: "Inspired by Japanese architectural purity." }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/closeup-coffee-wooden-table-cafe_53876-31852.jpg"
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="Aurora Brew"
+            columns={[{ title: "Navigate", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );