diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 4586bf9..c5d73e7 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -3,15 +3,14 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
-import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 
 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>
-        <NavbarLayoutFloatingOverlay
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
             navItems={[
                 { name: "Home", id: "/" },
                 { name: "About", id: "/about" },
@@ -20,23 +19,11 @@ export default function AboutPage() {
                 { name: "Contact", id: "/contact" },
             ]}
             brandName="Harrison & Cole"
-        />
-        <InlineImageSplitTextAbout
-            heading={[{ type: "text", content: "About Harrison & Cole" }]}
-            description="Established in 2009, Harrison & Cole Solicitors has built a reputation for providing meticulous legal representation across London. Our firm is founded on integrity, technical legal excellence, and an unwavering commitment to our clients' best interests."
-        />
-        <TeamCardTwo
-            gridVariant="uniform-all-items-equal"
-            animationType="slide-up"
-            title="Our Distinguished Solicitors"
-            members={[
-                {
-                    id: "s1",                    name: "Eleanor Harrison",                    role: "Senior Partner, Family Law Specialist",                    description: "With over 20 years in family litigation, Eleanor specializes in high-net-worth matrimonial disputes and children's welfare proceedings."},
-                {
-                    id: "s2",                    name: "Julian Cole",                    role: "Senior Partner, Criminal Defense",                    description: "Julian has an extensive history in representing clients in complex criminal defense trials across the High Court and Crown Court."}
-            ]}
-        />
-        <FooterSimple columns={[]} bottomRightText="© 2024 Harrison & Cole Solicitors" />
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple columns={[]} bottomLeftText="© 2024 Harrison & Cole Solicitors" bottomRightText="SRA Regulated" />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index 0c166e2..92ce148 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -3,26 +3,18 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 
 export default function BlogPage() {
   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>
-        <NavbarLayoutFloatingOverlay navItems={[{name: "Home", id: "/"}, {name: "Blog", id: "/blog"}, {name: "Contact", id: "/contact"}]} brandName="Harrison & Cole" />
-        <BlogCardTwo 
-          title="Legal Insights"
-          description="Latest articles and updates from our expert team."
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          blogs={[
-            { id: "1", category: "Family Law", title: "Navigating Family Disputes", excerpt: "Practical advice on handling complex family law matters.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1", authorName: "James Solicitor", authorAvatar: "", date: "Oct 2023" },
-            { id: "2", category: "Immigration", title: "Understanding UK Visa Laws", excerpt: "A guide to recent changes in immigration policies.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2", authorName: "Sarah Solicitor", authorAvatar: "", date: "Nov 2023" }
-          ]}
-        />
-        <FooterSimple columns={[]} bottomLeftText="© 2024 Harrison & Cole" bottomRightText="SRA Regulated" />
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay navItems={[{name: "Home", id: "/"}, {name: "About", id: "/about"}, {name: "Services", id: "/services"}, {name: "Contact", id: "/contact"}]} brandName="Harrison & Cole" />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple columns={[]} bottomLeftText="© 2024 Harrison & Cole" bottomRightText="SRA Regulated" />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index c56fbeb..c112c27 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -3,26 +3,18 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 
 export default function ContactPage() {
   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>
-        <NavbarLayoutFloatingOverlay navItems={[{name: "Home", id: "/"}, {name: "Blog", id: "/blog"}, {name: "Contact", id: "/contact"}]} brandName="Harrison & Cole" />
-        <ContactSplitForm 
-          title="Book a Consultation"
-          description="Get in touch with our experts to discuss your legal needs."
-          inputs={[
-            { name: "name", type: "text", placeholder: "Full Name", required: true },
-            { name: "email", type: "email", placeholder: "Email Address", required: true }
-          ]}
-          textarea={{ name: "message", placeholder: "How can we help?" }}
-          useInvertedBackground={false}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=12l2pz"
-        />
-        <FooterSimple columns={[]} bottomLeftText="© 2024 Harrison & Cole" bottomRightText="SRA Regulated" />
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay navItems={[{name: "Home", id: "/"}, {name: "About", id: "/about"}, {name: "Services", id: "/services"}, {name: "Blog", id: "/blog"}]} brandName="Harrison & Cole" />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple columns={[]} bottomLeftText="© 2024 Harrison & Cole" bottomRightText="SRA Regulated" />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index 96085e3..6a8b4f4 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -3,39 +3,27 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 
 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>
-        <NavbarLayoutFloatingOverlay
-            navItems={[
-                { name: "Home", id: "/" },
-                { name: "About", id: "/about" },
-                { name: "Services", id: "/services" },
-                { name: "Blog", id: "/blog" },
-                { name: "Contact", id: "/contact" },
-            ]}
-            brandName="Harrison & Cole"
-        />
-        <FeatureCardTwentyOne
-            title="Expert UK Legal Services"
-            description="Professional counsel across diverse practice areas."
-            accordionItems={[
-                {
-                    id: "s1",                    title: "Family Law & Matrimonial Matters",                    content: "Specializing in financial remedies, child arrangement orders, and divorce proceedings under current UK legislation."
-                },
-                {
-                    id: "s2",                    title: "Criminal Defense",                    content: "Expert representation for investigations and prosecutions, from police station attendance to Crown Court advocacy."
-                },
-                {
-                    id: "s3",                    title: "Immigration & Nationality",                    content: "Comprehensive assistance with Home Office visa applications, settlement status, and judicial reviews regarding citizenship rights."
-                }
-            ]}
-        />
-        <FooterSimple columns={[]} bottomRightText="© 2024 Harrison & Cole Solicitors" />
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+              navItems={[
+                  { name: "Home", id: "/" },
+                  { name: "About", id: "/about" },
+                  { name: "Services", id: "/services" },
+                  { name: "Blog", id: "/blog" },
+                  { name: "Contact", id: "/contact" },
+              ]}
+              brandName="Harrison & Cole"
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple columns={[]} bottomLeftText="© 2024 Harrison & Cole" bottomRightText="© 2024 Harrison & Cole Solicitors" />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );