Update src/app/contact/page.tsx

Merge version_5 into main

src/app/contact/page.tsx

@@ -4,14 +4,14 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
 import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
 import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
-import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
+import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
 import FaqSplitText from "@/components/sections/faq/FaqSplitText";
 import FooterCard from "@/components/sections/footer/FooterCard";
-import { Hammer, Wrench, Droplet, Paintbrush, Zap, MonitorPlay, Armchair, Layers, TrendingUp, Clock, Users, CheckCircle, Star, Facebook, Instagram, Phone } from "lucide-react";
+import { Hammer, Wrench, Droplet, Paintbrush, Zap, MonitorPlay, Armchair, Layers, TrendingUp, Clock, Users, CheckCircle, Star, Facebook, Instagram, Phone, Quote } from "lucide-react";
 
 export default function ContactPage() {
   const navItems = [
-    { name: "Home", id: "home" },
+    { name: "Home", id: "/" },
     { name: "Services", id: "services" },
     { name: "About", id: "about" },
     { name: "Portfolio", id: "portfolio" },
@@ -19,7 +19,8 @@ export default function ContactPage() {
   ];
 
   const contactButton = {
-    text: "Call Now",    href: "tel:804-938-0669"};
+    text: "Call Now",    href: "tel:804-938-0669"
+  };
 
   return (
     <ThemeProvider
@@ -52,23 +53,31 @@ export default function ContactPage() {
           background={{ variant: "sparkles-gradient" }}
           mediaItems={[
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/young-cute-family-repairs-room_1157-24897.jpg",              imageAlt: "Professional home services team"},
+              imageSrc: "http://img.b2bpic.net/free-photo/young-cute-family-repairs-room_1157-24897.jpg",              imageAlt: "Professional home services team"
+            },
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721573.jpg",              imageAlt: "Expert plumbing services"},
+              imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721573.jpg",              imageAlt: "Expert plumbing services"
+            },
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-painting-wall-home_23-2149098981.jpg",              imageAlt: "Professional painting services"},
+              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-painting-wall-home_23-2149098981.jpg",              imageAlt: "Professional painting services"
+            },
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/woman-electrician-checks-switchboard-tablet-night-shift-smart-service_169016-70936.jpg",              imageAlt: "Licensed electrical work"},
+              imageSrc: "http://img.b2bpic.net/free-photo/woman-electrician-checks-switchboard-tablet-night-shift-smart-service_169016-70936.jpg",              imageAlt: "Licensed electrical work"
+            },
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/mechanics-checking-planning-workshop_329181-11868.jpg",              imageAlt: "General maintenance services"},
+              imageSrc: "http://img.b2bpic.net/free-photo/mechanics-checking-planning-workshop_329181-11868.jpg",              imageAlt: "General maintenance services"
+            },
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/circular-saw-carpenter-using-circular-saw-wood_169016-17039.jpg",              imageAlt: "Professional flooring installation"},
+              imageSrc: "http://img.b2bpic.net/free-photo/circular-saw-carpenter-using-circular-saw-wood_169016-17039.jpg",              imageAlt: "Professional flooring installation"
+            },
           ]}
           buttons={[
             {
-              text: "Call Now: 804-938-0669",              href: "tel:804-938-0669"},
+              text: "Call Now: 804-938-0669",              href: "tel:804-938-0669"
+            },
             {
-              text: "Quick Contact Form",              href: "#contact-form"},
+              text: "Quick Contact Form",              href: "#contact-form"
+            },
           ]}
           buttonAnimation="slide-up"
           ariaLabel="Contact page hero section for Earl Boys Services"
@@ -86,36 +95,44 @@ export default function ContactPage() {
               title: "Phone Support",              description: "Call us directly for immediate assistance and emergency service requests.",              icon: Phone,
               mediaItems: [
                 {
-                  imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-receiving-box_23-2149103401.jpg",                  imageAlt: "Customer service support"},
+                  imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-receiving-box_23-2149103401.jpg",                  imageAlt: "Customer service support"
+                },
                 {
-                  imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-man-choosing-color_23-2148903521.jpg",                  imageAlt: "Professional communication"},
+                  imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-man-choosing-color_23-2148903521.jpg",                  imageAlt: "Professional communication"
+                },
               ],
             },
             {
               title: "Service Area Coverage",              description: "We proudly serve Richmond, VA and all surrounding areas with comprehensive home services.",              icon: Wrench,
               mediaItems: [
                 {
-                  imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-s-hand-holding-push-pin-blur-map_23-2147958186.jpg",                  imageAlt: "Richmond virginia map location marker"},
+                  imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-s-hand-holding-push-pin-blur-map_23-2147958186.jpg",                  imageAlt: "Richmond virginia map location marker"
+                },
                 {
-                  imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-cleaning-office-together_23-2149345517.jpg",                  imageAlt: "Professional home services team working"},
+                  imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-cleaning-office-together_23-2149345517.jpg",                  imageAlt: "Professional home services team working"
+                },
               ],
             },
             {
               title: "Free Estimates",              description: "Schedule a free consultation and estimate for your project with our experienced team.",              icon: CheckCircle,
               mediaItems: [
                 {
-                  imageSrc: "http://img.b2bpic.net/free-photo/young-couple-moving-new-home_23-2149242082.jpg",                  imageAlt: "Home improvement project"},
+                  imageSrc: "http://img.b2bpic.net/free-photo/young-couple-moving-new-home_23-2149242082.jpg",                  imageAlt: "Home improvement project"
+                },
                 {
-                  imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-builder-men-with-smartphones_23-2148751993.jpg",                  imageAlt: "Professional consultation"},
+                  imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-builder-men-with-smartphones_23-2148751993.jpg",                  imageAlt: "Professional consultation"
+                },
               ],
             },
             {
               title: "Licensed & Insured",              description: "All services fully licensed, insured, and bonded for your peace of mind.",              icon: CheckCircle,
               mediaItems: [
                 {
-                  imageSrc: "http://img.b2bpic.net/free-photo/cheerful-grey-haired-logistic-worker-hardhat-uniform-standing-shelves-warehouse-with-arms-folded-looking-camera-smiling-vertical-shot-labor-blue-collar-portrait-concept_74855-14227.jpg",                  imageAlt: "Professional tradesman"},
+                  imageSrc: "http://img.b2bpic.net/free-photo/cheerful-grey-haired-logistic-worker-hardhat-uniform-standing-shelves-warehouse-with-arms-folded-looking-camera-smiling-vertical-shot-labor-blue-collar-portrait-concept_74855-14227.jpg",                  imageAlt: "Professional tradesman"
+                },
                 {
-                  imageSrc: "http://img.b2bpic.net/free-photo/view-professional-cleaning-service-person-holding-supplies_23-2150520608.jpg",                  imageAlt: "Professional service team"},
+                  imageSrc: "http://img.b2bpic.net/free-photo/view-professional-cleaning-service-person-holding-supplies_23-2150520608.jpg",                  imageAlt: "Professional service team"
+                },
               ],
             },
           ]}
@@ -124,36 +141,42 @@ export default function ContactPage() {
           useInvertedBackground={false}
           buttons={[
             {
-              text: "Request Service",              href: "tel:804-938-0669"},
+              text: "Request Service",              href: "tel:804-938-0669"
+            },
           ]}
           buttonAnimation="slide-up"
         />
       </div>
 
-      <div id="metrics" data-section="metrics">
-        <MetricCardOne
-          title="Ready to Transform Your Home?"
-          description="Join thousands of satisfied customers who have trusted Earl Boys Services with their most important projects."
-          tag="Contact Details"
-          tagIcon={TrendingUp}
-          metrics={[
+      <div id="testimonials" data-section="testimonials">
+        <TestimonialCardThirteen
+          title="What Our Customers Say"
+          description="Hear from satisfied clients who have experienced Earl Boys Services excellence firsthand."
+          tag="Customer Reviews"
+          tagIcon={Star}
+          testimonials={[
             {
-              id: "1",              value: "804",              title: "938",              description: "Call us directly - Call Now",              icon: Phone,
+              id: "1",              name: "John Mitchell",              handle: "@john_m",              testimonial: "Earl Boys Services transformed our kitchen with professional craftsmanship. The team was punctual, courteous, and delivered exceptional results. Highly recommend!",              rating: 5,
+              icon: Quote
             },
             {
-              id: "2",              value: "15",              title: "Years",              description: "Experience serving Richmond VA",              icon: Clock,
+              id: "2",              name: "Sarah Thompson",              handle: "@sarah_t",              testimonial: "Outstanding plumbing work! They fixed a complex issue that other companies said was impossible. Professional, efficient, and fair pricing.",              rating: 5,
+              icon: Quote
             },
             {
-              id: "3",              value: "2000",              title: "Customers",              description: "Trust us for their home services",              icon: Users,
+              id: "3",              name: "Michael Chen",              handle: "@m_chen",              testimonial: "The electrical work on our renovation was flawless. They explained everything clearly and made sure we understood the improvements. Will definitely call again!",              rating: 5,
+              icon: Quote
             },
             {
-              id: "4",              value: "10",              title: "Services",              description: "Available in your area",              icon: Wrench,
+              id: "4",              name: "Jennifer Rodriguez",              handle: "@jen_rod",              testimonial: "Best home improvement decision we made! The painters were meticulous and the quality is outstanding. Worth every penny!",              rating: 5,
+              icon: Quote
             },
           ]}
+          showRating={true}
           animationType="slide-up"
-          gridVariant="uniform-all-items-equal"
           textboxLayout="default"
-          useInvertedBackground={true}
+          useInvertedBackground={false}
+          carouselMode="buttons"
         />
       </div>
 
@@ -163,17 +186,23 @@ export default function ContactPage() {
           sideDescription="Find answers to common questions about contacting Earl Boys Services, scheduling appointments, and our service offerings."
           faqs={[
             {
-              id: "1",              title: "What is your phone number?",              content: "You can reach us at 804-938-0669. We're available during business hours and offer emergency service for urgent issues."},
+              id: "1",              title: "What is your phone number?",              content: "You can reach us at 804-938-0669. We're available during business hours and offer emergency service for urgent issues."
+            },
             {
-              id: "2",              title: "How quickly can you respond to my request?",              content: "We typically respond to service requests within 24 hours. For emergency issues, call us immediately at 804-938-0669."},
+              id: "2",              title: "How quickly can you respond to my request?",              content: "We typically respond to service requests within 24 hours. For emergency issues, call us immediately at 804-938-0669."
+            },
             {
-              id: "3",              title: "What areas do you serve?",              content: "We proudly serve Richmond, VA and all surrounding areas. Our service team covers residential and commercial properties throughout the region."},
+              id: "3",              title: "What areas do you serve?",              content: "We proudly serve Richmond, VA and all surrounding areas. Our service team covers residential and commercial properties throughout the region."
+            },
             {
-              id: "4",              title: "Do you charge for consultations and estimates?",              content: "No! We provide free, no-obligation estimates for all services. Contact us to schedule your consultation."},
+              id: "4",              title: "Do you charge for consultations and estimates?",              content: "No! We provide free, no-obligation estimates for all services. Contact us to schedule your consultation."
+            },
             {
-              id: "5",              title: "What payment methods do you accept?",              content: "We accept cash, check, credit cards, and digital payments. We also offer financing options for larger projects."},
+              id: "5",              title: "What payment methods do you accept?",              content: "We accept cash, check, credit cards, and digital payments. We also offer financing options for larger projects."
+            },
             {
-              id: "6",              title: "Are you licensed and insured?",              content: "Absolutely. Earl Boys Services is fully licensed, insured, and bonded. We maintain all required certifications."},
+              id: "6",              title: "Are you licensed and insured?",              content: "Absolutely. Earl Boys Services is fully licensed, insured, and bonded. We maintain all required certifications."
+            },
           ]}
           textPosition="left"
           faqsAnimation="slide-up"
@@ -189,13 +218,16 @@ export default function ContactPage() {
           socialLinks={[
             {
               icon: Facebook,
-              href: "https://facebook.com",              ariaLabel: "Facebook"},
+              href: "https://facebook.com",              ariaLabel: "Facebook"
+            },
             {
               icon: Instagram,
-              href: "https://instagram.com",              ariaLabel: "Instagram"},
+              href: "https://instagram.com",              ariaLabel: "Instagram"
+            },
             {
               icon: Phone,
-              href: "tel:804-938-0669",              ariaLabel: "Call us"},
+              href: "tel:804-938-0669",              ariaLabel: "Call us"
+            },
           ]}
         />
       </div>