From 6148a240ca358134d043ab76a9bb10b3ef8717f7 Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 3 Mar 2026 18:40:26 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 60 +++++++++++++++++++++++++++++++++++++----------- 1 file changed, 46 insertions(+), 14 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 995c5ae..18f4ae0 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -12,6 +12,17 @@ import ContactSplit from "@/components/sections/contact/ContactSplit"; import FooterSimple from "@/components/sections/footer/FooterSimple"; import { Award, Wrench, TrendingUp, Star, Clock, Shield } from "lucide-react"; +const handlePhoneCall = (phoneNumber: string) => { + window.location.href = `tel:${phoneNumber}`; +}; + +const handleEstimateRequest = () => { + const contactSection = document.getElementById("contact"); + if (contactSection) { + contactSection.scrollIntoView({ behavior: "smooth" }); + } +}; + export default function LandingPage() { return ( handlePhoneCall("(305)273-8788") }} animateOnLoad={true} className="bg-white shadow-sm" @@ -54,8 +65,8 @@ export default function LandingPage() { tagIcon={Award} background={{ variant: "plain" }} buttons={[ - { text: "Call Now – (305) 273-8788", href: "tel:(305)273-8788" }, - { text: "Request a Free Estimate", href: "#contact" } + { text: "Call Now – (305) 273-8788", onClick: () => handlePhoneCall("(305)273-8788") }, + { text: "Request a Free Estimate", onClick: handleEstimateRequest } ]} imageSrc="http://img.b2bpic.net/free-photo/wrench-flexible-connector-dark-table_23-2147772298.jpg?_wi=1" imageAlt="Professional plumbing team in Miami" @@ -78,27 +89,39 @@ export default function LandingPage() { features={[ { id: 1, - tag: "24/7 Emergency", title: "Emergency Plumbing", subtitle: "Available around the clock", description: "Need urgent plumbing help? Our emergency team responds quickly to leaks, burst pipes, and other critical issues. Same-day service available.", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-repair-service_181624-27146.jpg", imageAlt: "Emergency plumbing service" + tag: "24/7 Emergency", title: "Emergency Plumbing", subtitle: "Available around the clock", description: "Need urgent plumbing help? Our emergency team responds quickly to leaks, burst pipes, and other critical issues. Same-day service available.", imageSrc: "http://img.b2bpic.net/free-photo/plumbing-repair-service_181624-27146.jpg", imageAlt: "Emergency plumbing service", buttons: [ + { text: "Call Now", onClick: () => handlePhoneCall("(305)273-8788") } + ] }, { id: 2, - tag: "Detection Technology", title: "Leak Detection", subtitle: "Find hidden leaks fast", description: "Using advanced detection technology, we identify leaks behind walls and underground without destructive digging. Accurate, efficient, and affordable.", imageSrc: "http://img.b2bpic.net/free-photo/male-worker-operating-machinery-factory_107420-96043.jpg", imageAlt: "Professional leak detection" + tag: "Detection Technology", title: "Leak Detection", subtitle: "Find hidden leaks fast", description: "Using advanced detection technology, we identify leaks behind walls and underground without destructive digging. Accurate, efficient, and affordable.", imageSrc: "http://img.b2bpic.net/free-photo/male-worker-operating-machinery-factory_107420-96043.jpg", imageAlt: "Professional leak detection", buttons: [ + { text: "Get Estimate", onClick: handleEstimateRequest } + ] }, { id: 3, - tag: "Maintenance", title: "Drain Cleaning", subtitle: "Clear clogs completely", description: "Our high-pressure drain cleaning removes buildup, grease, and debris. Keep your drains flowing smoothly with professional maintenance.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-asian-plumber-sitting-floor-repairing-kitchen-sink_1098-17780.jpg", imageAlt: "Drain cleaning service" + tag: "Maintenance", title: "Drain Cleaning", subtitle: "Clear clogs completely", description: "Our high-pressure drain cleaning removes buildup, grease, and debris. Keep your drains flowing smoothly with professional maintenance.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-asian-plumber-sitting-floor-repairing-kitchen-sink_1098-17780.jpg", imageAlt: "Drain cleaning service", buttons: [ + { text: "Schedule Service", onClick: handleEstimateRequest } + ] }, { id: 4, - tag: "Installation & Repair", title: "Water Heater Service", subtitle: "Hot water when you need it", description: "From repairs to full replacements, we service all water heater types. Professional installation ensures optimal performance and efficiency.", imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334225.jpg", imageAlt: "Water heater installation and repair" + tag: "Installation & Repair", title: "Water Heater Service", subtitle: "Hot water when you need it", description: "From repairs to full replacements, we service all water heater types. Professional installation ensures optimal performance and efficiency.", imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334225.jpg", imageAlt: "Water heater installation and repair", buttons: [ + { text: "Call Now", onClick: () => handlePhoneCall("(305)273-8788") } + ] }, { id: 5, - tag: "Specialist Service", title: "Gas Line Services", subtitle: "Licensed and certified", description: "Safe gas line installation, repair, and inspection. All work performed to code by certified specialists. Your safety is our priority.", imageSrc: "http://img.b2bpic.net/free-photo/man-looks-faucet-pipes-valve-pressure-meter_169016-14812.jpg", imageAlt: "Professional gas line service" + tag: "Specialist Service", title: "Gas Line Services", subtitle: "Licensed and certified", description: "Safe gas line installation, repair, and inspection. All work performed to code by certified specialists. Your safety is our priority.", imageSrc: "http://img.b2bpic.net/free-photo/man-looks-faucet-pipes-valve-pressure-meter_169016-14812.jpg", imageAlt: "Professional gas line service", buttons: [ + { text: "Get Estimate", onClick: handleEstimateRequest } + ] }, { id: 6, - tag: "Cast Iron Expert", title: "Pipe Replacement", subtitle: "Includes cast iron specialist", description: "We specialize in cast iron pipe replacement and repair. Modern materials with expert installation for long-lasting reliability.", imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990725.jpg", imageAlt: "Cast iron pipe replacement" + tag: "Cast Iron Expert", title: "Pipe Replacement", subtitle: "Includes cast iron specialist", description: "We specialize in cast iron pipe replacement and repair. Modern materials with expert installation for long-lasting reliability.", imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990725.jpg", imageAlt: "Cast iron pipe replacement", buttons: [ + { text: "Schedule Service", onClick: handleEstimateRequest } + ] } ]} textboxLayout="default" @@ -134,7 +157,7 @@ export default function LandingPage() { imageSrc="http://img.b2bpic.net/free-photo/wrench-flexible-connector-dark-table_23-2147772298.jpg?_wi=2" imageAlt="All Dade Plumbing team" buttons={[ - { text: "Schedule Service Today", href: "#contact" } + { text: "Schedule Service Today", onClick: handleEstimateRequest } ]} useInvertedBackground={false} className="py-20 md:py-28" @@ -153,7 +176,13 @@ export default function LandingPage() { { src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Customer Michael" }, { src: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg", alt: "Customer Emily" }, { src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Customer David" }, - { src: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg", alt: "Customer Jessica" } + { src: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg", alt: "Customer Jessica" }, + { src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Customer Robert" }, + { src: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg", alt: "Customer Patricia" }, + { src: "http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg", alt: "Customer Lisa" }, + { src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Customer James" }, + { src: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg", alt: "Customer Christopher" }, + { src: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg", alt: "Customer Mark" } ]} ratingAnimation="slide-up" avatarsAnimation="slide-up" @@ -196,7 +225,7 @@ export default function LandingPage() { title="Need a Plumber in Miami Today?" description="Same-day service available. Our experienced technicians are ready to solve your plumbing problems right now. Call us for fast, professional, and affordable plumbing solutions." buttons={[ - { text: "Call (305) 273-8788 Now", href: "tel:(305)273-8788" } + { text: "Call (305) 273-8788 Now", onClick: () => handlePhoneCall("(305)273-8788") } ]} useInvertedBackground={true} className="py-20 md:py-28 bg-blue-600 text-white" @@ -218,8 +247,11 @@ export default function LandingPage() { mediaAnimation="slide-up" mediaPosition="right" inputPlaceholder="Enter your email" - buttonText="Subscribe" + buttonText="Request Estimate" termsText="We respect your privacy. Your information is secure with us." + onSubmit={(email) => { + console.log("Estimate request from:", email); + }} tagAnimation="slide-up" className="py-20 md:py-28" containerClassName="max-w-6xl mx-auto px-4" @@ -247,7 +279,7 @@ export default function LandingPage() { }, { title: "Contact", items: [ - { label: "Call: (305) 273-8788", href: "tel:(305)273-8788" }, + { label: "Call: (305) 273-8788", onClick: () => handlePhoneCall("(305)273-8788") }, { label: "12225 SW 128th St Unit #111", href: "#" }, { label: "Miami, FL 33186", href: "#" }, { label: "Open – Closes 5 PM", href: "#" }