Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -3,12 +3,13 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
+import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
 import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
-import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+import { Target, TrendingUp, Award } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -28,176 +29,62 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Advantage",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Services", id: "services" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="AIMS | Jacob Coutinho"
       button={{
-        text: "Book Consultation",
-        href: "#contact",
-      }}
+        text: "Book Consultation",        href: "#contact"}}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitTestimonial
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       title="Precision Accounting for Visionary Business Owners"
       description="Bespoke financial strategies and tax optimization by Jacob Coutinho. Expert service in Dartford, designed for your growth and peace of mind."
       testimonials={[
-        {
-          name: "Robert S.",
-          handle: "@client",
-          testimonial: "Jacob is a fantastic accountant. Highly professional and efficient.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg?_wi=1",
-        },
-        {
-          name: "Sarah J.",
-          handle: "@client",
-          testimonial: "Transformative service. My business finances have never been more organized.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg?_wi=2",
-        },
-        {
-          name: "Mark D.",
-          handle: "@client",
-          testimonial: "The gold standard of accounting. Absolutely worth the investment.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-with-crossed-arms_23-2148095676.jpg?_wi=1",
-        },
-        {
-          name: "Emily P.",
-          handle: "@client",
-          testimonial: "Jacob’s strategic advice is invaluable for my growth trajectory.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-drinking-coffee-talking-phone-cafe_637285-8846.jpg?_wi=1",
-        },
-        {
-          name: "John K.",
-          handle: "@client",
-          testimonial: "Reliable, fast, and incredibly knowledgeable. Highly recommended.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-with-long-hair-dressed-green-jacket_613910-10368.jpg?_wi=1",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Book Your Private Consultation",
-          href: "#contact",
-        },
+        { name: "Robert S.", handle: "@client", testimonial: "Jacob is a fantastic accountant. Highly professional and efficient.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg?_wi=1" },
+        { name: "Sarah J.", handle: "@client", testimonial: "Transformative service. My business finances have never been more organized.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg?_wi=2" },
       ]}
+      buttons={[{ text: "Book Your Private Consultation", href: "#contact" }]}
       imageSrc="http://img.b2bpic.net/free-photo/flat-lay-workspace-desk-with-white-laptop-stationery-cup-coffee_1428-202.jpg"
       imageAlt="Professional Office Interior"
       mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg",
-          alt: "Client",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg",
-          alt: "Client",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-with-crossed-arms_23-2148095676.jpg",
-          alt: "Client",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-businessman-drinking-coffee-talking-phone-cafe_637285-8846.jpg",
-          alt: "Client",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-with-long-hair-dressed-green-jacket_613910-10368.jpg",
-          alt: "Client",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Precision",
-        },
-        {
-          type: "text",
-          text: "Growth",
-        },
-        {
-          type: "text",
-          text: "Strategy",
-        },
-        {
-          type: "text",
-          text: "Compliance",
-        },
-        {
-          type: "text",
-          text: "Prestige",
-        },
-      ]}
     />
   </div>
 
   <div id="about" data-section="about">
-      <TextSplitAbout
+      <MetricSplitMediaAbout
+      title="About Jacob Coutinho"
+      description="Jacob is a chartered accountant dedicated to empowering the Dartford business elite. With a unique approach that blends rapid response times with deep strategic insight, he ensures your compliance is perfect while your growth remains uninhibited. Jacob believes that your accountant should be your strongest asset in the boardroom, not just someone who manages your filings."
+      metrics={[
+        { value: "10+ years", title: "Strategic Experience" },
+        { value: "100%", title: "Client Satisfaction" },
+        { value: "Dartford", title: "Based & Local" }
+      ]}
       useInvertedBackground={false}
-      title="The Jacob Coutinho Advantage"
-      description={[
-        "Jacob isn’t just an accountant; he’s a strategic partner. Known for speed, professionalism, and the 'Accountant’s Certificate of Confirmation' that moves businesses forward.",
-        "Providing bespoke care for Dartford business elite, ensuring every transaction is handled with the prestige and precision you deserve.",
-      ]}
-      buttons={[
-        {
-          text: "Learn More",
-          href: "#services",
-        },
-      ]}
+      mediaAnimation="slide-up"
+      metricsAnimation="slide-up"
+      imageSrc="http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg"
     />
   </div>
 
   <div id="services" data-section="services">
-      <FeatureCardSeven
+      <FeatureHoverPattern
       animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
-      features={[
-        {
-          title: "Sole Trader Specialist",
-          description: "Streamlining 2024/25 accounts with zero stress for the modern independent business owner.",
-          imageSrc: "http://img.b2bpic.net/free-photo/hand-investment-income-return-results-management_1421-662.jpg",
-          imageAlt: "Sole Trader Services",
-        },
-        {
-          title: "Corporate Tax Planning",
-          description: "Sophisticated strategies designed to protect your margins and maximize business wealth.",
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-communication-company-meeting-concept_53876-23511.jpg",
-          imageAlt: "Tax Strategy",
-        },
-        {
-          title: "Business Advisory",
-          description: "Beyond the balance sheet—growth consulting tailored to your unique market positioning.",
-          imageSrc: "http://img.b2bpic.net/free-photo/connect-overlay-word-young-people_53876-64947.jpg",
-          imageAlt: "Growth Consulting",
-        },
-      ]}
       title="Core Services (The Luxury Suite)"
       description="Sophisticated financial management tailored for elite business owners in Dartford."
+      features={[
+        { icon: Target, title: "Sole Trader Specialist", description: "Streamlining 2024/25 accounts with zero stress for the modern independent business owner." },
+        { icon: TrendingUp, title: "Corporate Tax Planning", description: "Sophisticated strategies designed to protect your margins and maximize business wealth." },
+        { icon: Award, title: "Business Advisory", description: "Beyond the balance sheet—growth consulting tailored to your unique market positioning." },
+      ]}
     />
   </div>
 
@@ -205,31 +92,8 @@ export default function LandingPage() {
       <TestimonialCardTwelve
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Robert S.",
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg?_wi=3",
-        },
-        {
-          id: "2",
-          name: "Sarah J.",
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg?_wi=4",
-        },
-        {
-          id: "3",
-          name: "Mark D.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-with-crossed-arms_23-2148095676.jpg?_wi=2",
-        },
-        {
-          id: "4",
-          name: "Emily P.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-drinking-coffee-talking-phone-cafe_637285-8846.jpg?_wi=2",
-        },
-        {
-          id: "5",
-          name: "John K.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-with-long-hair-dressed-green-jacket_613910-10368.jpg?_wi=2",
-        },
+        { id: "1", name: "Robert S.", imageSrc: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg?_wi=3" },
+        { id: "2", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg?_wi=4" },
       ]}
       cardTitle="Client Excellence"
       cardTag="Testimonials"
@@ -243,30 +107,11 @@ export default function LandingPage() {
       title="Secure Your Future"
       description="Ready to elevate your financial standing? Book your consultation with Jacob Coutinho today."
       inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Your Name",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Business Email",
-          required: true,
-        },
-        {
-          name: "phone",
-          type: "tel",
-          placeholder: "Phone Number",
-          required: true,
-        },
+        { name: "name", type: "text", placeholder: "Your Name", required: true },
+        { name: "email", type: "email", placeholder: "Business Email", required: true },
+        { name: "phone", type: "tel", placeholder: "Phone Number", required: true },
       ]}
-      textarea={{
-        name: "message",
-        placeholder: "How can we assist you?",
-        rows: 4,
-      }}
+      textarea={{ name: "message", placeholder: "How can we assist you?", rows: 4 }}
       imageSrc="http://img.b2bpic.net/free-photo/catered-table-asian-restaurant-chopsticks-soy-sauce_627829-6149.jpg"
     />
   </div>
@@ -280,4 +125,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}