From d654e5ee7114b6c1a22b13d8d14903ae354f4856 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 15 Apr 2026 23:57:09 +0000
Subject: [PATCH 1/6] Update src/app/about/page.tsx

---
 src/app/about/page.tsx | 171 ++++++++---------------------------------
 1 file changed, 32 insertions(+), 139 deletions(-)

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index dde80d1..4586bf9 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -2,149 +2,42 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import SplitAbout from '@/components/sections/about/SplitAbout';
+import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
+import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
 
-export default function LandingPage() {
+export default function AboutPage() {
   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>
       <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="about" data-section="about">
-      <SplitAbout
-      textboxLayout="split"
-      useInvertedBackground={false}
-      title="Your Trusted Legal Partner"
-      description="Based in London, Harrison & Cole Solicitors is committed to providing clear, authoritative legal advice."
-      bulletPoints={[
-        {
-          title: "Authoritative Advice",
-          description: "Years of experience in high-stakes UK litigation.",
-        },
-        {
-          title: "Client-Centric",
-          description: "Always accessible and transparent communication.",
-        },
-        {
-          title: "Proven Success",
-          description: "A track record of successful case outcomes.",
-        },
-      ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4kod5k&_wi=1"
-      mediaAnimation="slide-up"
-    />
-  </div>
-
-  <div id="feature" data-section="feature">
-      <FeatureCardSeven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Our Vision"
-      description="A commitment to fair justice."
-      features={[
-        {
-          title: "Integrity",
-          description: "We always put the client first.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o2gibc&_wi=1",
-        },
-        {
-          title: "Efficiency",
-          description: "Swift resolution.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=us6qgq&_wi=1",
-        },
-      ]}
-    />
-  </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>
+        <NavbarLayoutFloatingOverlay
+            navItems={[
+                { name: "Home", id: "/" },
+                { name: "About", id: "/about" },
+                { name: "Services", id: "/services" },
+                { name: "Blog", id: "/blog" },
+                { 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" />
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1


From d1b7916634f3cd1bf4f1c53e7a70b17545f994b9 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 15 Apr 2026 23:57:09 +0000
Subject: [PATCH 2/6] Update src/app/blog/page.tsx

---
 src/app/blog/page.tsx | 131 ++++++------------------------------------
 1 file changed, 18 insertions(+), 113 deletions(-)

diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index 3ec08f9..0c166e2 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -2,123 +2,28 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import BlogCardThree from '@/components/sections/blog/BlogCardThree';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
 
-export default function LandingPage() {
+export default function BlogPage() {
   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>
       <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="blog" data-section="blog">
-      <BlogCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Recent Insights"
-      description="Legal trends."
-      blogs={[
-        {
-          id: "b1",
-          category: "Family",
-          title: "Divorce Trends",
-          excerpt: "What to expect in 2024.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gz01tl&_wi=2",
-          authorName: "Alice Law",
-          authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=12l2pz",
-          date: "Jan 2024",
-        },
-      ]}
-    />
-  </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>
+        <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" />
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1


From 4761b07fc8ef5cf7c76a3b29bf743bb230eae7d5 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 15 Apr 2026 23:57:09 +0000
Subject: [PATCH 3/6] Update src/app/contact/page.tsx

---
 src/app/contact/page.tsx | 142 +++++----------------------------------
 1 file changed, 18 insertions(+), 124 deletions(-)

diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index ed7a36a..c56fbeb 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -2,134 +2,28 @@
 
 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 ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+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>
       <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>
+        <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" />
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1


From 57a8e319fd1f20ab4fbef33422b2d8bc1b55fc88 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 15 Apr 2026 23:57:10 +0000
Subject: [PATCH 4/6] Update src/app/page.tsx

---
 src/app/page.tsx | 219 +++++++----------------------------------------
 1 file changed, 33 insertions(+), 186 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2d7417d..f11ff9c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,26 +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"
     />
@@ -56,66 +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>
@@ -124,31 +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"
@@ -165,27 +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>
@@ -196,13 +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>
 
@@ -213,28 +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>
@@ -242,45 +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."
@@ -289,4 +136,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1


From f59f8410e4ef93e620324318e096d9e33c8fa6d5 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 15 Apr 2026 23:57:11 +0000
Subject: [PATCH 5/6] Update src/app/services/page.tsx

---
 src/app/services/page.tsx | 184 +++++++-------------------------------
 1 file changed, 31 insertions(+), 153 deletions(-)

diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index 66d03cc..96085e3 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -2,163 +2,41 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
-import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
 
-export default function LandingPage() {
+export default function ServicesPage() {
   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>
       <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="services" data-section="services">
-      <FeatureCardTwentyThree
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "s1",
-          title: "Family Law",
-          tags: [
-            "Divorce",
-            "Child Custody",
-          ],
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o2gibc&_wi=2",
-        },
-        {
-          id: "s2",
-          title: "Criminal Defense",
-          tags: [
-            "Representation",
-            "Appeals",
-          ],
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=us6qgq&_wi=2",
-        },
-        {
-          id: "s3",
-          title: "Immigration Law",
-          tags: [
-            "Visas",
-            "Citizenship",
-          ],
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3dtzjo&_wi=1",
-        },
-      ]}
-      title="Comprehensive Legal Services"
-      description="Tailored solutions for your personal and professional legal requirements."
-    />
-  </div>
-
-  <div id="feature" data-section="feature">
-      <FeatureCardSeven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Process"
-      description="How we handle your case."
-      features={[
-        {
-          title: "Consultation",
-          description: "Initial assessment.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3dtzjo&_wi=2",
-        },
-        {
-          title: "Execution",
-          description: "Applying legal strategy.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4kod5k&_wi=2",
-        },
-      ]}
-    />
-  </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>
+        <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" />
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1


From 37f2a4848e1b5d69ab9a5af893709f448c65b4e9 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 15 Apr 2026 23:57:11 +0000
Subject: [PATCH 6/6] Update src/app/styles/variables.css

---
 src/app/styles/variables.css | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 65ffd3d..0d7dcb6 100644
--- a/src/app/styles/variables.css
+++ b/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);
-- 
2.49.1