diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 844fe74..bff7add 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -1,25 +1,18 @@
 "use client";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import { Users } from "lucide-react";
 
 export default function AboutPage() {
   return (
-    <ThemeProvider>
-      <NavbarLayoutFloatingOverlay 
-        navItems={[{ name: "Home", id: "/" }, { name: "Services", id: "/services" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]} 
-        brandName="Masi Digital"
-        button={{ text: "Get a Free Preview", href: "/contact" }}
-      />
-      <TestimonialAboutCard
-        tag="Our Story"
-        title="Built for Long Island Businesses"
-        description="Masi Digital was founded on the principle that local businesses deserve the same technical sophistication as global corporations."
-        subdescription="We combine modern web design with cutting-edge AI systems to save you time and maximize revenue."
-        icon={Users}
-      />
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay 
+          navItems={[{ name: "Home", id: "/" }, { name: "Services", id: "/services" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]} 
+          brandName="Masi Digital"
+        />
+      </div>
       <FooterBaseCard
         logoText="Masi Digital"
         columns={[{ title: "Links", items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }, { label: "Contact", href: "/contact" }] }]}
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 4b42406..420eb3f 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -1,27 +1,17 @@
 "use client";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import ContactFaq from '@/components/sections/contact/ContactFaq';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import { Mail } from "lucide-react";
 
 export default function ContactPage() {
   return (
-    <ThemeProvider>
-      <NavbarLayoutFloatingOverlay 
-        navItems={[{ name: "Home", id: "/" }, { name: "Services", id: "/services" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]} 
-        brandName="Masi Digital"
-        button={{ text: "Get a Free Preview", href: "/contact" }}
-      />
-      <ContactFaq
-        ctaTitle="Ready to transform your business?"
-        ctaDescription="Send us a quick message to discuss your digital needs."
-        ctaButton={{ text: "Email Us", href: "mailto:masidigitalco@gmail.com" }}
-        ctaIcon={Mail}
-        animationType="slide-up"
-        useInvertedBackground={false}
-        faqs={[{ id: "1", title: "How do we get started?", content: "Contact us today and we'll setup a free discovery call." }]}
-      />
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay 
+          navItems={[{ name: "Home", id: "/" }, { name: "Services", id: "/services" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]} 
+          brandName="Masi Digital"
+        />
+      </div>
       <FooterBaseCard
         logoText="Masi Digital"
         columns={[{ title: "Links", items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }, { label: "About", href: "/about" }] }]}
diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index 0cf420e..c5314f8 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -1,29 +1,17 @@
 "use client";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import { ChevronRight } from "lucide-react";
 
 export default function ServicesPage() {
   return (
-    <ThemeProvider>
-      <NavbarLayoutFloatingOverlay 
-        navItems={[{ name: "Home", id: "/" }, { name: "Services", id: "/services" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]} 
-        brandName="Masi Digital"
-        button={{ text: "Get a Free Preview", href: "/contact" }}
-      />
-      <FeatureCardTwentySix
-        title="Our Core Services"
-        description="High-impact digital solutions designed for local business growth."
-        textboxLayout="default"
-        useInvertedBackground={false}
-        features={[
-          { title: "Professional Web Design", description: "High-converting, responsive websites.", buttonIcon: ChevronRight },
-          { title: "Lead Automation", description: "Instant response systems for new inquiries.", buttonIcon: ChevronRight },
-          { title: "AI Systems", description: "Intelligent customer service integration.", buttonIcon: ChevronRight }
-        ]}
-      />
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay 
+          navItems={[{ name: "Home", id: "/" }, { name: "Services", id: "/services" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }]} 
+          brandName="Masi Digital"
+        />
+      </div>
       <FooterBaseCard
         logoText="Masi Digital"
         columns={[{ title: "Links", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }]}