diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index d941e8e..c6c9b5e 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -4,21 +4,32 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import SplitAbout from '@/components/sections/about/SplitAbout';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 
 export default function AboutPage() {
   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>
-        <NavbarStyleCentered navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Services", id: "/services" }, { name: "Team", id: "/team" }, { name: "Contact", id: "/contact" }]} brandName="USA HVAC & Plumbing" />
-        <SplitAbout
-          textboxLayout="split"
-          useInvertedBackground={false}
-          title="About Our Company"
-          description="We have been providing expert HVAC and plumbing services across the USA for decades, committed to quality and home comfort."
-          imageSrc="http://img.b2bpic.net/free-photo/male-female-workers-wearing-work-clothes_273609-11327.jpg?_wi=1"
-        />
-        <FooterBase columns={[{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }, { label: "Team", href: "/team" }] }, { title: "Support", items: [{ label: "Contact", href: "/contact" }] }]} logoText="USA HVAC & Plumbing" />
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Services", id: "/services" }, { name: "Team", id: "/team" }, { name: "Contact", id: "/contact" }]} />
+        </div>
+        <div id="about" data-section="about">
+          <SplitAbout
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="About Our Company"
+            description="We have been providing expert HVAC and plumbing services across the USA for decades, committed to quality and home comfort."
+            imageSrc="http://img.b2bpic.net/free-photo/male-female-workers-wearing-work-clothes_273609-11327.jpg?_wi=1"
+            bulletPoints={[
+              { title: "Expert Service", description: "Decades of professional experience." },
+              { title: "Customer Focused", description: "Dedicated to your comfort and satisfaction." }
+            ]}
+            mediaAnimation="none"
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal logoText="USA HVAC & Plumbing" leftLink={{ text: "Privacy Policy", href: "/privacy" }} rightLink={{ text: "Contact", href: "/contact" }} />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index d220f7c..a527709 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -3,26 +3,33 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 
 export default function ServicesPage() {
   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>
-        <NavbarStyleCentered navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Services", id: "/services" }, { name: "Team", id: "/team" }, { name: "Contact", id: "/contact" }]} brandName="USA HVAC & Plumbing" />
-        <FeatureCardSeven
-          title="Our Expert Services"
-          description="Comprehensive solutions for every home comfort need."
-          animationType="slide-up"
-          textboxLayout="default"
-          features={[
-            { title: "Plumbing Repair", description: "Comprehensive leak detection and faucet repairs." },
-            { title: "HVAC Installation", description: "Setting up high-efficiency heating and cooling units." },
-            { title: "System Maintenance", description: "Preventive care to ensure longevity and efficiency." }
-          ]}
-        />
-        <FooterBase columns={[{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }, { label: "Team", href: "/team" }] }, { title: "Support", items: [{ label: "Contact", href: "/contact" }] }]} logoText="USA HVAC & Plumbing" />
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Services", id: "/services" }, { name: "Team", id: "/team" }, { name: "Contact", id: "/contact" }]} />
+        </div>
+        <div id="features" data-section="features">
+          <FeatureHoverPattern
+            title="Our Expert Services"
+            description="Comprehensive solutions for every home comfort need."
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { title: "Plumbing Repair", description: "Comprehensive leak detection and faucet repairs." },
+              { title: "HVAC Installation", description: "Setting up high-efficiency heating and cooling units." },
+              { title: "System Maintenance", description: "Preventive care to ensure longevity and efficiency." }
+            ]}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal logoText="USA HVAC & Plumbing" leftLink={{ text: "Privacy Policy", href: "/privacy" }} rightLink={{ text: "Contact", href: "/contact" }} />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/team/page.tsx b/src/app/team/page.tsx
index a7f5d84..d3a3269 100644
--- a/src/app/team/page.tsx
+++ b/src/app/team/page.tsx
@@ -3,27 +3,34 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import TeamCardSix from '@/components/sections/team/TeamCardSix';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 
 export default function TeamPage() {
   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>
-        <NavbarStyleCentered navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Services", id: "/services" }, { name: "Team", id: "/team" }, { name: "Contact", id: "/contact" }]} brandName="USA HVAC & Plumbing" />
-        <TeamCardTwo
-          title="Our Expert Team"
-          description="Meet the certified professionals dedicated to your home comfort."
-          gridVariant="three-columns-all-equal-width"
-          animationType="slide-up"
-          textboxLayout="default"
-          members={[
-            { id: "1", name: "John Doe", role: "Master Plumber", description: "Over 15 years of experience in residential plumbing." },
-            { id: "2", name: "Jane Smith", role: "HVAC Technician", description: "Specialist in high-efficiency cooling systems." },
-            { id: "3", name: "Mike Ross", role: "Lead Technician", description: "Expert in emergency diagnostic and repair services." }
-          ]}
-        />
-        <FooterBase columns={[{ title: "Company", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }, { label: "Team", href: "/team" }] }, { title: "Support", items: [{ label: "Contact", href: "/contact" }] }]} logoText="USA HVAC & Plumbing" />
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Services", id: "/services" }, { name: "Team", id: "/team" }, { name: "Contact", id: "/contact" }]} />
+        </div>
+        <div id="team" data-section="team">
+          <TeamCardSix
+            title="Our Expert Team"
+            description="Meet the certified professionals dedicated to your home comfort."
+            gridVariant="three-columns-all-equal-width"
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            members={[
+              { id: "1", name: "John Doe", role: "Master Plumber" },
+              { id: "2", name: "Jane Smith", role: "HVAC Technician" },
+              { id: "3", name: "Mike Ross", role: "Lead Technician" }
+            ]}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal logoText="USA HVAC & Plumbing" leftLink={{ text: "Privacy Policy", href: "/privacy" }} rightLink={{ text: "Contact", href: "/contact" }} />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );