Update theme colors

Merge version_8 into main

src/app/contact/page.tsx

@@ -3,11 +3,11 @@
 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 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 } from "lucide-react";
 
 export default function ContactPage() {
   const navItems = [
@@ -17,10 +17,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 +70,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 +78,18 @@ export default function ContactPage() {
         />
       </div>
 
-      <div id="services" data-section="services">
+      <div id="contact-form" data-section="contact-form">
-        <FeatureCardTwentyFive
+        <ContactForm
-          title="How to Reach Us"
+          title="Send us a Message"
-          description="Multiple convenient ways to get in touch with Earl Boys Services. We're ready to discuss your project and provide expert recommendations."
+          description="Fill out the form below and we'll get back to you within 24 hours with a response."
-          tag="Contact Options"
+          tag="Quick Contact"
-          tagIcon={Wrench}
+          tagIcon={Mail}
-          features={[
+          inputPlaceholder="Your email address"
-            {
+          buttonText="Send Message"
-              title: "Phone Support",              description: "Call us directly for immediate assistance and emergency service requests.",              icon: Phone,
+          termsText="We'll never share your information and respect your privacy."
-              mediaItems: [
+          onSubmit={(email) => console.log('Form submitted with email:', email)}
-                {
+          centered={true}
-                  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,
-              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/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/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/view-professional-cleaning-service-person-holding-supplies_23-2150520608.jpg",                  imageAlt: "Professional service team"
-                },
-              ],
-            },
-          ]}
-          animationType="slide-up"
-          textboxLayout="default"
           useInvertedBackground={false}
-          buttons={[
-            {
-              text: "Request Service",              href: "tel:804-938-0669"
-            },
-          ]}
-          buttonAnimation="slide-up"
         />
       </div>
 
@@ -173,8 +120,8 @@ export default function ContactPage() {
           showRating={true}
           animationType="slide-up"
           textboxLayout="default"
-          useInvertedBackground={false}
           carouselMode="buttons"
+          useInvertedBackground={false}
         />
       </div>
 
@@ -204,8 +151,8 @@ export default function ContactPage() {
           ]}
           textPosition="left"
           faqsAnimation="slide-up"
-          useInvertedBackground={false}
           animationType="smooth"
+          useInvertedBackground={false}
         />
       </div>