diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 572bae4..cd29aa2 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -3,13 +3,13 @@
 import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import TextAbout from "@/components/sections/about/TextAbout";
+import MediaAbout from "@/components/sections/about/MediaAbout";
 import TeamCardTen from "@/components/sections/team/TeamCardTen";
-import FooterBase from "@/components/sections/footer/FooterBase";
+import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
 
 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>
         <NavbarLayoutFloatingOverlay
           brandName="Webild"
@@ -21,13 +21,15 @@ export default function AboutPage() {
           ]}
           button={{ text: "Get Started", href: "/contact" }}
         />
-        <TextAbout
+        <MediaAbout
           title="Our Story"
-          tag="About Us"
+          description="We are a team of creative professionals dedicated to building digital solutions."
+          useInvertedBackground={false}
         />
         <TeamCardTen
           title="Our Team"
           tag="Meet the Experts"
+          membersAnimation="slide-up"
           memberVariant="card"
           useInvertedBackground={false}
           members={[
@@ -36,7 +38,7 @@ export default function AboutPage() {
             { id: "3", name: "Carlos Mendoza", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-3.webp" },
           ]}
         />
-        <FooterBase
+        <FooterBaseCard
           logoText="Webild"
           copyrightText="© 2026 | Webild"
           columns={[
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 4437154..56b20f2 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -3,12 +3,12 @@
 import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
-import FooterBase from "@/components/sections/footer/FooterBase";
+import ContactText from "@/components/sections/contact/ContactText";
+import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
 
 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>
         <NavbarLayoutFloatingOverlay
           brandName="Webild"
@@ -20,15 +20,12 @@ export default function ContactPage() {
           ]}
           button={{ text: "Get Started", href: "/contact" }}
         />
-        <ContactSplitForm
-          title="Contact Us"
-          description="Let's discuss your next project."
-          inputs={[
-            { name: "name", type: "text", placeholder: "Your Name", required: true },
-            { name: "email", type: "email", placeholder: "Your Email", required: true },
-          ]}
+        <ContactText
+          text="Let's discuss your next project."
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
         />
-        <FooterBase
+        <FooterBaseCard
           logoText="Webild"
           copyrightText="© 2026 | Webild"
           columns={[
diff --git a/src/app/portfolio/page.tsx b/src/app/portfolio/page.tsx
index 58e1121..04604cb 100644
--- a/src/app/portfolio/page.tsx
+++ b/src/app/portfolio/page.tsx
@@ -3,71 +3,30 @@
 import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import FeatureCardTwelve from "@/components/sections/feature/FeatureCardTwelve";
-import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
-import FooterBase from "@/components/sections/footer/FooterBase";
-import { ArrowUpRight } from "lucide-react";
+import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
 
 export default function PortfolioPage() {
   return (
-    <ThemeProvider
-      defaultButtonVariant="text-stagger"
-      defaultTextAnimation="entrance-slide"
-      borderRadius="pill"
-      contentWidth="medium"
-      sizing="medium"
-      background="none"
-      cardStyle="glass-elevated"
-      primaryButtonStyle="metallic"
-      secondaryButtonStyle="glass"
-      headingFontWeight="medium"
-    >
+    <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>
         <NavbarLayoutFloatingOverlay
           brandName="Webild"
           navItems={[
-            { name: "Home", id: "/" },
-            { name: "Work", id: "/portfolio" },
+            { name: "Work", id: "work" },
+            { name: "Services", id: "services" },
+            { name: "About", id: "/about" },
+            { name: "Contact", id: "/contact" },
           ]}
-          button={{ text: "Get Started", href: "/#contact" }}
+          button={{ text: "Get Started", href: "/contact" }}
         />
-        <FeatureCardTwelve
-          title="Case Studies"
-          description="A deep dive into how we solve complex problems for our clients."
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          features={[
-            {
-              id: "1",              label: "Fintech",              title: "Next-Gen Banking Portal",              items: ["Increased conversion by 40%", "Full redesign of dashboard", "Custom React architecture"],
-              buttons: [{ text: "View Case Study", href: "#" }]
-            },
-            {
-              id: "2",              label: "E-commerce",              title: "Global Fashion Market",              items: ["Scalable infrastructure", "Automated checkout flows", "Integrated loyalty system"],
-              buttons: [{ text: "View Case Study", href: "#" }]
-            }
-          ]}
-        />
-        <TestimonialCardTwo
-          title="Client Feedback"
-          description="See what our partners have to say about working with us."
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={true}
-          testimonials={[
-            {
-              id: "1",              name: "Jane Doe",              role: "CTO, FinBank",              testimonial: "Working with Webild was a game changer for our digital transformation journey.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.webp"
-            },
-            {
-              id: "2",              name: "Mark Smith",              role: "Founder, ModeStore",              testimonial: "They understood our vision immediately and executed flawlessly. Highly recommended.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.webp"
-            }
-          ]}
-        />
-        <FooterBase
+        <FooterBaseCard
           logoText="Webild"
           copyrightText="© 2026 | Webild"
+          columns={[
+            { title: "Company", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] },
+          ]}
         />
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file