Update src/app/services/page.tsx

Merge version_2 into main

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 SplitAbout from '@/components/sections/about/SplitAbout';
-import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
 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,49 +19,11 @@ export default function AboutPage() {
                 { name: "Contact", id: "/contact" },
             ]}
             brandName="Harrison & Cole"
-        />
-        
-        <div id="history" data-section="about">
-            <SplitAbout
-                title="Our Firm History"
-                description="Founded in 2008, Harrison & Cole has grown from a boutique practice to a leading London law firm, consistently delivering excellence for our clients in sensitive and complex matters."
-                textboxLayout="split"
-                imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=br8cjx"
-                bulletPoints={[
-                    { title: "Establishment", description: "Founded in London to provide accessible legal excellence." },
-                    { title: "Growth", description: "Expanded service areas into Family and Immigration law." },
-                    { title: "Values", description: "Commitment to integrity, privacy, and client success." }
-                ]}
-            />
+          />
         </div>
-
-        <div id="team" data-section="team">
-            <TeamCardEleven
-                title="Meet Our Attorneys"
-                description="Our dedicated team of solicitors brings decades of combined experience across various legal sectors."
-                textboxLayout="default"
-                animationType="slide-up"
-                groups={[
-                    {
-                        id: "g1",                        groupTitle: "Senior Partners",                        members: [
-                            { id: "m1", title: "Eleanor Cole", subtitle: "Senior Partner, Family Law", detail: "Specializes in complex custody cases with 20+ years of experience.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gz01tl" },
-                            { id: "m2", title: "David Harrison", subtitle: "Senior Partner, Criminal Defense", detail: "Expert in appellate litigation and white-collar defense.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f700kp" },
-                            { id: "m3", title: "Sarah Jenkins", subtitle: "Lead Counsel, Immigration", detail: "Recognized specialist in complex visa appeals and citizenship cases.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=knv36y" }
-                        ]
-                    }
-                ]}
-            />
+        <div id="footer" data-section="footer">
+          <FooterSimple columns={[]} bottomLeftText="© 2024 Harrison & Cole Solicitors" bottomRightText="SRA Regulated" />
         </div>
-
-        <FooterSimple
-            columns={[
-                { title: "Practice Areas", items: [{ label: "Family Law", href: "/services" }, { label: "Criminal Defense", href: "/services" }] },
-                { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Contact", href: "/contact" }] },
-                { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
-            ]}
-            bottomLeftText="© 2024 Harrison & Cole Solicitors, London."
-            bottomRightText="Authorised and Regulated by the SRA."
-        />
       </ReactLenis>
     </ThemeProvider>
   );

src/app/blog/page.tsx

@@ -3,53 +3,18 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import BlogCardOne from '@/components/sections/blog/BlogCardOne';
 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: "About", id: "/about" },
-            { name: "Services", id: "/services" },
-            { name: "Blog", id: "/blog" },
-            { name: "Contact", id: "/contact" },
-          ]}
-          brandName="Harrison & Cole"
-        />
-
-        <div className="pt-32 pb-20">
-          <BlogCardOne
-            title="UK Legal Insights & Updates"
-            description="Expert commentary on evolving UK legislation and legal practice."
-            animationType="slide-up"
-            textboxLayout="default"
-            blogs={[
-              {
-                id: "1",                category: "Family Law",                title: "Navigating Divorce Proceedings in 2024",                excerpt: "Understanding the latest changes in UK family law processes and mediation requirements.",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gz01tl",                authorName: "Sarah Jenkins",                authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gz01tl",                date: "March 12, 2024"
-              },
-              {
-                id: "2",                category: "Criminal Defense",                title: "Know Your Rights: Police Interviews",                excerpt: "Crucial guidance on what to expect and how to prepare for police interviews in the UK.",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f700kp",                authorName: "Mark Thompson",                authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f700kp",                date: "February 28, 2024"
-              },
-              {
-                id: "3",                category: "Immigration",                title: "Updates to UK Visa Requirements",                excerpt: "A breakdown of the recent amendments to visa eligibility criteria for international applicants.",                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=knv36y",                authorName: "Elise Dubois",                authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=knv36y",                date: "February 15, 2024"
-              }
-            ]}
-          />
+        <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>
-
-        <FooterSimple
-          columns={[
-            { title: "Practice Areas", items: [{ label: "Family Law" }, { label: "Criminal Defense" }] },
-            { title: "Company", items: [{ label: "About Us" }, { label: "Contact" }] },
-            { title: "Legal", items: [{ label: "Privacy Policy" }, { label: "Terms" }] },
-          ]}
-          bottomLeftText="© 2024 Harrison & Cole Solicitors, London."
-          bottomRightText="Authorised and Regulated by the SRA."
-        />
       </ReactLenis>
     </ThemeProvider>
   );

src/app/contact/page.tsx

@@ -2,134 +2,20 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
-import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
 
-export default function LandingPage() {
+export default function ContactPage() {
   return (
-    <ThemeProvider
-        defaultButtonVariant="text-shift"
-        defaultTextAnimation="background-highlight"
-        borderRadius="soft"
-        contentWidth="small"
-        sizing="mediumSizeLargeTitles"
-        background="circleGradient"
-        cardStyle="gradient-mesh"
-        primaryButtonStyle="double-inset"
-        secondaryButtonStyle="solid"
-        headingFontWeight="extrabold"
-    >
+    <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>
-  <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="contact-cta" data-section="contact-cta">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Consultation"
-      title="Secure Your Legal Future"
-      description="Schedule a private, confidential consultation with one of our solicitors today."
-      buttons={[
-        {
-          text: "Book Now",
-          href: "/contact",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Contact"
-      title="Get in Touch"
-      description="Send us your queries."
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o2gibc&_wi=3"
-      mediaAnimation="slide-up"
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Practice Areas",
-          items: [
-            {
-              label: "Family Law",
-              href: "/services",
-            },
-            {
-              label: "Criminal Defense",
-              href: "/services",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "/about",
-            },
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 Harrison & Cole Solicitors, London."
-      bottomRightText="Authorised and Regulated by the SRA."
-    />
-  </div>
+        <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>
   );
-}
+}

src/app/page.tsx

@@ -29,16 +29,11 @@ export default function LandingPage() {
   <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"},
+        { name: "Home", id: "/" },
+        { name: "About", id: "/about" },
+        { name: "Services", id: "/services" },
+        { name: "Blog", id: "/blog" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="Harrison & Cole"
     />
@@ -46,41 +41,28 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroCentered
-      background={{
-        variant: "gradient-bars"}}
+      background={{ variant: "gradient-bars" }}
       title="Excellence in London Legal Counsel"
       description="Harrison & Cole Solicitors provide expert representation in Family Law, Criminal Defense, and Immigration matters. Your trusted partners for justice in the UK."
       avatars={[
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=12l2pz",          alt: "Solicitor"},
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m0targ",          alt: "Solicitor"},
-        {
-          src: "asset://team-1-a",          alt: "Solicitor"},
-        {
-          src: "asset://team-2-a",          alt: "Solicitor"},
-        {
-          src: "asset://team-1-b",          alt: "Solicitor"},
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=12l2pz", alt: "Solicitor" },
+        { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m0targ", alt: "Solicitor" },
+        { src: "asset://team-1-a", alt: "Solicitor" },
+        { src: "asset://team-2-a", alt: "Solicitor" },
+        { src: "asset://team-1-b", alt: "Solicitor" },
       ]}
       avatarText="Our expert legal team"
       buttons={[
-        {
-          text: "Book Consultation",          href: "/contact"},
-        {
-          text: "Our Services",          href: "/services"},
+        { text: "Book Consultation", href: "/contact" },
+        { text: "Our Services", href: "/services" },
       ]}
       buttonAnimation="slide-up"
       marqueeItems={[
-        {
-          type: "text",          text: "Family Law"},
-        {
-          type: "text",          text: "Criminal Defense"},
-        {
-          type: "text",          text: "Immigration"},
-        {
-          type: "text",          text: "Litigation Support"},
-        {
-          type: "text",          text: "Legal Advice"},
+        { type: "text", text: "Family Law" },
+        { type: "text", text: "Criminal Defense" },
+        { type: "text", text: "Immigration" },
+        { type: "text", text: "Litigation Support" },
+        { type: "text", text: "Legal Advice" },
       ]}
     />
   </div>
@@ -89,16 +71,11 @@ export default function LandingPage() {
       <TestimonialCardTwelve
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",          name: "Sarah Miller",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gz01tl&_wi=1"},
-        {
-          id: "t2",          name: "John Doe",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f700kp"},
-        {
-          id: "t3",          name: "James Smith",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bnt74l"},
-        {
-          id: "t4",          name: "Emily Watson",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pch8mg"},
-        {
-          id: "t5",          name: "David Brown",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=knv36y"},
+        { id: "t1", name: "Sarah Miller", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gz01tl&_wi=1" },
+        { id: "t2", name: "John Doe", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f700kp" },
+        { id: "t3", name: "James Smith", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bnt74l" },
+        { id: "t4", name: "Emily Watson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pch8mg" },
+        { id: "t5", name: "David Brown", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=knv36y" },
       ]}
       cardTitle="Client Success Stories"
       cardTag="Testimonials"
@@ -115,15 +92,9 @@ export default function LandingPage() {
       title="Our Impact in Numbers"
       description="We are proud of the results we achieve for our clients."
       metrics={[
-        {
-          id: "m1",          value: "15+",          title: "Years Experience",          description: "Deep expertise",          icon: Briefcase,
-        },
-        {
-          id: "m2",          value: "500+",          title: "Cases Won",          description: "Proven success",          icon: Award,
-        },
-        {
-          id: "m3",          value: "98%",          title: "Client Satisfaction",          description: "Trusted advice",          icon: ThumbsUp,
-        },
+        { id: "m1", value: "15+", title: "Years Experience", description: "Deep expertise", icon: Briefcase },
+        { id: "m2", value: "500+", title: "Cases Won", description: "Proven success", icon: Award },
+        { id: "m3", value: "98%", title: "Client Satisfaction", description: "Trusted advice", icon: ThumbsUp },
       ]}
     />
   </div>
@@ -134,8 +105,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Recognized Excellence"
       description="Affiliated with leading industry bodies."
-      names={[
-        "London Legal Society",        "UK Bar Council",        "SRA Regulated",        "Family Law Association",        "Immigration Law Experts"]}
+      names={["London Legal Society", "UK Bar Council", "SRA Regulated", "Family Law Association", "Immigration Law Experts"]}
     />
   </div>
 
@@ -146,10 +116,8 @@ export default function LandingPage() {
       title="What Our Clients Say"
       description="Real feedback from those we have helped."
       testimonials={[
-        {
-          id: "et1",          name: "Mark R.",          date: "Oct 2023",          title: "Professionalism",          quote: "Excellent service.",          tag: "Family",          avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gz01tl",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=br8cjx",          imageAlt: "happy client professional office"},
-        {
-          id: "et2",          name: "Jane D.",          date: "Nov 2023",          title: "Great results",          quote: "Highly recommended.",          tag: "Immigration",          avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f700kp",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=12l2pz",          imageAlt: "happy client professional office"},
+        { id: "et1", name: "Mark R.", date: "Oct 2023", title: "Professionalism", quote: "Excellent service.", tag: "Family", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gz01tl", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=br8cjx" },
+        { id: "et2", name: "Jane D.", date: "Nov 2023", title: "Great results", quote: "Highly recommended.", tag: "Immigration", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f700kp", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=12l2pz" },
       ]}
     />
   </div>
@@ -157,30 +125,9 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
-        {
-          title: "Practice Areas",          items: [
-            {
-              label: "Family Law",              href: "/services"},
-            {
-              label: "Criminal Defense",              href: "/services"},
-          ],
-        },
-        {
-          title: "Company",          items: [
-            {
-              label: "About Us",              href: "/about"},
-            {
-              label: "Contact",              href: "/contact"},
-          ],
-        },
-        {
-          title: "Legal",          items: [
-            {
-              label: "Privacy Policy",              href: "#"},
-            {
-              label: "Terms",              href: "#"},
-          ],
-        },
+        { title: "Practice Areas", items: [{ label: "Family Law", href: "/services" }, { label: "Criminal Defense", href: "/services" }] },
+        { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Contact", href: "/contact" }] },
+        { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
       ]}
       bottomLeftText="© 2024 Harrison & Cole Solicitors, London."
       bottomRightText="Authorised and Regulated by the SRA."

src/app/services/page.tsx

@@ -4,109 +4,26 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import TimelineProcessFlow from '@/components/cardStack/layouts/timelines/TimelineProcessFlow';
-import { Scale, ShieldAlert, Globe } from "lucide-react";
 
 export default function ServicesPage() {
   return (
-    <ThemeProvider
-        defaultButtonVariant="text-shift"
-        defaultTextAnimation="background-highlight"
-        borderRadius="soft"
-        contentWidth="medium"
-        sizing="mediumSizeLargeTitles"
-        background="circleGradient"
-        cardStyle="gradient-mesh"
-        primaryButtonStyle="double-inset"
-        secondaryButtonStyle="solid"
-        headingFontWeight="extrabold"
-    >
+    <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"
-        />
-        
-        <div className="pt-32 pb-20">
-            <TimelineProcessFlow
-                title="Our Practice Areas"
-                description="Expert representation across core legal disciplines."
-                textboxLayout="split-description"
-                animationType="slide-up"
-                items={[
-                    {
-                        content: (
-                            <div>
-                                <h3 className="text-2xl font-bold mb-4">Family Law</h3>
-                                <p className="mb-4">Comprehensive support for divorce, custody, and mediation. We prioritize your family's future.</p>
-                                <ul className="list-disc list-inside mb-6">
-                                    <li>Divorce & Separation</li>
-                                    <li>Child Custody & Access</li>
-                                    <li>Financial Settlement</li>
-                                </ul>
-                                <a href="/contact" className="inline-block px-6 py-3 bg-primary text-white rounded">Consult Family Team</a>
-                            </div>
-                        ),
-                        media: <Scale size={64} />,
-                        reverse: false
-                    },
-                    {
-                        content: (
-                            <div>
-                                <h3 className="text-2xl font-bold mb-4">Criminal Defense</h3>
-                                <p className="mb-4">Tenacious defense against criminal charges. Protecting your rights at every stage of the legal process.</p>
-                                <ul className="list-disc list-inside mb-6">
-                                    <li>Police Station Representation</li>
-                                    <li>Magistrates Court Cases</li>
-                                    <li>Crown Court Advocacy</li>
-                                </ul>
-                                <a href="/contact" className="inline-block px-6 py-3 bg-primary text-white rounded">Get Defense Help</a>
-                            </div>
-                        ),
-                        media: <ShieldAlert size={64} />,
-                        reverse: true
-                    },
-                    {
-                        content: (
-                            <div>
-                                <h3 className="text-2xl font-bold mb-4">Immigration</h3>
-                                <p className="mb-4">Navigating complex visa and citizenship laws to ensure your status in the UK is secure.</p>
-                                <ul className="list-disc list-inside mb-6">
-                                    <li>Visa Applications</li>
-                                    <li>Indefinite Leave to Remain</li>
-                                    <li>Citizenship Services</li>
-                                </ul>
-                                <a href="/contact" className="inline-block px-6 py-3 bg-primary text-white rounded">Talk to Experts</a>
-                            </div>
-                        ),
-                        media: <Globe size={64} />,
-                        reverse: false
-                    }
-                ]}
-            />
+        <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>
-
-        <FooterSimple
-            columns={[
-              {
-                title: "Practice Areas",                items: [{ label: "Family Law", href: "/services" }, { label: "Criminal Defense", href: "/services" }]
-              },
-              {
-                title: "Company",                items: [{ label: "About Us", href: "/about" }, { label: "Contact", href: "/contact" }]
-              },
-              {
-                title: "Legal",                items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }]
-              }
-            ]}
-            bottomLeftText="© 2024 Harrison & Cole Solicitors, London."
-            bottomRightText="Authorised and Regulated by the SRA."
-        />
       </ReactLenis>
     </ThemeProvider>
   );

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5faff;
-  --card: #f1f8ff;
-  --foreground: #001122;
+  --background: #ffffff;
+  --card: #f9f9f9;
+  --foreground: #000612e6;
   --primary-cta: #15479c;
   --primary-cta-text: #f5faff;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #f9f9f9;
   --secondary-cta-text: #001122;
-  --accent: #a8cce8;
-  --background-accent: #7ba3cf;
+  --accent: #e2e2e2;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);