Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -4,14 +4,14 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import BlogCardOne from '@/components/sections/blog/BlogCardOne';
 import ContactText from '@/components/sections/contact/ContactText';
-import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroSplit from '@/components/sections/hero/HeroSplit';
-import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
+import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import SplitAbout from '@/components/sections/about/SplitAbout';
-import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
+import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
 import { Lightbulb, Zap } from "lucide-react";
 
 export default function LandingPage() {
@@ -68,7 +68,7 @@ export default function LandingPage() {
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139306.jpg"
       imageAlt="Abstract electrical energy graphic"
-      mediaAnimation="slide-up"
+      mediaAnimation="opacity"
       avatars={[
         {
           src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1664.jpg",          alt: "Satisfied client avatar"},
@@ -100,22 +100,25 @@ export default function LandingPage() {
   </div>
 
   <div id="trust-bar" data-section="trust-bar">
-      <MetricCardFourteen
+      <MetricCardTwo
+      description="Key metrics demonstrating our commitment to quality and client satisfaction."
+      textboxLayout="default"
       useInvertedBackground={true}
       title="Built on Trust & Excellence"
       tag="Our Commitment"
       tagAnimation="blur-reveal"
       metrics={[
         {
-          id: "1",          value: "Fully",          description: "Insured"},
+          id: "1",          value: "NICEIC",          description: "Approved"},
         {
-          id: "2",          value: "NICEIC",          description: "Approved"},
+          id: "2",          value: "Fully",          description: "Insured"},
         {
-          id: "3",          value: "Domestic &",          description: "Commercial"},
+          id: "3",          value: "Emergency",          description: "Response"},
         {
-          id: "4",          value: "Fast",          description: "Response"},
+          id: "4",          value: "Domestic &",          description: "Commercial"},
       ]}
-      metricsAnimation="slide-up"
+      animationType="opacity"
+      gridVariant="uniform-all-items-equal"
     />
   </div>
 
@@ -201,45 +204,49 @@ export default function LandingPage() {
   </div>
 
   <div id="process" data-section="process">
-      <FeatureCardTwentyOne
+      <FeatureCardSeven
+      textboxLayout="default"
       useInvertedBackground={true}
       title="Our Seamless Process."
       description="Experience electrical work delivered with clarity, efficiency, and expert care. From initial concept to certified completion, we ensure a smooth journey."
-      accordionItems={[
+      animationType="opacity"
+      features={[
         {
-          id: "step-1",          title: "1. Consultation",          content: "We begin with a thorough consultation to understand your needs, objectives, and existing infrastructure. This allows us to tailor a solution that perfectly fits your requirements and budget. Our experts provide clear, concise advice."},
+          title: "1. Consultation",          description: "We begin with a thorough consultation to understand your needs, objectives, and existing infrastructure. This allows us to tailor a solution that perfectly fits your requirements and budget. Our experts provide clear, concise advice.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EVH29cNB4aTXkBh7MjsAxnRbrF/uploaded-1780258576787-oi5cyo9j.png",          imageAlt: "Consultation process diagram"
+        },
         {
-          id: "step-2",          title: "2. Design & Planning",          content: "Leveraging cutting-edge technology, our team designs a robust, efficient, and aesthetically pleasing electrical plan. Every detail is meticulously planned to ensure optimal performance, safety, and compliance with all regulations."},
+          title: "2. Design & Planning",          description: "Leveraging cutting-edge technology, our team designs a robust, efficient, and aesthetically pleasing electrical plan. Every detail is meticulously planned to ensure optimal performance, safety, and compliance with all regulations.",          imageSrc: "http://img.b2bpic.net/free-photo/architect-engineer-working-architectural-project-design-new-plan_23-2147983057.jpg",          imageAlt: "Architectural design and planning"
+        },
         {
-          id: "step-3",          title: "3. Installation",          content: "Our certified electricians execute the installation with unparalleled precision and attention to detail. We use only premium-grade materials and advanced techniques, minimizing disruption and adhering strictly to timelines."},
+          title: "3. Installation",          description: "Our certified electricians execute the installation with unparalleled precision and attention to detail. We use only premium-grade materials and advanced techniques, minimizing disruption and adhering strictly to timelines.",          imageSrc: "http://img.b2bpic.net/free-photo/electrician-working-on-electrical-panel_23-2150663471.jpg",          imageAlt: "Electrician installing electrical panel"
+        },
         {
-          id: "step-4",          title: "4. Testing & Certification",          content: "Upon completion, every aspect of your new electrical system undergoes rigorous testing to guarantee safety, functionality, and compliance. We provide full certification, giving you complete peace of mind."},
+          title: "4. Testing & Certification",          description: "Upon completion, every aspect of your new electrical system undergoes rigorous testing to guarantee safety, functionality, and compliance. We provide full certification, giving you complete peace of mind.",          imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-electrical-equipment_23-2150663495.jpg",          imageAlt: "Technician testing electrical equipment"
+        },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-men-shaking-hands_23-2148920604.jpg"
-      imageAlt="Electrical consultant reviewing blueprints with a client"
-      mediaAnimation="slide-up"
-      mediaPosition="right"
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFive
+      <TestimonialCardTwo
       textboxLayout="default"
       useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",          name: "Sarah J.",          date: "Nov 2023",          title: "Outstanding Smart Home Integration!",          quote: "BULB transformed our home with their smart system integration. The attention to detail and flawless execution was truly impressive. Highly recommend for any premium electrical needs.",          tag: "Residential Client",          avatarSrc: "http://img.b2bpic.net/free-photo/bearded-man-holding-his-arms-crossed-christmas_23-2148737963.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-holding-ipad_23-2148369439.jpg"},
-        {
-          id: "t2",          name: "Mark C.",          date: "Oct 2023",          title: "Professional Commercial Rewire",          quote: "Our office rewire by BULB was seamless and efficient. The team was professional, clean, and delivered ahead of schedule. A truly premium service that exceeded our expectations.",          tag: "Business Owner",          avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-confident-successful-businesswoman-suit-cross-arms-chest-standing_1258-117443.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/room-interior-design_23-2148899440.jpg"},
-        {
-          id: "t3",          name: "Emily R.",          date: "Sep 2023",          title: "Exceptional EV Charger Installation",          quote: "The EV charger installation was quick, clean, and perfectly integrated into our property. BULB's expertise and customer service are second to none. Absolutely delighted with the result.",          tag: "Property Developer",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-male-graphic-designer-with-arms-crossed_1170-1023.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-using-smartphone-outdoors_23-2150747683.jpg"},
-        {
-          id: "t4",          name: "David K.",          date: "Aug 2023",          title: "Precision Lighting Design",          quote: "BULB's lighting design completely elevated our luxury apartment. The team’s creativity and technical skill brought our vision to life. A truly bespoke and brilliant service.",          tag: "Residential Client",          avatarSrc: "http://img.b2bpic.net/free-photo/close-up-view-woman-kitchen_197531-32481.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/man-looking-outside-modern-room-with-gray-curtains-hanging-lamp_8353-12543.jpg"},
-        {
-          id: "t5",          name: "Jessica L.",          date: "July 2023",          title: "Reliable & Responsive Maintenance",          quote: "We rely on BULB for all our commercial electrical maintenance. Their team is consistently reliable, responsive, and proactive, ensuring our operations run smoothly. Invaluable service.",          tag: "Commercial Manager",          avatarSrc: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-working-switchboard-with-fuses-uses-tablet_169016-51765.jpg"},
-      ]}
       title="Client Success Stories."
       description="Hear from those who've experienced the BULB difference in quality and service. Our commitment to excellence shines through every project."
+      animationType="opacity"
+      carouselMode="auto"
+      testimonials={[
+        {
+          id: "t1",          name: "Sarah J.",          role: "Residential Client",          testimonial: "BULB transformed our home with their smart system integration. The attention to detail and flawless execution was truly impressive. Highly recommend for any premium electrical needs.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-holding-ipad_23-2148369439.jpg"},
+        {
+          id: "t2",          name: "Mark C.",          role: "Business Owner",          testimonial: "Our office rewire by BULB was seamless and efficient. The team was professional, clean, and delivered ahead of schedule. A truly premium service that exceeded our expectations.",          imageSrc: "http://img.b2bpic.net/free-photo/room-interior-design_23-2148899440.jpg"},
+        {
+          id: "t3",          name: "Emily R.",          role: "Property Developer",          testimonial: "The EV charger installation was quick, clean, and perfectly integrated into our property. BULB's expertise and customer service are second to none. Absolutely delighted with the result.",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-using-smartphone-outdoors_23-2150747683.jpg"},
+        {
+          id: "t4",          name: "David K.",          role: "Residential Client",          testimonial: "BULB's lighting design completely elevated our luxury apartment. The team’s creativity and technical skill brought our vision to life. A truly bespoke and brilliant service.",          imageSrc: "http://img.b2bpic.net/free-photo/man-looking-outside-modern-room-with-gray-curtains-hanging-lamp_8353-12543.jpg"},
+        {
+          id: "t5",          name: "Jessica L.",          role: "Commercial Manager",          testimonial: "We rely on BULB for all our commercial electrical maintenance. Their team is consistently reliable, responsive, and proactive, ensuring our operations run smoothly. Invaluable service.",          imageSrc: "http://img.b2bpic.net/free-photo/man-electrical-working-switchboard-with-fuses-uses-tablet_169016-51765.jpg"},
+      ]}
     />
   </div>
 
@@ -257,7 +264,7 @@ export default function LandingPage() {
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBase
+      <FooterBaseCard
       columns={[
         {
           title: "Services",          items: [

src/app/styles/base.css

@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-montserrat), sans-serif;
+  font-family: var(--font-dm-sans), sans-serif;
 }

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #FFFFFF;
-  --card: #F8F9FB;
-  --foreground: #111827;
-  --primary-cta: #2563EB;
-  --primary-cta-text: #FFFFFF;
-  --secondary-cta: #6B7280;
-  --secondary-cta-text: #FFFFFF;
-  --accent: #F59E0B;
-  --background-accent: #EEF2F6;
+  --background: #f5f5f5;
+  --card: #ffffff;
+  --foreground: #1c1c1c;
+  --primary-cta: #1f3251;
+  --primary-cta-text: #f5f5f5;
+  --secondary-cta: #ffffff;
+  --secondary-cta-text: #1c1c1c;
+  --accent: #15479c;
+  --background-accent: #a8cce8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);