diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 90236e9..42c32c4 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -2,45 +2,48 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import SplitAbout from "@/components/sections/about/SplitAbout";
-import FooterBase from "@/components/sections/footer/FooterBase";
+import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
+import FooterCard from "@/components/sections/footer/FooterCard";
 import ReactLenis from "lenis/react";
 
 export default function AboutPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="medium"
+      background="none"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
+    >
       <ReactLenis root>
         <NavbarLayoutFloatingOverlay
           brandName="Webild"
           navItems={[
             { name: "Home", id: "/" },
             { name: "Services", id: "/services" },
-            { name: "Team", id: "/team" },
             { name: "About", id: "/about" },
+            { name: "Contact", id: "/contact" },
           ]}
           button={{ text: "Get Started", href: "/contact" }}
         />
-        <SplitAbout
-          title="About Webild"
-          description="We are a team of passionate designers and developers dedicated to creating exceptional digital experiences for our clients. Our journey began with a vision to redefine how brands connect with their audience online."
-          textboxLayout="default"
-          useInvertedBackground={false}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.webp"
-          bulletPoints={[
-            { title: "Expertise", description: "Years of industry experience in web design and development." },
-            { title: "Innovation", description: "Constantly pushing the boundaries of what is possible online." },
-            { title: "Client-First", description: "Your success is our primary goal in every project." }
-          ]}
-        />
-        <FooterBase
-          logoText="Webild"
-          copyrightText="© 2026 | Webild"
-          columns={[
-            { title: "Company", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }, { label: "Team", href: "/team" }, { label: "Home", href: "/" }] },
-            { title: "Services", items: [{ label: "Web Development", href: "#" }, { label: "SEO", href: "#" }] },
-            { title: "Connect", items: [{ label: "Twitter", href: "#" }, { label: "LinkedIn", href: "#" }] },
-          ]}
-        />
+        <div id="about" data-section="about">
+          <TextSplitAbout
+            title="About Webild"
+            description={["We are a team of passionate designers and developers dedicated to creating exceptional digital experiences for our clients. Our journey began with a vision to redefine how brands connect with their audience online."]}
+            useInvertedBackground={false}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="Webild"
+            copyrightText="© 2026 | Webild"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index 96b2f45..7976b84 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -3,8 +3,8 @@
 import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import FeatureBento from "@/components/sections/feature/FeatureBento";
-import FooterBase from "@/components/sections/footer/FooterBase";
+import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
+import FooterCard from "@/components/sections/footer/FooterCard";
 import { Film, Tv, DollarSign } from "lucide-react";
 
 export default function ServicesPage() {
@@ -17,69 +17,48 @@ export default function ServicesPage() {
       sizing="medium"
       background="none"
       cardStyle="glass-elevated"
-      primaryButtonStyle="metallic"
+      primaryButtonStyle="gradient"
       secondaryButtonStyle="glass"
-      headingFontWeight="medium"
+      headingFontWeight="normal"
     >
       <ReactLenis root>
         <NavbarLayoutFloatingOverlay
           brandName="Webild"
           navItems={[
-            { name: "Work", id: "/work" },
+            { name: "Home", id: "/" },
             { name: "Services", id: "/services" },
             { name: "About", id: "/about" },
             { name: "Contact", id: "/contact" },
           ]}
           button={{ text: "Get Started", href: "/contact" }}
         />
-        <div className="pt-32 pb-20">
-          <FeatureBento
+        <div id="services" data-section="services" className="pt-32 pb-20">
+          <FeatureHoverPattern
             title="Our Specialized Services"
             description="Expert consulting tailored for the film and entertainment industry."
             textboxLayout="default"
             animationType="slide-up"
+            useInvertedBackground={false}
             features={[
               {
-                title: "Film Production Consulting",                description: "End-to-end production guidance, from script development and pre-production planning to final delivery, ensuring your vision is executed efficiently.",                bentoComponent: "reveal-icon",                icon: Film,
+                title: "Film Production Consulting",                description: "End-to-end production guidance, from script development to final delivery.",                icon: Film,
               },
               {
-                title: "Distribution Consulting",                description: "Strategic roadmap for global distribution, navigating complex markets, securing theatrical or streaming deals, and maximizing audience reach for your project.",                bentoComponent: "reveal-icon",                icon: Tv,
+                title: "Distribution Consulting",                description: "Strategic roadmap for global distribution and audience reach.",                icon: Tv,
               },
               {
-                title: "Financing Consulting",                description: "Expertise in securing production capital, navigating tax incentives, gap financing, and developing investor decks that resonate with industry stakeholders.",                bentoComponent: "reveal-icon",                icon: DollarSign,
+                title: "Financing Consulting",                description: "Expertise in securing production capital and navigating incentives.",                icon: DollarSign,
               },
             ]}
           />
         </div>
-        <FooterBase
-          logoText="Webild"
-          copyrightText="© 2026 | Webild"
-          columns={[
-            {
-              title: "Company",              items: [
-                { label: "About", href: "/about" },
-                { label: "Services", href: "/services" },
-                { label: "Work", href: "/work" },
-                { label: "Contact", href: "/contact" },
-              ],
-            },
-            {
-              title: "Services",              items: [
-                { label: "Film Production", href: "/services" },
-                { label: "Distribution", href: "/services" },
-                { label: "Financing", href: "/services" },
-              ],
-            },
-            {
-              title: "Connect",              items: [
-                { label: "Twitter", href: "#" },
-                { label: "LinkedIn", href: "#" },
-                { label: "Instagram", href: "#" },
-              ],
-            },
-          ]}
-        />
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="Webild"
+            copyrightText="© 2026 | Webild"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file