Update src/app/contact/page.tsx

Merge version_9 into main

src/app/contact/page.tsx

@@ -3,11 +3,12 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
 import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
-import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
+import ContactForm from "@/components/form/ContactForm";
 import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
+import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
 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, Quote } from "lucide-react";
+import { Hammer, Wrench, Mail, Star, Quote, Facebook, Instagram, Phone, MapPin, Clock } from "lucide-react";
 
 export default function ContactPage() {
   const navItems = [
@@ -17,10 +18,6 @@ export default function ContactPage() {
     { name: "Contact", id: "/contact" },
   ];
 
-  const contactButton = {
-    text: "Call Now",    href: "tel:804-938-0669"
-  };
-
   return (
     <ThemeProvider
       defaultButtonVariant="hover-magnetic"
@@ -74,7 +71,7 @@ export default function ContactPage() {
               text: "Call Now: 804-938-0669",              href: "tel:804-938-0669"
             },
             {
-              text: "Quick Contact Form",              href: "#contact-form"
+              text: "Send Message",              href: "#contact-form"
             },
           ]}
           buttonAnimation="slide-up"
@@ -82,67 +79,70 @@ export default function ContactPage() {
         />
       </div>
 
-      <div id="services" data-section="services">
+      <div id="before-after-gallery" data-section="before-after-gallery">
-        <FeatureCardTwentyFive
+        <FeatureCardSeven
-          title="How to Reach Us"
+          title="Before & After Gallery"
-          description="Multiple convenient ways to get in touch with Earl Boys Services. We're ready to discuss your project and provide expert recommendations."
+          description="See the transformation of our recent plumbing and electrical projects in Richmond, VA. Our expert work speaks for itself."
-          tag="Contact Options"
+          tag="Our Work"
           tagIcon={Wrench}
           features={[
             {
-              title: "Phone Support",              description: "Call us directly for immediate assistance and emergency service requests.",              icon: Phone,
+              id: 1,
-              mediaItems: [
+              title: "Kitchen Plumbing Renovation",              description: "Complete kitchen plumbing overhaul including new sink installation, updated fixtures, and modern piping system. Water efficiency improved by 30%.",              imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721573.jpg?_wi=3",              imageAlt: "After plumbing renovation"},
-                {
-                  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"
-                },
-              ],
-            },
             {
-              title: "Service Area Coverage",              description: "We proudly serve Richmond, VA and all surrounding areas with comprehensive home services.",              icon: Wrench,
+              id: 2,
-              mediaItems: [
+              title: "Bathroom Electrical Upgrade",              description: "Full bathroom electrical rewiring with modern GFCI outlets, new lighting fixtures, and exhaust fan installation meeting current safety codes.",              imageSrc: "http://img.b2bpic.net/free-photo/woman-electrician-checks-switchboard-tablet-night-shift-smart-service_169016-70936.jpg?_wi=3",              imageAlt: "After electrical upgrade"},
-                {
-                  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"
-                },
-              ],
-            },
             {
-              title: "Free Estimates",              description: "Schedule a free consultation and estimate for your project with our experienced team.",              icon: CheckCircle,
+              id: 3,
-              mediaItems: [
+              title: "Whole Home Plumbing System",              description: "Replaced aging pipes throughout the home with modern PEX tubing. Eliminated water pressure issues and improved water quality throughout.",              imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721573.jpg?_wi=3",              imageAlt: "After whole home plumbing"},
-                {
-                  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"
-                },
-              ],
-            },
             {
-              title: "Licensed & Insured",              description: "All services fully licensed, insured, and bonded for your peace of mind.",              icon: CheckCircle,
+              id: 4,
-              mediaItems: [
+              title: "Electrical Panel Upgrade",              description: "Upgraded electrical panel from 100A to 200A service. Added dedicated circuits for modern appliances and improved home's electrical capacity.",              imageSrc: "http://img.b2bpic.net/free-photo/woman-electrician-checks-switchboard-tablet-night-shift-smart-service_169016-70936.jpg?_wi=3",              imageAlt: "After electrical panel upgrade"},
-                {
-                  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"
-                },
-              ],
-            },
           ]}
-          animationType="slide-up"
+          animationType="blur-reveal"
           textboxLayout="default"
           useInvertedBackground={false}
-          buttons={[
+        />
+      </div>
+
+      <div id="service-areas-map" data-section="service-areas-map">
+        <FeatureCardSeven
+          title="Service Areas in Richmond, VA"
+          description="We proudly serve Richmond and surrounding neighborhoods. From downtown to the suburbs, Earl Boys Services is your trusted local partner for all home service needs."
+          tag="Coverage Area"
+          tagIcon={MapPin}
+          features={[
             {
-              text: "Request Service",              href: "tel:804-938-0669"
+              id: 1,
-            },
+              title: "Downtown Richmond",              description: "Historic homes and modern apartments in the heart of Richmond. We specialize in older home renovations and contemporary electrical systems.",              imageSrc: "http://img.b2bpic.net/free-photo/young-cute-family-repairs-room_1157-24897.jpg?_wi=2",              imageAlt: "Downtown Richmond neighborhood"},
+            {
+              id: 2,
+              title: "West End & Fan District",              description: "Tree-lined streets and charming Victorian homes. Our team has extensive experience with historic preservation and modern upgrades.",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-painting-wall-home_23-2149098981.jpg?_wi=3",              imageAlt: "West End neighborhood"},
+            {
+              id: 3,
+              title: "Northside & Beyond",              description: "Growing residential communities with newer construction and established neighborhoods. Fast response times and local expertise.",              imageSrc: "http://img.b2bpic.net/free-photo/mechanics-checking-planning-workshop_329181-11868.jpg?_wi=2",              imageAlt: "Northside Richmond area"},
+            {
+              id: 4,
+              title: "Southside Communities",              description: "Diverse neighborhoods from Colonial Heights to Midlothian. We serve residential and light commercial properties throughout the region.",              imageSrc: "http://img.b2bpic.net/free-photo/circular-saw-carpenter-using-circular-saw-wood_169016-17039.jpg?_wi=2",              imageAlt: "Southside Richmond coverage"},
           ]}
-          buttonAnimation="slide-up"
+          animationType="blur-reveal"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="contact-form" data-section="contact-form">
+        <ContactForm
+          title="Send us a Message"
+          description="Fill out the form below and we'll get back to you within 24 hours with a response."
+          tag="Quick Contact"
+          tagIcon={Mail}
+          inputPlaceholder="Your email address"
+          buttonText="Send Message"
+          termsText="We'll never share your information and respect your privacy."
+          onSubmit={(email) => console.log('Form submitted with email:', email)}
+          centered={true}
+          useInvertedBackground={false}
         />
       </div>
 
@@ -173,39 +173,45 @@ export default function ContactPage() {
           showRating={true}
           animationType="slide-up"
           textboxLayout="default"
-          useInvertedBackground={false}
           carouselMode="buttons"
+          useInvertedBackground={false}
         />
       </div>
 
       <div id="faq" data-section="faq">
         <FaqSplitText
-          sideTitle="Questions About Our Services?"
+          sideTitle="Frequently Asked Questions"
-          sideDescription="Find answers to common questions about contacting Earl Boys Services, scheduling appointments, and our service offerings."
+          sideDescription="Find answers to common questions about pricing, availability, and scheduling services with Earl Boys Services."
           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 and how can I reach you?",              content: "You can reach us at 804-938-0669. We're available during business hours (Monday-Friday 8am-6pm, Saturday 9am-4pm). For emergency issues, we offer 24/7 service. You can also contact us through our website contact form and we'll respond within 24 hours."
             },
             {
-              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 service request?",              content: "We typically respond to service requests within 24 hours. For emergency issues requiring immediate attention, call us directly at 804-938-0669 and we can often dispatch a team the same day. Regular maintenance and non-urgent repairs are scheduled within 3-7 business days depending on availability."
             },
             {
-              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 of Richmond do you serve?",              content: "We proudly serve Richmond, VA and all surrounding areas including the Fan District, Northside, Southside, West End, and nearby communities like Colonial Heights and Midlothian. Our service area covers approximately a 20-mile radius from downtown Richmond. Contact us to confirm service availability for your specific location."
             },
             {
-              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. Our team will visit your home or business, assess your needs, and provide a detailed quote. There's absolutely no charge for this service, and you're under no obligation to proceed if you choose not to."
             },
             {
-              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 are your pricing and payment options?",              content: "Our pricing is competitive and based on the scope of work. We offer transparent pricing with no hidden fees. We accept cash, check, credit cards (Visa, Mastercard, American Express), and digital payments. For larger projects, we also offer flexible financing options with approved credit."
             },
             {
-              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, insured, and bonded?",              content: "Absolutely! Earl Boys Services is fully licensed, insured, and bonded. We maintain all required certifications and comply with local building codes. Our licenses and insurance are current and verified. We're committed to protecting our customers and ensuring professional, compliant workmanship on every project."
+            },
+            {
+              id: "7",              title: "How do I schedule a service appointment?",              content: "Scheduling is easy! Call us at 804-938-0669 during business hours, fill out our online contact form, or send us an email. Let us know your preferred dates and times, and we'll work with you to find a convenient appointment. We offer flexible scheduling including weekends and evenings for most services."
+            },
+            {
+              id: "8",              title: "What services do you offer?",              content: "We offer comprehensive home services including plumbing repairs and installation, electrical work and upgrades, painting and drywall, flooring installation, general maintenance, and more. We handle both emergency repairs and planned renovations. Contact us to discuss your specific project needs."
             },
           ]}
           textPosition="left"
           faqsAnimation="slide-up"
-          useInvertedBackground={false}
           animationType="smooth"
+          useInvertedBackground={false}
         />
       </div>