diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index f465e19..957e663 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -61,7 +61,8 @@ export default function AboutPage() { brandName="Spot On Plumbing" navItems={navItems} button={{ - text: "Schedule Service", href: "/contact"}} + text: "Schedule Service", href: "/contact" + }} className="bg-opacity-90 backdrop-blur-md" buttonClassName="bg-[var(--primary-cta)] text-[var(--primary-cta-text)] hover:opacity-90" buttonTextClassName="font-semibold" @@ -75,7 +76,7 @@ export default function AboutPage() { tag="Our Story" tagIcon={Award} tagAnimation="slide-up" - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=03ifi9" + imageSrc="https://images.unsplash.com/photo-1585771724684-38269d6639fd?w=800&h=600&fit=crop" imageAlt="Spot On Plumbing team of expert technicians" useInvertedBackground={true} buttons={[ @@ -101,16 +102,20 @@ export default function AboutPage() { features={[ { id: 1, - title: "Professional Excellence", description: "Every technician is licensed, trained, and committed to the highest standards of workmanship.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d3s44i", imageAlt: "Professional plumbing expertise"}, + title: "Professional Excellence", description: "Every technician is licensed, trained, and committed to the highest standards of workmanship.", imageSrc: "https://images.unsplash.com/photo-1585771724684-38269d6639fd?w=400&h=300&fit=crop", imageAlt: "Professional plumbing expertise" + }, { id: 2, - title: "Local Community", description: "We're proud to be part of the Tulsa community. We understand our neighbors and serve them with respect.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8gfiwh", imageAlt: "Local Tulsa plumbing service"}, + title: "Local Community", description: "We're proud to be part of the Tulsa community. We understand our neighbors and serve them with respect.", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=400&h=300&fit=crop", imageAlt: "Local Tulsa plumbing service" + }, { id: 3, - title: "Customer First", description: "Your satisfaction is our guarantee. We listen, communicate clearly, and deliver results you can trust.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=73ih8j", imageAlt: "Customer-focused service"}, + title: "Customer First", description: "Your satisfaction is our guarantee. We listen, communicate clearly, and deliver results you can trust.", imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=400&h=300&fit=crop", imageAlt: "Customer-focused service" + }, { id: 4, - title: "Honest Pricing", description: "No hidden fees. We provide upfront estimates and stand behind our pricing every time.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7x2jvq", imageAlt: "Transparent plumbing pricing"}, + title: "Honest Pricing", description: "No hidden fees. We provide upfront estimates and stand behind our pricing every time.", imageSrc: "https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?w=400&h=300&fit=crop", imageAlt: "Transparent plumbing pricing" + } ]} className="py-20" containerClassName="max-w-6xl" @@ -138,4 +143,4 @@ export default function AboutPage() { ); -} +} \ No newline at end of file diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx index 7b33de0..008fdfb 100644 --- a/src/app/contact/page.tsx +++ b/src/app/contact/page.tsx @@ -19,10 +19,12 @@ export default function ContactPage() { const navItemsWithLinks = navItems.map((item) => { const routeMap: Record = { - home: "/", services: "/services", about: "/about", contact: "/contact"}; + home: "/", services: "/services", about: "/about", contact: "/contact" + }; return { ...item, - href: routeMap[item.id] || "/"}; + href: routeMap[item.id] || "/" + }; }); const footerColumns = [ @@ -119,17 +121,17 @@ export default function ContactPage() { animationType="slide-up" metrics={[ { - id: "1", value: "24/7", title: "Emergency Service", description: "Available around the clock for plumbing emergencies.", icon: Clock, + id: "1", value: "24/7", title: "Emergency Service", description: "Available around the clock for plumbing emergencies.", icon: Clock }, { - id: "2", value: "(918) 555-PLUMB", title: "Phone", description: "Call us anytime for immediate assistance.", icon: Phone, + id: "2", value: "(918) 555-PLUMB", title: "Phone", description: "Call us anytime for immediate assistance.", icon: Phone }, { - id: "3", value: "service@spotonplumbing.com", title: "Email", description: "Send us details about your plumbing needs.", icon: Mail, + id: "3", value: "service@spotonplumbing.com", title: "Email", description: "Send us details about your plumbing needs.", icon: Mail }, { - id: "4", value: "Tulsa, OK", title: "Location", description: "Serving Tulsa and surrounding areas.", icon: MapPin, - }, + id: "4", value: "Tulsa, OK", title: "Location", description: "Serving Tulsa and surrounding areas.", icon: MapPin + } ]} className="py-20" containerClassName="max-w-5xl" diff --git a/src/app/page.tsx b/src/app/page.tsx index 337b78a..48dfca5 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -66,7 +66,8 @@ export default function HomePage() { brandName="Spot On Plumbing" navItems={navItems} button={{ - text: "Schedule Service", href: "/contact"}} + text: "Schedule Service", href: "/contact" + }} className="bg-opacity-90 backdrop-blur-md" buttonClassName="bg-[var(--primary-cta)] text-[var(--primary-cta-text)] hover:opacity-90" buttonTextClassName="font-semibold" @@ -86,7 +87,7 @@ export default function HomePage() { { text: "Call Now", href: "tel:+1-918-555-7586" }, ]} buttonAnimation="slide-up" - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=03ifi9" + imageSrc="https://images.unsplash.com/photo-1585771724684-38269d6639fd?w=800&h=600&fit=crop" imageAlt="Professional plumber working on residential plumbing service" mediaAnimation="blur-reveal" className="w-full" @@ -103,7 +104,8 @@ export default function HomePage() {