diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 1e2b7df..39a18c2 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -7,137 +7,54 @@ import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
 
-export default function LandingPage() {
+export default function AboutPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="text-shift"
-        defaultTextAnimation="reveal-blur"
-        borderRadius="rounded"
+      defaultButtonVariant="text-shift"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Menu",
-          id: "/menu",
-        },
-        {
-          name: "Gallery",
-          id: "/gallery",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="Brew Haven"
-      button={{
-        text: "Book a Table",
-        href: "/book",
-      }}
-    />
-  </div>
-
-  <div id="metric" data-section="metric">
-      <MetricCardEleven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Our Journey"
-      description="From small beginnings to a city favorite."
-      metrics={[
-        {
-          id: "m3",
-          value: "5",
-          title: "Years",
-          description: "Serving community.",
-          imageSrc: "http://img.b2bpic.net/free-photo/cozy-cafe_1098-13854.jpg",
-        },
-        {
-          id: "m4",
-          value: "100%",
-          title: "Fair Trade",
-          description: "Ethically sourced.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-beans-jar_23-2147775882.jpg",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="testimonial" data-section="testimonial">
-      <TestimonialCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Customer Stories"
-      description="What our guests say."
-      testimonials={[
-        {
-          id: "test-1",
-          name: "Alex",
-          role: "Regular",
-          testimonial: "Love the vibes here.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-hipster-man-reading-book-cafe_329181-2047.jpg",
-        },
-        {
-          id: "test-2",
-          name: "Sam",
-          role: "Coffee Blogger",
-          testimonial: "Authentic roasts.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-reads-book-cup-tea-cafe_169016-21315.jpg",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="Brew Haven"
-      columns={[
-        {
-          title: "Navigation",
-          items: [
-            {
-              label: "Home",
-              href: "/",
-            },
-            {
-              label: "About",
-              href: "/about",
-            },
-            {
-              label: "Menu",
-              href: "/menu",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2024 Brew Haven. All rights reserved."
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Menu", id: "/menu" },
+              { name: "Contact", id: "/contact" }
+            ]}
+            brandName="Brew Haven"
+          />
+        </div>
+        <div id="metric" data-section="metric">
+          <MetricCardEleven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Our Journey"
+            description="From small beginnings."
+            metrics={[
+              { id: "m3", value: "5", title: "Years", description: "Serving community.", imageSrc: "http://img.b2bpic.net/free-photo/cozy-cafe_1098-13854.jpg" },
+              { id: "m4", value: "100%", title: "Fair Trade", description: "Ethically sourced.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-beans-jar_23-2147775882.jpg" }
+            ]}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="Brew Haven"
+            columns={[
+              { title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }] }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file