From bc5b20d48a78eef5cb87eea1912b358fb274b64f Mon Sep 17 00:00:00 2001 From: bender Date: Sat, 13 Jun 2026 11:21:31 +0000 Subject: [PATCH] Update src/pages/HomePage.tsx --- src/pages/HomePage.tsx | 299 ++++++++--------------------------------- 1 file changed, 54 insertions(+), 245 deletions(-) diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index 5ddbf4f..4229358 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -20,52 +20,24 @@ export default function HomePage() { title="Expert Plumbing Solutions at Your Doorstep" description="Don't let a leak ruin your day. Mitch The Plumber provides fast, professional, and guaranteed results for all your residential plumbing needs." primaryButton={{ - text: "Call Now", - href: "tel:5550123", - }} + text: "Call Now", href: "tel:5550123"}} secondaryButton={{ - text: "Get a Quote", - href: "#contact", - }} + text: "Get a Quote", href: "#contact"}} leftItems={[ - { - imageSrc: "https://images.pexels.com/photos/8486972/pexels-photo-8486972.jpeg?auto=compress&cs=tinysrgb&h=650&w=940&_wi=1", - }, - { - imageSrc: "https://images.pexels.com/photos/37480476/pexels-photo-37480476.jpeg?auto=compress&cs=tinysrgb&h=650&w=940&_wi=1", - }, - { - imageSrc: "https://images.pexels.com/photos/29226620/pexels-photo-29226620.jpeg?auto=compress&cs=tinysrgb&h=650&w=940", - }, - { - imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=3yu2wn", - }, - { - imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=bmw91b", - }, - { - imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=nokibx", - }, + { imageSrc: "https://images.pexels.com/photos/8486972/pexels-photo-8486972.jpeg?auto=compress&cs=tinysrgb&h=650&w=940" }, + { imageSrc: "https://images.pexels.com/photos/37480476/pexels-photo-37480476.jpeg?auto=compress&cs=tinysrgb&h=650&w=940" }, + { imageSrc: "https://images.pexels.com/photos/29226620/pexels-photo-29226620.jpeg?auto=compress&cs=tinysrgb&h=650&w=940" }, + { imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=3yu2wn" }, + { imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=bmw91b" }, + { imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=nokibx" }, ]} rightItems={[ - { - imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=fp99k5", - }, - { - imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=a1ng04", - }, - { - imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=qyo22n", - }, - { - imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=njlt3e", - }, - { - imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=x42dqz", - }, - { - imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=r3lb1q", - }, + { imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=fp99k5" }, + { imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=a1ng04" }, + { imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=qyo22n" }, + { imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=njlt3e" }, + { imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=x42dqz" }, + { imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=r3lb1q" }, ]} /> @@ -76,9 +48,7 @@ export default function HomePage() { @@ -91,71 +61,26 @@ export default function HomePage() { description="From emergency repairs to full system installations, we cover everything." features={[ { - title: "Residential Repair", - description: "Fast fixes for leaks, clogs, and pipe issues.", - bentoComponent: "media-stack", - mediaItems: [ - { - imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=qshuvg", - }, - { - imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=inwk01", - }, - { - imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=cam4fo", - }, + title: "Residential Repair", description: "Fast fixes for leaks, clogs, and pipe issues.", bentoComponent: "media-stack", mediaItems: [ + { imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=qshuvg" }, + { imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=inwk01" }, + { imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=cam4fo" }, ], - imageSrc: "https://images.pexels.com/photos/8486972/pexels-photo-8486972.jpeg?auto=compress&cs=tinysrgb&h=650&w=940&_wi=2", - imageAlt: "plumber fixing kitchen sink", }, { - title: "Drain Services", - description: "Deep cleaning and unclogging of all home drains.", - bentoComponent: "info-card-marquee", - infoCards: [ - { - icon: Wrench, - label: "Drain Type", - value: "All", - }, - { - icon: Clock, - label: "Response", - value: "Same Day", - }, - { - icon: Shield, - label: "Warranty", - value: "12 Month", - }, + title: "Drain Services", description: "Deep cleaning and unclogging of all home drains.", bentoComponent: "info-card-marquee", infoCards: [ + { icon: "Wrench", label: "Drain Type", value: "All" }, + { icon: "Clock", label: "Response", value: "Same Day" }, + { icon: "Shield", label: "Warranty", value: "12 Month" }, ], - imageSrc: "https://images.pexels.com/photos/37480476/pexels-photo-37480476.jpeg?auto=compress&cs=tinysrgb&h=650&w=940&_wi=2", - imageAlt: "plumber fixing kitchen sink", }, { - title: "System Upgrades", - description: "Modernizing your plumbing for efficiency.", - bentoComponent: "checklist-timeline", - heading: "Upgrade Process", - subheading: "We ensure a clean installation.", - checklistItems: [ - { - label: "Consultation", - detail: "Assessment", - }, - { - label: "Planning", - detail: "Quoting", - }, - { - label: "Execution", - detail: "Installation", - }, + title: "System Upgrades", description: "Modernizing your plumbing for efficiency.", bentoComponent: "checklist-timeline", heading: "Upgrade Process", subheading: "We ensure a clean installation.", checklistItems: [ + { label: "Consultation", detail: "Assessment" }, + { label: "Planning", detail: "Quoting" }, + { label: "Execution", detail: "Installation" }, ], - completedLabel: "Done", - imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=iwctpc&_wi=1", - imageAlt: "plumber fixing kitchen sink", - }, + completedLabel: "Done"}, ]} /> @@ -168,48 +93,13 @@ export default function HomePage() { title="Professional Plumbing Offerings" description="We use the highest quality equipment for long-lasting results." items={[ - { - title: "Pipe Installation", - description: "New pipe systems expertly installed.", - href: "#", - imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=iwctpc&_wi=2", - }, - { - title: "Heater Maintenance", - description: "Ensuring your water is always warm.", - href: "#", - imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=yceprp", - }, - { - title: "Drain Cleaning", - description: "Professional drainage system clear-out.", - href: "#", - imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=u8us79", - }, - { - title: "Toilet Repair", - description: "Fixing common toilet plumbing issues.", - href: "#", - imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=7btfqw", - }, - { - title: "Faucet Upgrade", - description: "Enhancing kitchen and bath fixtures.", - href: "#", - imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=8ixqbw", - }, - { - title: "Shower Systems", - description: "Premium shower installation services.", - href: "#", - imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=f0o5oi", - }, - { - title: "Boiler Upgrade", - description: "Efficient energy upgrades for homes.", - href: "#", - imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=jwe1tr", - }, + { title: "Pipe Installation", description: "New pipe systems expertly installed.", href: "#", imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=iwctpc" }, + { title: "Heater Maintenance", description: "Ensuring your water is always warm.", href: "#", imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=yceprp" }, + { title: "Drain Cleaning", description: "Professional drainage system clear-out.", href: "#", imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=u8us79" }, + { title: "Toilet Repair", description: "Fixing common toilet plumbing issues.", href: "#", imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=7btfqw" }, + { title: "Faucet Upgrade", description: "Enhancing kitchen and bath fixtures.", href: "#", imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=8ixqbw" }, + { title: "Shower Systems", description: "Premium shower installation services.", href: "#", imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=f0o5oi" }, + { title: "Boiler Upgrade", description: "Efficient energy upgrades for homes.", href: "#", imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=jwe1tr" }, ]} /> @@ -223,36 +113,12 @@ export default function HomePage() { description="Honest pricing for reliable residential work." plans={[ { - tag: "Standard", - price: "$99", - period: "/hr", - description: "General repair and inspection services.", - primaryButton: { - text: "Book Now", - href: "#contact", - }, - featuresTitle: "Includes:", - features: [ - "On-site inspection", - "Minor adjustments", - "Cleaning", - ], + tag: "Standard", price: "$99", period: "/hr", description: "General repair and inspection services.", primaryButton: { text: "Book Now", href: "#contact" }, + featuresTitle: "Includes:", features: ["On-site inspection", "Minor adjustments", "Cleaning"], }, { - tag: "Emergency", - price: "$180", - period: "/hr", - description: "Urgent repairs outside standard hours.", - primaryButton: { - text: "Book Now", - href: "#contact", - }, - featuresTitle: "Includes:", - features: [ - "Priority response", - "Diagnostic report", - "Full repair", - ], + tag: "Emergency", price: "$180", period: "/hr", description: "Urgent repairs outside standard hours.", primaryButton: { text: "Book Now", href: "#contact" }, + featuresTitle: "Includes:", features: ["Priority response", "Diagnostic report", "Full repair"], }, ]} /> @@ -266,18 +132,9 @@ export default function HomePage() { title="Why Trust Our Plumbing?" description="Our experience speaks for itself." metrics={[ - { - value: "15+", - description: "Years Experience", - }, - { - value: "2000+", - description: "Projects Completed", - }, - { - value: "100%", - description: "Satisfaction Guarantee", - }, + { value: "15+", description: "Years Experience" }, + { value: "2000+", description: "Projects Completed" }, + { value: "100%", description: "Satisfaction Guarantee" }, ]} /> @@ -290,41 +147,11 @@ export default function HomePage() { title="Trusted by Homeowners" description="See why our neighbors trust us with their repairs." testimonials={[ - { - name: "Sarah J.", - role: "Homeowner", - company: "Local Resident", - rating: 5, - imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=ldlqs8", - }, - { - name: "Mike D.", - role: "Real Estate Agent", - company: "Property Group", - rating: 5, - imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=auas3k", - }, - { - name: "Alice K.", - role: "Small Business Owner", - company: "Coffee Shop", - rating: 5, - imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=to58ow", - }, - { - name: "David W.", - role: "Homeowner", - company: "Client", - rating: 5, - imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=5gu65y", - }, - { - name: "Jennifer L.", - role: "Property Manager", - company: "Apartments", - rating: 5, - imageSrc: "https://images.pexels.com/photos/5691473/pexels-photo-5691473.jpeg?auto=compress&cs=tinysrgb&h=650&w=940", - }, + { name: "Sarah J.", role: "Homeowner", company: "Local Resident", rating: 5, imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=ldlqs8" }, + { name: "Mike D.", role: "Real Estate Agent", company: "Property Group", rating: 5, imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=auas3k" }, + { name: "Alice K.", role: "Small Business Owner", company: "Coffee Shop", rating: 5, imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=to58ow" }, + { name: "David W.", role: "Homeowner", company: "Client", rating: 5, imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=5gu65y" }, + { name: "Jennifer L.", role: "Property Manager", company: "Apartments", rating: 5, imageSrc: "https://images.pexels.com/photos/5691473/pexels-photo-5691473.jpeg?auto=compress&cs=tinysrgb&h=650&w=940" }, ]} /> @@ -337,22 +164,10 @@ export default function HomePage() { title="Common Plumbing Questions" description="Answers to help you know what to expect." items={[ - { - question: "What is an emergency?", - answer: "Major leaks, sewage backups, or heating failures.", - }, - { - question: "How fast are you?", - answer: "We aim for same-day service for urgent issues.", - }, - { - question: "Are you licensed?", - answer: "Yes, we are fully licensed and insured.", - }, - { - question: "What areas do you serve?", - answer: "We serve the entire metro area.", - }, + { question: "What is an emergency?", answer: "Major leaks, sewage backups, or heating failures." }, + { question: "How fast are you?", answer: "We aim for same-day service for urgent issues." }, + { question: "Are you licensed?", answer: "Yes, we are fully licensed and insured." }, + { question: "What areas do you serve?", answer: "We serve the entire metro area." }, ]} /> @@ -363,17 +178,11 @@ export default function HomePage() { ); -} +} \ No newline at end of file -- 2.49.1