diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index d4dfa40..bca3c6f 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -8,7 +8,7 @@ import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 
 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">
       <ReactLenis root>
         <NavbarLayoutFloatingInline
           navItems={[
@@ -19,11 +19,12 @@ export default function AboutPage() {
           ]}
           brandName="Mini Bites"
           logoSrc="http://img.b2bpic.net/free-photo/chef-holding-bacon-based-dish_23-2148491371.jpg"
+          button={{ text: "Order Now", href: "/menu" }}
         />
         <div className="pt-32 pb-20">
           <TextAbout
             title="Our Story"
-            description="Dedicated to serving the Maqabah community with passion, around the clock."
+            useInvertedBackground={false}
           />
         </div>
         <FooterBaseReveal