diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 756a0f5..0941e86 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -3,7 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
+import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 import FooterCard from '@/components/sections/footer/FooterCard';
 
 export default function AboutPage() {
@@ -21,21 +21,26 @@ export default function AboutPage() {
         headingFontWeight="light"
     >
       <ReactLenis root>
-        <NavbarStyleFullscreen
-          navItems={[
-            { name: "Home", id: "/" },
-            { name: "About", id: "/about" },
-            { name: "Gallery", id: "/gallery" },
-            { name: "Booking", id: "/booking" },
-            { name: "Donate", id: "/donate" },
-            { name: "Contact", id: "/contact" }
-          ]}
-          brandName="Wildlife Cenhori"
-        />
-        <InlineImageSplitTextAbout
-            heading={[{ type: "text", content: "Dedicated to Conserving Maharashtra's Wild" }]}
-            description="Founded in 2010, our sanctuary aims to protect endangered species and educate the public on wildlife preservation through interactive technology and direct conservation efforts."
-        />
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Gallery", id: "/gallery" },
+              { name: "Booking", id: "/booking" },
+              { name: "Donate", id: "/donate" },
+              { name: "Contact", id: "/contact" }
+            ]}
+            brandName="Wildlife Cenhori"
+          />
+        </div>
+        <div id="about-section" data-section="about-section">
+          <TextSplitAbout
+            title="Dedicated to Conserving Maharashtra's Wild"
+            description={["Founded in 2010, our sanctuary aims to protect endangered species and educate the public on wildlife preservation through interactive technology and direct conservation efforts."]}
+            useInvertedBackground={false}
+          />
+        </div>
         <FooterCard logoText="Wildlife Cenhori" copyrightText="© 2025 Wildlife Cenhori. Protecting the Wild." />
       </ReactLenis>
     </ThemeProvider>
diff --git a/src/app/animals/page.tsx b/src/app/animals/page.tsx
index 126abef..c86d972 100644
--- a/src/app/animals/page.tsx
+++ b/src/app/animals/page.tsx
@@ -7,7 +7,7 @@ import FooterCard from '@/components/sections/footer/FooterCard';
 
 export default function AnimalsPage() {
   return (
-    <ThemeProvider>
+    <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">
           <NavbarStyleFullscreen
diff --git a/src/app/carbon-footprint/page.tsx b/src/app/carbon-footprint/page.tsx
index 5fb24e3..c5bd29c 100644
--- a/src/app/carbon-footprint/page.tsx
+++ b/src/app/carbon-footprint/page.tsx
@@ -7,7 +7,7 @@ import FooterCard from '@/components/sections/footer/FooterCard';
 
 export default function CarbonFootprintPage() {
   return (
-    <ThemeProvider>
+    <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">
           <NavbarStyleFullscreen
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index df76abb..8305d78 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -21,23 +21,28 @@ export default function ContactPage() {
         headingFontWeight="light"
     >
       <ReactLenis root>
-        <NavbarStyleFullscreen
-          navItems={[
-            { name: "Home", id: "/" },
-            { name: "About", id: "/about" },
-            { name: "Gallery", id: "/gallery" },
-            { name: "Booking", id: "/booking" },
-            { name: "Donate", id: "/donate" },
-            { name: "Contact", id: "/contact" }
-          ]}
-          brandName="Wildlife Cenhori"
-        />
-        <ContactCenter
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Gallery", id: "/gallery" },
+              { name: "Booking", id: "/booking" },
+              { name: "Donate", id: "/donate" },
+              { name: "Contact", id: "/contact" }
+            ]}
+            brandName="Wildlife Cenhori"
+          />
+        </div>
+        <div id="contact-section" data-section="contact-section">
+          <ContactCenter
             tag="Support"
             title="Get in Touch"
             description="Have questions about our conservation programs or want to partner with us? We'd love to hear from you."
             background={{ variant: "plain" }}
-        />
+            useInvertedBackground={false}
+          />
+        </div>
         <FooterCard logoText="Wildlife Cenhori" copyrightText="© 2025 Wildlife Cenhori. Protecting the Wild." />
       </ReactLenis>
     </ThemeProvider>