Merge version_5 into main

Merge version_5 into main

src/app/page.tsx

@@ -10,7 +10,7 @@ import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
+import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import { AlertTriangle, Gauge, Lightbulb, Wind, Zap } from "lucide-react";
 
 export default function LandingPage() {
@@ -32,21 +32,13 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Services",
-          id: "#services",
-        },
+          name: "Services",          id: "#services"},
         {
-          name: "About",
-          id: "#about",
-        },
+          name: "About",          id: "#about"},
         {
-          name: "Testimonials",
-          id: "#testimonials",
-        },
+          name: "Testimonials",          id: "#testimonials"},
         {
-          name: "Contact",
-          id: "#contact",
-        },
+          name: "Contact",          id: "#contact"},
       ]}
       brandName="City Electric"
     />
@@ -55,67 +47,30 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboard
       background={{
-        variant: "radial-gradient",
-      }}
+        variant: "radial-gradient"}}
       title="Powering Your Home with Precision & Reliability"
-      description="24/7 Electrical & A/C Services You Can Trust in Miami"
+      description="Same-day response and licensed experts for all your residential and commercial needs in Miami"
       buttons={[
         {
-          text: "Call Now: (305) 755-2553",
-          href: "tel:3057552553",
-        },
+          text: "Call Now: (305) 755-2553",          href: "tel:3057552553"},
         {
-          text: "Request Service",
-          href: "#contact",
-        },
+          text: "Request Service",          href: "#contact"},
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/a-high-end-modern-miami-home-exterior-at-1774922273015-3715d678.png?_wi=1"
       imageAlt="Luxury home with electrical and HVAC lighting"
       mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/a-professional-friendly-looking-homeowne-1774922272443-7296d17d.png",
-          alt: "Client 1",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/a-smiling-young-couple-high-quality-port-1774922272085-c4e38c6b.png",
-          alt: "Client 2",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/a-professional-property-manager-in-a-sui-1774922272338-aed248e0.png",
-          alt: "Client 3",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/a-busy-parent-friendly-smile-warm-interi-1774922271507-009ee820.png",
-          alt: "Client 4",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/an-electrician-working-on-a-modern-elect-1774922271885-6de3020d.png",
-          alt: "Client 5",
-        },
-      ]}
       avatarText="Trusted by 500+ Miami residents"
       marqueeItems={[
         {
-          type: "text",
-          text: "24/7 Emergency Support",
-        },
+          type: "text",          text: "24/7 Emergency Support"},
         {
-          type: "text",
-          text: "Licensed & Insured",
-        },
+          type: "text",          text: "Licensed & Insured"},
         {
-          type: "text",
-          text: "Residential & Commercial",
-        },
+          type: "text",          text: "Residential & Commercial"},
         {
-          type: "text",
-          text: "Energy Efficient Upgrades",
-        },
+          type: "text",          text: "Energy Efficient Upgrades"},
         {
-          type: "text",
-          text: "Same-Day Response",
-        },
+          type: "text",          text: "Same-Day Response"},
       ]}
     />
   </div>
@@ -125,14 +80,7 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       names={[
-        "Google",
-        "Angi",
-        "Yelp",
-        "Nextdoor",
-        "HomeAdvisor",
-        "Houzz",
-        "Thumbtack",
-      ]}
+        "Google",        "Angi",        "Yelp",        "Nextdoor",        "HomeAdvisor",        "Houzz",        "Thumbtack"]}
       title="Trusted by Miami"
       description="32+ Five-Star Reviews"
     />
@@ -146,29 +94,19 @@ export default function LandingPage() {
       features={[
         {
           icon: Zap,
-          title: "Electrical Repairs",
-          description: "Expert diagnostics and repairs for residential and commercial systems.",
-        },
+          title: "Electrical Repairs",          description: "Expert diagnostics and repairs for residential and commercial systems."},
         {
           icon: Gauge,
-          title: "A/C Solutions",
-          description: "Full service installation, replacement, and system maintenance.",
-        },
+          title: "A/C Solutions",          description: "Full service installation, replacement, and system maintenance."},
         {
           icon: Lightbulb,
-          title: "Upgrades",
-          description: "Modernizing panels and lighting for safety and energy efficiency.",
-        },
+          title: "Upgrades",          description: "Modernizing panels and lighting for safety and energy efficiency."},
         {
           icon: AlertTriangle,
-          title: "Emergency 24/7",
-          description: "Available day or night for critical electrical and A/C failures.",
-        },
+          title: "Emergency 24/7",          description: "Available day or night for critical electrical and A/C failures."},
         {
           icon: Wind,
-          title: "Air Quality",
-          description: "Cleaning and purification systems for a healthier home environment.",
-        },
+          title: "Air Quality",          description: "Cleaning and purification systems for a healthier home environment."},
       ]}
       title="Premium Services"
       description="Comprehensive electrical and climate control solutions."
@@ -182,26 +120,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          value: "24/7",
-          title: "Available Anytime",
-          description: "Emergency services when you need them most.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/an-emergency-response-vehicle-in-a-miami-1774922273447-5a3a9af9.png?_wi=1",
-        },
+          id: "m1",          value: "24/7",          title: "Available Anytime",          description: "Emergency services when you need them most.",          videoSrc: ""},
         {
-          id: "m2",
-          value: "Same-Day",
-          title: "Fast Responses",
-          description: "Quick dispatch for immediate electrical needs.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/an-electrician-working-on-a-modern-elect-1774922271885-6de3020d.png",
-        },
+          id: "m2",          value: "Same-Day",          title: "Fast Responses",          description: "Quick dispatch for immediate electrical needs.",          videoSrc: ""},
         {
-          id: "m3",
-          value: "Miami",
-          title: "Local Experts",
-          description: "Serving Miami Springs and beyond with pride.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/a-pristine-a-c-unit-installation-in-a-lu-1774922271733-b0ac1c1e.png",
-        },
+          id: "m3",          value: "Miami",          title: "Local Experts",          description: "Serving Miami Springs and beyond with pride.",          videoSrc: ""},
       ]}
       title="Why Choose Us"
       description="Reliable experts committed to excellence."
@@ -215,13 +138,9 @@ export default function LandingPage() {
       description="A trusted Miami-based company delivering reliable electrical and A/C solutions with a focus on professionalism, speed, and customer satisfaction. We treat every home with the care it deserves."
       metrics={[
         {
-          value: "100%",
-          title: "Customer Joy",
-        },
+          value: "100%",          title: "Customer Joy"},
         {
-          value: "24/7",
-          title: "Availability",
-        },
+          value: "24/7",          title: "Availability"},
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/a-high-end-modern-miami-home-exterior-at-1774922273015-3715d678.png?_wi=2"
       mediaAnimation="slide-up"
@@ -230,63 +149,24 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFive
+      <TestimonialCardSix
+      animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah Johnson",
-          date: "2024-03",
-          title: "Great A/C Work",
-          quote: "The team delivered exceptional service replacing my A/C unit. Professional, knowledgeable, and explained everything clearly.",
-          tag: "Residential",
-          avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/a-professional-friendly-looking-homeowne-1774922272443-7296d17d.png",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/a-professional-friendly-looking-homeowne-1774922272443-7296d17d.png?_wi=1",
-        },
-        {
-          id: "2",
-          name: "Michael Chen",
-          date: "2024-02",
-          title: "Saved The Day",
-          quote: "Fast response when another company canceled. Same-day service saved us. Highly recommended!",
-          tag: "Emergency",
-          avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/a-smiling-young-couple-high-quality-port-1774922272085-c4e38c6b.png",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/a-smiling-young-couple-high-quality-port-1774922272085-c4e38c6b.png",
-        },
-        {
-          id: "3",
-          name: "Emily Rodriguez",
-          date: "2024-01",
-          title: "Professionalism",
-          quote: "Incredible communication and very fair pricing for the work done on my panel upgrade.",
-          tag: "Electrical",
-          avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/a-professional-property-manager-in-a-sui-1774922272338-aed248e0.png",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/a-professional-property-manager-in-a-sui-1774922272338-aed248e0.png",
-        },
-        {
-          id: "4",
-          name: "David Kim",
-          date: "2023-12",
-          title: "Trusted Partner",
-          quote: "The go-to company for our property management needs. Always reliable.",
-          tag: "Business",
-          avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/a-busy-parent-friendly-smile-warm-interi-1774922271507-009ee820.png",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/a-busy-parent-friendly-smile-warm-interi-1774922271507-009ee820.png",
-        },
-        {
-          id: "5",
-          name: "Alex Martinez",
-          date: "2024-04",
-          title: "Highly Recommend",
-          quote: "Quick, professional, and clean work. Best electricians in Miami hands down.",
-          tag: "Electrical",
-          avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/a-professional-friendly-looking-homeowne-1774922272443-7296d17d.png",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BbAzolUdDI6VV1mxG0wmYkaqd1/a-professional-friendly-looking-homeowne-1774922272443-7296d17d.png?_wi=2",
-        },
-      ]}
       title="What Our Clients Say"
       description="Building trust, one project at a time."
+      testimonials={[
+        {
+          id: "1",          name: "Sarah Johnson",          handle: "@sarahj",          testimonial: "The team delivered exceptional service replacing my A/C unit. Professional, knowledgeable, and explained everything clearly."},
+        {
+          id: "2",          name: "Michael Chen",          handle: "@mikechen",          testimonial: "Fast response when another company canceled. Same-day service saved us. Highly recommended!"},
+        {
+          id: "3",          name: "Emily Rodriguez",          handle: "@emilyrod",          testimonial: "Incredible communication and very fair pricing for the work done on my panel upgrade."},
+        {
+          id: "4",          name: "David Kim",          handle: "@dkim",          testimonial: "The go-to company for our property management needs. Always reliable."},
+        {
+          id: "5",          name: "Alex Martinez",          handle: "@amartinez",          testimonial: "Quick, professional, and clean work. Best electricians in Miami hands down."},
+      ]}
     />
   </div>
 
@@ -294,8 +174,7 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={false}
       background={{
-        variant: "radial-gradient",
-      }}
+        variant: "radial-gradient"}}
       tag="Contact Us"
       title="Need Electrical Help Fast?"
       description="Available 24/7 for all emergencies."
@@ -309,37 +188,23 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "About Us",
-              href: "#about",
-            },
+              label: "About Us",              href: "#about"},
             {
-              label: "Services",
-              href: "#services",
-            },
+              label: "Services",              href: "#services"},
             {
-              label: "Reviews",
-              href: "#testimonials",
-            },
+              label: "Reviews",              href: "#testimonials"},
           ],
         },
         {
-          title: "Contact",
-          items: [
+          title: "Contact",          items: [
             {
-              label: "(305) 755-2553",
-              href: "tel:3057552553",
-            },
+              label: "(305) 755-2553",              href: "tel:3057552553"},
             {
-              label: "4451 NW 36th St, Miami Springs",
-              href: "#",
-            },
+              label: "4451 NW 36th St, Miami Springs",              href: "#"},
             {
-              label: "Open 24 Hours",
-              href: "#",
-            },
+              label: "Open 24 Hours",              href: "#"},
           ],
         },
       ]}
@@ -350,4 +215,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #000000;
-  --card: #1f4035;
-  --foreground: #ffffff;
-  --primary-cta: #ffffff;
-  --primary-cta-text: #051a12;
-  --secondary-cta: #0d2b1f;
-  --secondary-cta-text: #d4f6e8;
-  --accent: #0d5238;
-  --background-accent: #10b981;
+  --background: #ffffff;
+  --card: #f9f9f9;
+  --foreground: #000612e6;
+  --primary-cta: #15479c;
+  --primary-cta-text: #ffffff;
+  --secondary-cta: #f9f9f9;
+  --secondary-cta-text: #000612e6;
+  --accent: #e2e2e2;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);