diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index cd30cb6..9f887c5 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -2,72 +2,44 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
-import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
-import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import TeamCardTwo from "@/components/sections/team/TeamCardTwo";
+import TeamCardEleven from "@/components/sections/team/TeamCardEleven";
+import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
+
+const navItems = [
+  { name: "Home", id: "/" },
+  { name: "Services", id: "/services" },
+  { name: "About", id: "/about" },
+  { name: "Contact", id: "/contact" }
+];
 
 export default function AboutPage() {
   return (
-    <ThemeProvider
-        defaultButtonVariant="bounce-effect"
-        defaultTextAnimation="reveal-blur"
-        borderRadius="soft"
-        contentWidth="smallMedium"
-        sizing="mediumSizeLargeTitles"
-        background="floatingGradient"
-        cardStyle="glass-elevated"
-        primaryButtonStyle="primary-glow"
-        secondaryButtonStyle="solid"
-        headingFontWeight="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>
         <div id="nav" data-section="nav">
-          <NavbarLayoutFloatingInline
-            navItems={[{ name: "Home", id: "/" }, { name: "Services", id: "/services" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]}
-            brandName="LCP Business Partners"
-            button={{ text: "Request a Free Consultation", href: "/contact" }}
-          />
+          <NavbarLayoutFloatingInline navItems={navItems} brandName="LCP Business Partners" button={{ text: "Request a Free Consultation", href: "/contact" }} />
         </div>
-
         <div id="about-team" data-section="about-team">
-          <TeamCardTwo
-            animationType="slide-up"
-            textboxLayout="split"
-            gridVariant="three-columns-all-equal-width"
-            useInvertedBackground={false}
-            members={[
-              { id: "c1", name: "Colin Li", role: "Principal Accountant", description: "CPA, Chartered Accountant, and registered BAS agent with a passion for helping small business owners succeed through proactive strategy.", imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-sad-expression_1194-3905.jpg", imageAlt: "blond businessman sad expression" }
-            ]}
-            title="Meet Our Founder"
-            description="Colin Li, Founder and Principal Accountant."
-          />
+          <TeamCardTwo animationType="slide-up" textboxLayout="split" gridVariant="three-columns-all-equal-width" useInvertedBackground={false} title="Meet Our Founder" description="Colin Li, Founder and Principal Accountant." members={[{ id: "c1", name: "Colin Li", role: "Principal Accountant", description: "CPA, Chartered Accountant, and registered BAS agent with a passion for helping small business owners succeed through proactive strategy.", imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-sad-expression_1194-3905.jpg", imageAlt: "blond businessman sad expression" }]} />
         </div>
-
         <div id="team" data-section="team">
-          <TeamCardEleven
-            animationType="slide-up"
-            textboxLayout="default"
-            useInvertedBackground={false}
-            title="Our Philosophy"
-            description="Commitment to excellence and integrity in every interaction."
-            groups={[
-              { id: "g1", groupTitle: "Core Values", members: [
-                { id: "m1", title: "Honesty", subtitle: "Transparency first", detail: "We value open communication with all clients." },
-                { id: "m2", title: "Precision", subtitle: "Attention to detail", detail: "Every transaction is balanced accurately." }
-              ] }
-            ]}
-          />
+          <TeamCardEleven animationType="slide-up" textboxLayout="default" useInvertedBackground={false} title="Our Philosophy" description="Commitment to excellence and integrity in every interaction." groups={[{ id: "g1", groupTitle: "Core Values", members: [{ id: "m1", title: "Honesty", subtitle: "Transparency first", detail: "We value open communication with all clients." }, { id: "m2", title: "Precision", subtitle: "Attention to detail", detail: "Every transaction is balanced accurately." }] }]} />
         </div>
-
         <div id="footer" data-section="footer">
-          <FooterBaseReveal
-            logoText="LCP Business Partners"
-            columns={[
-              { title: "Quick Links", items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }, { label: "About Us", href: "/about" }] },
-              { title: "Support", items: [{ label: "Contact", href: "/contact" }, { label: "Client Portal", href: "#" }, { label: "Privacy Policy", href: "#" }] },
-            ]}
-          />
+          <FooterBaseReveal logoText="LCP Business Partners" columns={[{ title: "Quick Links", items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }, { label: "About Us", href: "/about" }] }, { title: "Support", items: [{ label: "Contact", href: "/contact" }, { label: "Client Portal", href: "#" }, { label: "Privacy Policy", href: "#" }] }]} />
         </div>
       </ReactLenis>
     </ThemeProvider>