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
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 62e1de0..d4fed07 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -8,7 +8,7 @@ import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 
 export default function ContactPage() {
   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,6 +19,7 @@ export default function ContactPage() {
           ]}
           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">
           <ContactCTA
@@ -26,6 +27,7 @@ export default function ContactPage() {
             title="Get in Touch"
             description="Have questions? Give us a call at any time."
             buttons={[{ text: "Call Now", href: "tel:+97377900209" }]}
+            background={{ variant: "plain" }}
             useInvertedBackground={false}
           />
         </div>
diff --git a/src/app/menu/page.tsx b/src/app/menu/page.tsx
index cc18cd5..f453cf8 100644
--- a/src/app/menu/page.tsx
+++ b/src/app/menu/page.tsx
@@ -8,7 +8,7 @@ import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 
 export default function MenuPage() {
   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,6 +19,7 @@ export default function MenuPage() {
           ]}
           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">
           <PricingCardNine