diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index da44fa6..4e9e293 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -14,31 +14,15 @@ const navItems = [
 
 export default function AboutPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingInline navItems={navItems} brandName="Empire Roofing" />
+        <NavbarLayoutFloatingInline navItems={navItems} brandName="Empire Roofing" button={{ text: "Get Quote", href: "/contact" }} />
       </div>
       <div id="about-story" data-section="about-story">
-        <TestimonialAboutCard
-          tag="About Us"
-          title="Built on Trust. Backed by Results."
-          description="Empire Roofing & Construction was built to bring honesty back into the roofing industry. Too many homeowners get overcharged, misled, or left with poor workmanship. We do things differently."
-          subdescription="Rudy — Founder: 'We treat every home like it’s our own.'"
-          imageSrc="http://img.b2bpic.net/free-photo/front-view-rejoicing-male-engineer-sitting-his-working-place-writing-notes-document-plan-business-contractor-agenda-corporate-job-property-builder_140725-155596.jpg"
-          icon={ShieldCheck}
-          mediaAnimation="slide-up"
-          useInvertedBackground={false}
-        />
+        <TestimonialAboutCard tag="About Us" title="Built on Trust. Backed by Results." description="Empire Roofing & Construction was built to bring honesty back into the roofing industry. Too many homeowners get overcharged, misled, or left with poor workmanship. We do things differently." subdescription="Rudy — Founder: 'We treat every home like it’s our own.'" imageSrc="http://img.b2bpic.net/free-photo/front-view-rejoicing-male-engineer-sitting-his-working-place-writing-notes-document-plan-business-contractor-agenda-corporate-job-property-builder_140725-155596.jpg" icon={ShieldCheck} mediaAnimation="slide-up" useInvertedBackground={false} />
       </div>
       <div id="footer" data-section="footer">
-        <FooterSimple
-          columns={[
-            { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Contact", href: "/contact" }] },
-            { title: "Services", items: [{ label: "Roof Repairs", href: "/services" }, { label: "Full Replacements", href: "/services" }, { label: "Claims", href: "/services" }] }
-          ]}
-          bottomLeftText="© 2024 Empire Roofing & Construction"
-          bottomRightText="Built Like an Empire."
-        />
+        <FooterSimple columns={[{ title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Contact", href: "/contact" }] }, { title: "Services", items: [{ label: "Roof Repairs", href: "/services" }, { label: "Full Replacements", href: "/services" }, { label: "Claims", href: "/services" }] }]} bottomLeftText="© 2024 Empire Roofing & Construction" bottomRightText="Built Like an Empire." />
       </div>
     </ThemeProvider>
   );