Update src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -3,23 +3,19 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
 import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
-import SplitAbout from "@/components/sections/about/SplitAbout";
+import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
-import { Phone, Mail, MapPin, Clock } from "lucide-react";
+import { Phone, MapPin, Clock } from "lucide-react";
 
 export default function ContactPage() {
   const navItems = [
     { name: "Home", id: "/" },
     { name: "Services", id: "/services" },
     { name: "About", id: "/about" },
-    { name: "Reviews", id: "/contact" },
+    { name: "Reviews", id: "/" },
     { name: "Contact", id: "/contact" },
   ];
 
-  const handleContactSubmit = (data: Record<string, string>) => {
-    console.log("Contact form submitted:", data);
-  };
-
   return (
     <ThemeProvider
       defaultButtonVariant="hover-bubble"
@@ -37,15 +33,15 @@ export default function ContactPage() {
         <NavbarStyleFullscreen
           navItems={navItems}
           brandName="Escalus Fairfield Plumbing"
-          bottomLeftText="Fairfield, CT 06820"
-          bottomRightText="(203) 555-0147"
+          bottomLeftText="Fairfield, CT 06825"
+          bottomRightText="(203) 670-0673"
         />
       </div>
 
       <div id="contact-form" data-section="contact-form">
         <ContactSplitForm
-          title="Get Your Plumbing Fixed Today"
-          description="Contact us for emergency repairs, routine maintenance, or to schedule a service appointment. We'll respond quickly to all inquiries."
+          title="Request Plumbing Service"
+          description="Fill out the form below and we'll get back to you as soon as possible. For emergencies, call us directly at (203) 670-0673."
           inputs={[
             { name: "name", type: "text", placeholder: "Your Name", required: true },
             { name: "phone", type: "tel", placeholder: "Your Phone Number", required: true },
@@ -53,53 +49,30 @@ export default function ContactPage() {
             { name: "address", type: "text", placeholder: "Service Address", required: true },
           ]}
           textarea={{
-            name: "message",
-            placeholder: "Describe your plumbing issue or service request...",
-            rows: 5,
+            name: "message",            placeholder: "Describe your plumbing issue or service request...",            rows: 5,
             required: true,
           }}
           useInvertedBackground={false}
-          imageSrc="http://img.b2bpic.net/free-photo/healthcare-expert-wearing-headset-while-working-call-center-giving-instructions-patients_637285-4888.jpg?_wi=2"
-          imageAlt="Emergency plumbing service"
+          imageSrc="https://images.unsplash.com/photo-1552664730-d307ca884978?w=600&h=600&fit=crop"
+          imageAlt="Customer service"
           mediaAnimation="slide-up"
           mediaPosition="right"
           buttonText="Request Service"
-          onSubmit={handleContactSubmit}
         />
       </div>
 
       <div id="contact-info" data-section="contact-info">
-        <SplitAbout
-          title="Get In Touch With Us"
-          description="Multiple ways to reach Escalus Fairfield Plumbing. Whether it's an emergency or a routine inquiry, we're here to help you."
-          tag="Contact Information"
-          textboxLayout="default"
-          useInvertedBackground={true}
-          bulletPoints={[
-            {
-              icon: Phone,
-              title: "Emergency Phone",
-              description: "(203) 555-0147 - Available 24/7 for urgent plumbing emergencies.",
-            },
-            {
-              icon: Mail,
-              title: "Email",
-              description: "service@escalusplumbing.com - For non-urgent inquiries and quotes.",
-            },
-            {
-              icon: MapPin,
-              title: "Service Area",
-              description: "Fairfield, Connecticut and surrounding communities within 15 miles.",
-            },
-            {
-              icon: Clock,
-              title: "Hours",
-              description: "24/7 emergency service. Regular service hours: Monday-Friday 7AM-6PM, Saturday 8AM-4PM.",
-            },
+        <ContactCTA
+          tag="Business Information"
+          tagIcon={Phone}
+          title="Get in Touch"
+          description="Escalus Fairfield Plumbing is available 24/7 for all your plumbing needs. Call us anytime for emergency services or to schedule a service appointment."
+          buttons={[
+            { text: "Call (203) 670-0673", href: "tel:+12036700673" },
+            { text: "Visit Address", href: "https://maps.google.com/?q=109+Tunxis+Hill+Rd+Fairfield+CT+06825" },
           ]}
-          imageSrc="http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990698.jpg"
-          imageAlt="Professional plumber at work"
-          mediaAnimation="slide-up"
+          background={{ variant: "plain" }}
+          useInvertedBackground={true}
         />
       </div>
 
@@ -112,4 +85,4 @@ export default function ContactPage() {
       </div>
     </ThemeProvider>
   );
-}
+}