PageSourceSearch

https://gardnerplumbingco.com/contact-us

html gardnerplumbingco.com collected 2026-10-06 00:25:58 UTC 123,481 bytes, 32 lines download raw bytes

1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" href="/gardner_logo.webp"/><link rel="stylesheet" href="/_next/static/chunks/f4f8e1dbd8795ef8.css?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/bd0aa1786247ff95.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko"/>
1<script src="/_next/static/chunks/b05d31e33149187f.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko" async=""></script>
1<script src="/_next/static/chunks/855558d7c12ac399.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko" async=""></script>
1<script src="/_next/static/chunks/34d68c582c969d4a.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko" async=""></script>
1<script src="/_next/static/chunks/turbopack-a899faffff5c96ec.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko" async=""></script>
1<script src="/_next/static/chunks/6e73e0e2c0966208.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko" async=""></script>
1<script src="/_next/static/chunks/b0ed935196859677.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko" async=""></script>
1<script src="/_next/static/chunks/c7f862e62ebddbfe.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko" async=""></script>
1<script src="/_next/static/chunks/ff1a16fafef87110.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko" async=""></script>
1<script src="/_next/static/chunks/caa4ba11518638d8.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko" async=""></script>
1<script src="/_next/static/chunks/b46a2f1398956653.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko" async=""></script>
1<script src="/_next/static/chunks/ad0f081119892a76.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko" async=""></script>
1<script src="/_next/static/chunks/1dd586a62d188782.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko" async=""></script>
1<script src="/_next/static/chunks/fb175b837c47c0e8.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko" async=""></script>
1<link rel="preload" href="https://www.googletagmanager.com/gtag/js?id=G-Z0JKSKHPR3" as="script"/><link rel="preload" href="https://www.google.com/recaptcha/enterprise.js?render=6LeEL0QsAAAAAOdOJFRc9PxAimmuVchWMVZjBcBk" as="script"/><link rel="preload" href="https://link.tdmarketinggroup.com/js/external-tracking.js" as="script"/><link rel="preload" href="https://acsbapp.com/apps/app/dist/js/app.js" as="script"/><title>Contact Us | Gardner Plumbing Co.</title><meta name="description" content="Get in touch with Gardner Plumbing Co. for all your plumbing needs in Riverside County. 24/7 emergency service available."/><meta name="keywords" content="plumbing services,Riverside County plumber,water heater repair,drain cleaning,emergency plumber,Temecula plumber,Murrieta plumber"/><meta name="robots" content="index, follow"/><meta name="googlebot" content="index, follow, max-image-preview:large, max-snippet:-1"/><link rel="canonical" href="https://gardnerplumbingco.com/contact-us"/><meta name="google-site-verification" content="Ji8WKO1-htmsFEGwW2zGn19UbNqnWxM1v4q6EN4-Pok"/><meta property="og:title" content="Contact Us | Gardner Plumbing Co."/><meta property="og:description" content="Get in touch with Gardner Plumbing Co. for all your plumbing needs. 24/7 service available."/><meta property="og:url" content="https://gardnerplumbingco.com/contact-us"/><meta property="og:image" content="https://gardnerplumbingco.com/gardner_logo.webp"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Contact Us | Gardner Plumbing Co."/><meta name="twitter:description" content="Get in touch with Gardner Plumbing Co. for all your plumbing needs. 24/7 service available."/><meta name="twitter:image" content="https://gardnerplumbingco.com/gardner_logo.webp"/><link rel="icon" href="/favicon.ico?favicon.da43f60d.ico" sizes="48x48" type="image/x-icon"/>
1<script>(self.__next_s=self.__next_s||[]).push([0,{"type":"application/ld+json","children":"{\"@context\":\"https://schema.org\",\"@type\":\"Plumber\",\"name\":\"Gardner Plumbing Co.\",\"image\":\"https://gardnerplumbingco.com/gardner_logo.webp\",\"url\":\"https://gardnerplumbingco.com\",\"telephone\":\"+1-951-246-4337\",\"priceRange\":\"$$\",\"address\":{\"@type\":\"PostalAddress\",\"addressLocality\":\"Murrieta\",\"addressRegion\":\"CA\",\"addressCountry\":\"US\"},\"areaServed\":[\"Banning\",\"Beaumont\",\"Calimesa\",\"Cathedral City\",\"Cherry Valley\",\"Corona\",\"Eastvale\",\"Garnet\",\"Hemet\",\"Jurupa Valley\",\"Lake Elsinore\",\"Menifee\",\"Mentone\",\"Moreno Valley\",\"Murrieta\",\"North Palm Springs\",\"Palm Springs\",\"Palm Desert\",\"Pedley\",\"Perris\",\"Redlands\",\"Riverside\",\"San Jacinto\",\"Temecula\",\"Yucaipa\"],\"geo\":{\"@type\":\"GeoCoordinates\",\"latitude\":33.4936,\"longitude\":-117.1484},\"openingHoursSpecification\":[{\"@type\":\"OpeningHoursSpecification\",\"dayOfWeek\":[\"Monday\",\"Tuesday\",\"Wednesday\",\"Thursday\",\"Friday\",\"Saturday\",\"Sunday\"],\"opens\":\"00:00\",\"closes\":\"23:59\"}],\"sameAs\":[\"https://www.facebook.com/gardnerplumbingco\",\"https://www.google.com/search?q=Gardner+Plumbing+Company\"],\"aggregateRating\":{\"@type\":\"AggregateRating\",\"ratingValue\":\"4.9\",\"reviewCount\":\"900\",\"bestRating\":\"5\",\"worstRating\":\"1\"},\"description\":\"Reliable plumbing services in Riverside County for over 30 years. Licensed, insured, and available 24/7 for emergency plumbing services.\",\"paymentAccepted\":\"Cash, Credit Card, Check, Financing Available\",\"currenciesAccepted\":\"USD\",\"hasOfferCatalog\":{\"@type\":\"OfferCatalog\",\"name\":\"Plumbing Services\",\"itemListElement\":[{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"Emergency Plumbing Services\",\"description\":\"24/7 emergency plumbing repair and service\"}},{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"Water Heater Service\",\"description\":\"Water heater repair, replacement, and installation\"}},{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"Drain Cleaning\",\"description\":\"Professional drain cleaning and clog removal\"}},{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"Leak Detection\",\"description\":\"Advanced leak detection and repair services\"}}]}}","id":"local-business-schema"}])</script>
1<noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1187663253533257&amp;ev=PageView&amp;noscript=1" alt=""/></noscript>
1<script src="/_next/static/chunks/a6dad97d9634a72d.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko" noModule=""></script>
1</head><body class="bg-background text-foreground antialiased min-h-screen"><div hidden=""><!--$--><!--/$--></div><div class="relative overflow-hidden text-white py-1 sm:py-1.5 lg:py-2 px-2 sm:px-4 m-0" style="background:linear-gradient(90deg, #8B0000 0%, #DC2626 100%);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.3),
2            inset 0 -1px 0 rgba(0, 0, 0, 0.2),
3            0 2px 4px rgba(139, 0, 0, 0.3)"><div class="absolute inset-0 opacity-40" style="background:linear-gradient(90deg,
4              transparent 0%,
5              rgba(255, 255, 255, 0.2) 30%,
6              rgba(255, 255, 255, 0.4) 50%,
7              rgba(255, 255, 255, 0.2) 70%,
8              transparent 100%
9            )"></div><div class="relative max-w-7xl mx-auto px-2 sm:px-4 lg:px-8"><div class="flex items-center justify-between text-[10px] sm:text-xs lg:text-sm"><div class="flex items-center gap-2 sm:gap-3 lg:gap-6"><div class="flex items-center gap-1 sm:gap-2"><a href="/services/plumbing/emergency-service" aria-label="24/7 Emergency Service"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-2.5 w-2.5 sm:h-3 sm:w-3 lg:h-4 lg:w-4 drop-shadow-sm"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg></a><a href="/services/plumbing/emergency-service" class="font-medium drop-shadow-sm text-[10px] sm:text-xs lg:text-sm">24/7 Emergency Service</a></div><a href="/reviews" class="hidden md:flex items-center gap-1.5 font-medium drop-shadow-sm text-[10px] sm:text-xs lg:text-sm hover:text-white/90 transition-colors" aria-label="Rated 4.9 on Google"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="h-3 w-3 lg:h-3.5 lg:w-3.5 shrink-0"><path d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z" fill="#fff"></path><path d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.99.66-2.25 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" fill="#fff"></path><path d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z" fill="#fff"></path><path d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" fill="#fff"></path></svg><span>4.9<!-- -->★ Google Rated</span></a></div><div class="flex items-center gap-2 sm:gap-4"><div class="hidden sm:flex items-center gap-1 sm:gap-2"><a href="/reviews" aria-label="Service Area"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-2.5 w-2.5 sm:h-3 sm:w-3 lg:h-4 lg:w-4"><path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z"></path><circle cx="12" cy="10" r="3"></circle></svg></a><a href="#service-area" class="hidden md:inline text-xs lg:text-sm">Serving Greater Riverside Area</a><a href="#service-area" class="md:hidden text-xs">Local Service</a></div><div class="flex items-center gap-0.5 sm:gap-1 lg:gap-2 font-medium"><a href="tel:9512464337" aria-label="Call (951) 246-4337"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-2.5 w-2.5 sm:h-3 sm:w-3 lg:h-4 lg:w-4"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg></a><a href="tel:9512464337" class="text-[10px] sm:text-xs lg:text-sm">(951) 246-4337</a></div></div></div></div></div><header class="relative text-white shadow-luxury sticky top-0 z-50 m-0" style="background:linear-gradient(145deg, #202020 0%, #1a1a1a 50%, #111827 100%)"><div class="absolute inset-0 opacity-10" style="background-image:radial-gradient(circle at 20% 80%, rgba(220, 38, 38, 0.1) 0%, transparent 50%),
10              radial-gradient(circle at 80% 20%, rgba(220, 38, 38, 0.1) 0%, transparent 50%),
11              radial-gradient(circle at 40% 40%, rgba(255, 255, 255, 0.05) 0%, transparent 50%)"></div><nav class="relative z-50 py-2 sm:py-3 lg:py-4 m-0 backdrop-blur-sm" style="border-bottom:1px solid rgba(255, 255, 255, 0.03);box-shadow:0 1px 3px rgba(0, 0, 0, 0.1),
12              0 8px 32px rgba(0, 0, 0, 0.15),
13              inset 0 -1px 0 rgba(255, 255, 255, 0.05)"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="flex justify-between items-center"><div class="flex items-center hover-lift"><a href="/" aria-label="Go to homepage"><img src="/gardner_logo.webp" alt="Gardner Plumbing Co. logo" class="h-12 sm:h-15 lg:h-14 xl:h-16 w-auto drop-shadow-lg"/></a></div><div class="hidden lg:flex items-center space-x-8"><div class="group"><a href="/about-us" class="flex items-center gap-1 text-white hover:text-red-400 font-medium transition-all duration-300 hover-lift drop-shadow-sm py-4 px-1">About Us<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 transition-transform duration-300" style="transform:rotate(0deg)"><path d="m6 9 6 6 6-6"></path></svg></a></div><div class="group"><a href="/services" class="flex items-center gap-1 text-white hover:text-red-400 font-medium transition-all duration-300 hover-lift drop-shadow-sm py-4 px-1">Plumbing<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 transition-transform duration-300" style="transform:rotate(0deg)"><path d="m6 9 6 6 6-6"></path></svg></a></div><div class="group"><a href="/services/hvac" class="flex items-center gap-1 text-white hover:text-red-400 font-medium transition-all duration-300 hover-lift drop-shadow-sm py-4 px-1">HVAC<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 transition-transform duration-300" style="transform:rotate(0deg)"><path d="m6 9 6 6 6-6"></path></svg></a></div><div class="group"><a href="/services/electrical" class="flex items-center gap-1 text-white hover:text-red-400 font-medium transition-all duration-300 hover-lift drop-shadow-sm py-4 px-1">Electrical<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 transition-transform duration-300" style="transform:rotate(0deg)"><path d="m6 9 6 6 6-6"></path></svg></a></div><a href="/contact-us" class="text-white hover:text-red-400 font-medium transition-all duration-300 hover-lift drop-shadow-sm">Contact</a></div><div class="lg:hidden flex items-center"><button class="p-2 text-white hover:text-red-400"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6"><line x1="4" x2="20" y1="12" y2="12"></line><line x1="4" x2="20" y1="6" y2="6"></line><line x1="4" x2="20" y1="18" y2="18"></line></svg></button></div></div></div></nav></header><main>
13<div class="bg-background text-foreground min-h-screen"><main><div class="min-h-screen"><section class="py-16 sm:py-20 lg:py-28 relative overflow-hidden"><div class="absolute inset-0"><div class="absolute inset-0" style="background:radial-gradient(ellipse at center, #1f2937 0%, #111827 50%, #000000 100%),
14          linear-gradient(135deg, #202020 0%, #374151 50%, #1f2937 100%)"></div><div class="absolute inset-0 opacity-15" style="background-image:radial-gradient(circle at 20% 80%, rgba(220, 38, 38, 0.1) 0%, transparent 50%),
15          radial-gradient(circle at 80% 20%, rgba(220, 38, 38, 0.1) 0%, transparent 50%),
16          radial-gradient(circle at 40% 40%, rgba(255, 255, 255, 0.05) 0%, transparent 50%)"></div></div><div class="relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><nav class="mb-6"><div class="flex items-center space-x-2 text-sm text-gray-400"><nav class="mb-6"><div class="flex items-center space-x-2 text-sm text-gray-400"><div class="flex items-center space-x-2"><a class="hover:text-white transition" href="/">Home</a><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div><div class="flex items-center space-x-2"><span class="text-red-400">Contact Us</span></div></div></nav></div></nav><div class="grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-16 items-start"><div class="text-left animate-fade-in"><div class="mb-6"><div class="inline-flex items-center gap-3 px-6 py-3 bg-gradient-to-r from-red-600/20 to-red-500/20 rounded-full border border-red-500/30 backdrop-blur-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-5 w-5 text-red-400"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg><span class="text-red-400 font-semibold text-sm uppercase tracking-wider">Get In Touch</span></div></div><h1 class="text-4xl sm:text-5xl lg:text-6xl font-bold text-[rgba(255,255,255,1)] mb-8 drop-shadow-lg leading-tight">Contact <span class="text-gradient bg-gradient-to-r from-red-400 to-red-600 bg-clip-text text-transparent">Gardner Plumbing Co.</span></h1><div class="relative group mb-8"><div class="relative overflow-hidden rounded-3xl shadow-luxury hover:shadow-2xl transition-all duration-500 max-w-lg"><img alt="Professional Gardner Plumbing Co. technician ready to help with your plumbing needs" loading="lazy" width="1000" height="750" decoding="async" data-nimg="1" class="w-full h-auto object-cover group-hover:scale-105 transition-transform duration-700" style="color:transparent;aspect-ratio:4/3;object-position:center center" srcSet="/_next/image?url=%2FGardnerPlumbingCoCSrep.webp&amp;w=1080&amp;q=75 1x, /_next/image?url=%2FGardnerPlumbingCoCSrep.webp&amp;w=2048&amp;q=75 2x" src="/_next/image?url=%2FGardnerPlumbingCoCSrep.webp&amp;w=2048&amp;q=75"/><div class="absolute inset-0 bg-gradient-to-t from-black/40 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-700"></div><div class="absolute inset-0 bg-gradient-to-r from-red-600/10 via-trans
16parent to-blue-600/5 opacity-0 group-hover:opacity-100 transition-opacity duration-700"></div><div class="absolute bottom-6 left-6 glassmorphism-dark rounded-2xl p-4 border border-white/20 shadow-luxury animate-fade-in bg-black/60 backdrop-blur-md"><div class="flex items-center gap-3"><div class="w-8 h-8 bg-gradient-to-br from-red-600 to-red-500 rounded-full flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 text-white"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg></div><div><div class="text-white font-bold text-sm">Ready to Help</div><div class="text-gray-300 text-xs">Call (951) 246-4337</div></div></div></div></div></div><p class="text-xl text-gray-300 leading-relaxed mb-8 max-w-xl">Ready to solve your plumbing needs? Our expert team is here to help with professional service, transparent pricing, and 30+ years of experience serving <a class="text-red-400 hover:text-red-300 underline" href="/about-us">Riverside County</a>. We follow <a href="https://www.iapmo.org/" target="_blank" rel="noopener noreferrer" class="text-blue-400 hover:text-blue-300 underline">IAPMO plumbing codes</a>.</p><div class="flex flex-col sm:flex-row gap-4"><a class="w-full sm:w-auto" href="tel:9512464337"><button data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:bg-primary/90 h-10 has-[&gt;svg]:px-4 w-full bg-gradient-to-r from-red-600 to-red-500 hover:from-red-700 hover:to-red-600 text-white px-8 py-4 rounded-xl shadow-lg border border-red-400/20 group"><span class="flex items-center justify-center gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-5 w-5 group-hover:scale-110 transition-transform duration-300"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>Call (951) 246-4337</span></button></a><a class="w-full sm:w-auto" href="mailto:[email protected]"><button data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive h-10 has-[&gt;svg]:px-4 w-full border-2 border-white/60 text-white hover:bg-white hover:text-gray-900 px-8 py-4 rounded-xl shadow-lg transition-all duration-300 group bg-transparent"><span class="flex items-center justify-center gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-5 w-5 group-hover:scale-110 transition-transform duration-300"><rect width="20" height="16" x="2" y="4" rx="2"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path></svg>[email protected]</span></button></a></div><p class="text-gray-300 mt-6 text-base">Prefer to book online?<!-- --> <a class="text-blue-400 hover:text-blue-300 underline font-semibold" href="/book-online">Schedule your appointment here →</a></p></div><div class="space-y-8 animate-slide-up mt-16"><div class="glassmorphism-dark rounded-3xl backdrop-blur-xl border border-white/10 shadow-luxury overflow-hidden hover-lift"><div class="relative overflow-hidden px-6 sm:px-8 py-6 sm:py-8" style="background:linear-gradient(135deg, #8B0000 0%, #DC2626 50%, #B91C1C 100%);box-shadow:inset 0 2px 0 rgba(255, 255, 255, 0.2),
17                  inset 0 -2px 0 rgba(0, 0, 0, 0.2),
18                  0 8px 32px rgba(139, 0, 0, 0.4)"><div class="absolute inset-0 opacity-30" style="background:linear-gradient(135deg, 
19                      transparent 0%, 
20                      rgba(255, 255, 255, 0.1) 25%, 
21                      rgba(255, 255, 255, 0.2) 50%, 
22                      rgba(255, 255, 255, 0.1) 75%, 
23                      transparent 100%
24                    )"></div><div class="relative flex items-center justify-center gap-4"><div class="w-12 h-12 bg-white/20 rounded-full flex items-center justify-center backdrop-blur-sm border border-white/30 shadow-inner"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 text-white drop-shadow-sm"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg></div><h2 class="text-2xl font-bold text-white drop-shadow-lg">Contact Information</h2></div></div><div class="p-6 sm:p-8"><div class="grid grid-cols-1 sm:grid-cols-2 gap-4 sm:gap-6"><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border group relative border-none overflow-hidden shadow-luxury hover-lift transition-all duration-500 animate-fade-in" style="background-color:#202020;background-image:linear-gradient(145deg, #202020 0%, #1a1a1a 100%);animation-delay:0ms"><div class="absolute inset-0 bg-gradient-to-br from-red-500/20 via-trans
24parent to-blue-500/10 opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-lg"></div><div class="absolute inset-[1px] bg-gradient-to-br from-gray-800 to-gray-900 rounded-lg"></div><div data-slot="card-content" class="[&amp;:last-child]:pb-6 relative z-10 p-4 text-center"><div class="relative mb-4"><div class="w-12 h-12 bg-gradient-to-br from-red-600 to-red-500 rounded-xl flex items-center justify-center mx-auto shadow-lg border border-red-400/20"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 text-white drop-shadow-sm group-hover:scale-110 transition-transform duration-500"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg></div><div class="absolute -inset-1 bg-gradient-to-r from-red-600 to-red-500 rounded-xl opacity-0 group-hover:opacity-30 blur transition-opacity duration-500"></div></div><h3 class="text-lg font-bold text-white mb-1 group-hover:text-red-100 transition-colors duration-300">Phone</h3><p class="text-base text-gray-300 font-semibold mb-1 group-hover:text-gray-200 transition-colors duration-300">(951) 246-4337</p><p class="text-xs text-gray-400 mb-3 group-hover:text-gray-300 transition-colors duration-300">24/7 Emergency Line</p><a href="tel:9512464337" target="_self" rel="noopener noreferrer"><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap font-medium disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:bg-primary/90 h-8 gap-1.5 px-3 has-[&gt;svg]:px-2.5 w-full bg-gradient-to-r from-red-600 to-red-500 hover:from-red-700 hover:to-red-600 text-white border-none shadow-lg hover:shadow-xl transition-all duration-300 rounded-lg py-1 text-sm group/btn"><span class="flex items-center justify-center gap-2">Call Now<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-3 w-3 group-hover/btn:translate-x-1 transition-transform duration-300"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></button></a></div></div><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border group relative border-none overflow-hidden shadow-luxury hover-lift transition-all duration-500 animate-fade-in" style="background-color:#202020;background-image:linear-gradient(145deg, #202020 0%, #1a1a1a 100%);animation-delay:150ms"><div class="absolute inset-0 bg-gradient-to-br from-red-500/20 via-transparent to-blue-500/10 opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-lg"></div><div class="absolute inset-[1px] bg-gradient-to-br from-gray-800 to-gray-900 rounded-lg"></div><div data-slot="card-content" class="[&amp;:last-child]:pb-6 relative z-10 p-4 text-center"><div class="relative mb-4"><div class="w-12 h-12 bg-gradient-to-br from-red-600 to-red-500 rounded-xl flex items-center justify-center mx-auto shadow-lg border border-red-400/20"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 text-white drop-shadow-sm group-hover:scale-110 transition-transform duration-500"><rect width="20" height="16" x="2" y="4" rx="2"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path></svg></div><div class="absolute -inset-1 bg-gradient-to-r from-red-600 to-red-500 rounded-xl opacity-0 group-hover:opacity-30 blur transition-opacity duration-500"></div></div><h3 class="text-lg font-bold text-white mb-1 group-hover:text-red-100 transition-colors duration-300">Email</h3><p class="text-base text-gray-300 font-semibold mb-1 group-hover:text-gray-200 transition-colors duration-300">[email protected]</p><p class="text-xs text-gray-400 mb-3 group-hover:text-gray-300 transition-colors duration-300">Response within 24 hours</p><a href="mailto:[email protected]" target="_self" rel="noopener noreferrer"><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap font-medium disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;
24size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:bg-primary/90 h-8 gap-1.5 px-3 has-[&gt;svg]:px-2.5 w-full bg-gradient-to-r from-red-600 to-red-500 hover:from-red-700 hover:to-red-600 text-white border-none shadow-lg hover:shadow-xl transition-all duration-300 rounded-lg py-1 text-sm group/btn"><span class="flex items-center justify-center gap-2">Send Email<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-3 w-3 group-hover/btn:translate-x-1 transition-transform duration-300"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></button></a></div></div><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border group relative border-none overflow-hidden shadow-luxury hover-lift transition-all duration-500 animate-fade-in" style="background-color:#202020;background-image:linear-gradient(145deg, #202020 0%, #1a1a1a 100%);animation-delay:300ms"><div class="absolute inset-0 bg-gradient-to-br from-red-500/20 via-transparent to-blue-500/10 opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-lg"></div><div class="absolute inset-[1px] bg-gradient-to-br from-gray-800 to-gray-900 rounded-lg"></div><div data-slot="card-content" class="[&amp;:last-child]:pb-6 relative z-10 p-4 text-center"><div class="relative mb-4"><div class="w-12 h-12 bg-gradient-to-br from-red-600 to-red-500 rounded-xl flex items-center justify-center mx-auto shadow-lg border border-red-400/20"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 text-white drop-shadow-sm group-hover:scale-110 transition-transform duration-500"><path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z"></path><circle cx="12" cy="10" r="3"></circle></svg></div><div class="absolute -inset-1 bg-gradient-to-r from-red-600 to-red-500 rounded-xl opacity-0 group-hover:opacity-30 blur transition-opacity duration-500"></div></div><h3 class="text-lg font-bold text-white mb-1 group-hover:text-red-100 transition-colors duration-300">Service Area</h3><p class="text-base text-gray-300 font-semibold mb-1 group-hover:text-gray-200 transition-colors duration-300">Riverside County</p><p class="text-xs text-gray-400 mb-3 group-hover:text-gray-300 transition-colors duration-300">Temecula, Murrieta &amp; Surrounding</p><a href="/service-areas" target="_self" rel="noopener noreferrer"><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap font-medium disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:bg-primary/90 h-8 gap-1.5 px-3 has-[&gt;svg]:px-2.5 w-full bg-gradient-to-r from-red-600 to-red-500 hover:from-red-700 hover:to-red-600 text-white border-none shadow-lg hover:shadow-xl transition-all duration-300 rounded-lg py-1 text-sm group/btn"><span class="flex items-center justify-center gap-2">View Coverage<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-3 w-3 group-hover/btn:translate-x-1 transition-transform duration-300"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span></button></a></div></div><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border group relative border-none overflow-hidden shadow-luxury hover-lift transition-all duration-500 animate-fade-in" style="background-color:#202020;background-image:linear-gradient(145deg, #202020 0%, #1a1a1a 100%);animation-delay:450ms"><div class="absolute inset-0 bg-gradient-to-br from-red-500/20 via-trans
24parent to-blue-500/10 opacity-0 group-hover:opacity-100 transition-opacity duration-500 rounded-lg"></div><div class="absolute inset-[1px] bg-gradient-to-br from-gray-800 to-gray-900 rounded-lg"></div><div data-slot="card-content" class="[&amp;:last-child]:pb-6 relative z-10 p-4 text-center"><div class="relative mb-4"><div class="w-12 h-12 bg-gradient-to-br from-red-600 to-red-500 rounded-xl flex items-center justify-center mx-auto shadow-lg border border-red-400/20"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 text-white drop-shadow-sm group-hover:scale-110 transition-transform duration-500"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg></div><div class="absolute -inset-1 bg-gradient-to-r from-red-600 to-red-500 rounded-xl opacity-0 group-hover:opacity-30 blur transition-opacity duration-500"></div></div><h3 class="text-lg font-bold text-white mb-1 group-hover:text-red-100 transition-colors duration-300">Office Hours</h3><p class="text-base text-gray-300 font-semibold mb-1 group-hover:text-gray-200 transition-colors duration-300">Mon-Fri: 8AM-4PM</p><p class="text-xs text-gray-400 mb-3 group-hover:text-gray-300 transition-colors duration-300">Emergency: 24/7</p><button data-slot="button" class="inline-flex items-center gap-2 whitespace-nowrap text-sm transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:bg-primary/90 h-10 has-[&gt;svg]:px-4 min-w-[220px] w-full justify-center sm:w-auto bg-gradient-to-r from-blue-600 to-blue-500 hover:from-blue-700 hover:to-blue-600 text-white font-bold px-8 py-4 rounded-xl shadow-lg border border-blue-400/20 group"><span class="flex items-center justify-center gap-3">📅 Book Online</span></button></div></div></div></div></div><div class="grid grid-cols-1 lg:grid-cols-3 gap-4"><div class="flex items-center gap-3 p-4 bg-white/5 rounded-xl hover:bg-white/10 transition-all duration-300 group"><div class="w-10 h-10 bg-gradient-to-br from-green-600 to-green-500 rounded-lg flex items-center justify-center shadow-lg flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-5 w-5 text-white group-hover:scale-110 transition-transform duration-300"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg></div><div class="min-w-0"><h3 class="text-white font-semibold text-sm group-hover:text-green-100 transition-colors duration-300">Licensed &amp; Insured</h3><p class="text-gray-400 text-xs group-hover:text-gray-300 transition-colors duration-300">Certified professionals</p></div></div><div class="flex items-center gap-3 p-4 bg-white/5 rounded-xl hover:bg-white/10 transition-all duration-300 group"><div class="w-10 h-10 bg-gradient-to-br from-blue-600 to-blue-500 rounded-lg flex items-center justify-center shadow-lg flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-5 w-5 text-white group-hover:scale-110 transition-transform duration-300"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path></svg></div><div class="min-w-0"><h3 class="text-white font-semibold text-sm group-hover:text-blue-100 transition-colors duration-300">Guaranteed Work</h3><p class="text-gray-400 text-xs group-hover:text-gray-300 transition-colors duration-300">100% satisfaction</p></div></div><div class="flex items-center gap-3 p-4 bg-white/5 rounded-xl hover:bg-white/10 transition-all duration-300 group"><div class="w-10 h-10 bg-gradient-to-br from-purple-600 to-purple-500 rounded-lg flex items-center justify-center shadow-lg flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-5 w-5 text-white group-hover:scale-110 transition-transform duration-300"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></div><div class="min-w-0"><h3 class="text-white font-semibold text-sm group-hover:text-purple-100 transition-colors duration-300">30+ Years Experience</h3><p class="text-gray-400 text-xs group-hover:text-gray-300 transition-colors duration-300">Trusted local experts</p></div></div></div><div class="flex items-center justify-between p-4 bg-white/5 rounded-xl"><span class="text-gray-400 text-sm font-medium">Follow Us</span><div class="flex items-center gap-3"><a href="https://www.facebook.com/gardnerplumbingco" target="_blank" rel="noopener noreferrer" class="w-10 h-10 bg-white/5 hover:bg-blue-600/20 rounded-lg flex items-center justify-center transition-all duration-300 group"><svg class="w-5 h-5 text-gray-400 group-hover:text-blue-400 transition-colors" fill="currentColor" viewBox="0 0 24 24">
24<path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"></path></svg></a><a href="https://www.instagram.com/gardnerplumbingco" target="_blank" rel="noopener noreferrer" class="w-10 h-10 bg-white/5 hover:bg-pink-600/20 rounded-lg flex items-center justify-center transition-all duration-300 group"><svg class="w-5 h-5 text-gray-400 group-hover:text-pink-400 transition-colors" fill="currentColor" viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"></path></svg></a><a href="https://www.youtube.com/@gardnerplumbingco" target="_blank" rel="noopener noreferrer" class="w-10 h-10 bg-white/5 hover:bg-red-600/20 rounded-lg flex items-center justify-center transition-all duration-300 group"><svg class="w-5 h-5 text-gray-400 group-hover:text-red-500 transition-colors" fill="currentColor" viewBox="0 0 24 24"><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"></path></svg></a><a href="https://www.yelp.com/biz/gardner-plumbing-murrieta" target="_blank" rel="noopener noreferrer" class="w-10 h-10 bg-white/5 hover:bg-red-600/20 rounded-lg flex items-center justify-center transition-all duration-300 group"><svg class="w-5 h-5 text-gray-400 group-hover:text-red-600 transition-colors" fill="currentColor" viewBox="0 0 24 24"><path d="M20.16 12.594l-4.995 1.433c-.96.276-1.74-.8-1.176-1.63l2.905-4.308a1.072 1.072 0 0 1 1.596-.206 9.194 9.194 0 0 1 2.364 3.252 1.073 1.073 0 0 1-.694 1.459zm-3.622 5.39l-3.546-3.51c-.703-.696-.18-1.893.79-1.806l5.006.44a1.073 1.073 0 0 1 .94 1.218 9.194 9.194 0 0 1-1.418 3.523 1.073 1.073 0 0 1-1.772.135zm-5.931-1.896l-.695-5.04c-.134-.973 1.053-1.546 1.79-.865l3.79 3.497c.736.68.173 1.846-.85 1.758l-2.9-.255a1.073 1.073 0 0 1-1.135-1.095zM8.91 8.412l2.905 4.308c.564.83-.216 1.906-1.176 1.63l-4.995-1.433a1.073 1.073 0 0 1-.694-1.459 9.194 9.194 0 0 1 2.364-3.252 1.072 1.072 0 0 1 1.596.206zM12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm-.769 5.752l.001-4.68a1.073 1.073 0 0 1 1.073-1.072h.012a9.194 9.194 0 0 1 3.954.887 1.073 1.073 0 0 1 .365 1.676l-3.28 4.09c-.503.628-1.507.458-1.758-.324l-.367-1.146z"></path></svg></a></div></div></div></div></div></section><section class="py-16 sm:py-20 relative overflow-hidden"><div class="absolute inset-0"><div class="absolute inset-0" style="background:radial-gradient(ellipse at center, #1f2937 0%, #111827 50%, #000000 100%),
25                linear-gradient(135deg, #202020 0%, #374151 50%, #1f2937 100%)"></div></div><div class="relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-16 items-start"><div class="space-y-8 animate-fade-in"><div class="relative overflow-hidden rounded-2xl sm:rounded-3xl p-4 sm:p-6 lg:p-8 w-full border border-white/20" style="background:linear-gradient(145deg, #202020 0%, #1a1a1a 100%);box-shadow:0 25px 50px rgba(0, 0, 0, 0.4),
26                  0 10px 25px rgba(0, 0, 0, 0.2),
27                  inset 0 1px 0 rgba(255, 255, 255, 0.1),
28                  inset 0 -1px 0 rgba(0, 0, 0, 0.2),
29                  0 0 0 1px rgba(220, 38, 38, 0.1)"><div class="absolute inset-0 bg-gradient-to-br from-white/5 via-trans
29parent to-black/10 rounded-2xl sm:rounded-3xl"></div><div class="absolute top-0 left-1/2 -translate-x-1/2 w-32 h-32 bg-red-500/10 rounded-full blur-3xl"></div><div class="text-center mb-4 sm:mb-6 relative z-10"><div class="relative group mb-4"><div class="relative overflow-hidden rounded-2xl shadow-lg"><img alt="Gardner Plumbing Co. customer service representative" loading="lazy" width="800" height="600" decoding="async" data-nimg="1" class="w-full h-auto object-cover" style="color:transparent" srcSet="/_next/image?url=%2Fgpcsrep2.webp&amp;w=828&amp;q=75 1x, /_next/image?url=%2Fgpcsrep2.webp&amp;w=1920&amp;q=75 2x" src="/_next/image?url=%2Fgpcsrep2.webp&amp;w=1920&amp;q=75"/><div class="absolute inset-0 bg-gradient-to-t from-black/50 via-transparent to-transparent"></div><div class="absolute bottom-4 left-4 text-left"><h3 class="text-xl font-bold text-white">Request Service</h3></div></div></div></div><form class="space-y-3 sm:space-y-4 relative z-10"><div class="grid grid-cols-1 sm:grid-cols-2 gap-3"><div class="group"><label data-slot="label" class="items-center gap-2 select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 text-gray-200 font-semibold mb-1.5 sm:mb-2 block text-xs sm:text-sm" for="firstName">First Name*</label><input type="text" data-slot="input" class="file:text-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 flex h-9 w-full min-w-0 px-3 py-1 text-base transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border-2 border-gray-600 bg-gray-800/50 text-white placeholder:text-gray-400 rounded-lg focus:border-red-500 focus:ring-red-500/20" id="firstName" placeholder="First Name" required="" value=""/></div><div class="group"><label data-slot="label" class="items-center gap-2 select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 text-gray-200 font-semibold mb-1.5 sm:mb-2 block text-xs sm:text-sm" for="lastName">Last Name*</label><input type="text" data-slot="input" class="file:text-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 flex h-9 w-full min-w-0 px-3 py-1 text-base transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border-2 border-gray-600 bg-gray-800/50 text-white placeholder:text-gray-400 rounded-lg focus:border-red-500 focus:ring-red-500/20" id="lastName" placeholder="Last Name" required="" value=""/></div></div><div class="group"><label data-slot="label" class="items-center gap-2 select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 text-gray-200 font-semibold mb-1.5 sm:mb-2 block text-xs sm:text-sm" for="email">Email*</label><input type="email" data-slot="input" class="file:text-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 flex h-9 w-full min-w-0 px-3 py-1 text-base transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border-2 border-gray-600 bg-gray-800/50 text-white placeholder:text-gray-400 rounded-lg focus:border-red-500 focus:ring-red-500/20" id="email" placeholder="[email protected]" required="" value=""/></div><div class="grid grid-cols-1 sm:grid-cols-2 gap-3"><div class="group"><label data-slot="label" class="items-center gap-2 select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 text-gray-200 font-semibold mb-1.5 sm:mb-2 block text-xs sm:text-sm" for="phone">Phone*</label><input type="tel" data-slot="input" class="file:text-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 flex h-9 w-full min-w-0 px-3 py-1 text-base transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border-2 border-gray-600 bg-gray-800/50 text-white placeholder:text-gray-400 rounded-lg focus:border-red-500 focus:ring-red-500/20" id="phone" placeholder="(555) 123-4567" required="" value=""/></div><div class="group"><label data-slot="label" class="items-center gap-2 select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 text-gray-200 font-semibold mb-1.5 sm:mb-2 block text-xs sm:text-sm" for="postalCode">ZIP Code*</label><input type="text" data-slot="input" class="file:text-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 flex h-9 w-full min-w-0 px-3 py-1 text-base transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border-2 border-gray-600 bg-gray-800/50 text-white placeholder:text-gray-400 rounded-lg focus:border-red-500 focus:ring-red-500/20" id="postalCode" placeholder="92555" required="" value=""/></div></div><div class="group relative"><label data-slot="label" class="items-center gap-2 select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 text-gray-200 font-semibold mb-1.5 sm:mb-2 block text-xs sm:text-sm group-focus-within:text-red-400 transition-colors" for="desiredService">Desired Service*</label><select id="desiredService" class="appearance-none border-2 border-gray-600 bg-gray-800/70 text-white focus:border-red-500 focus:ring-red-500/20 focus:bg-gray-800 h-10 sm:h-11 text-xs sm:text-sm font-medium transition-all duration-300 rounded-lg shadow-sm hover:border-red-400 hover:bg-gray-800/90 backdrop-blur-sm w-full px-3 pr-8 cursor-pointer" required=""><option value="" disabled="" hidden="" selected=""> Select a service </option><option value="Drain Cleaning">Drain Cleaning</option><option value="Leak Detection">Leak Detection</option><option value="Water Heaters">Water Heaters</option><option value="Toilet Repair">Toilet Repair</option><option value="Piping &amp; Repiping">Piping &amp; Repiping</option><option value="Garbage Disposals">Garbage Disposals</option><option value="Commercial Plumbing">Commercial Plumbing</option><option value="Hydro Jetting">Hydro Jetting</option><option value="Sewer &amp; Septic">Sewer &amp; Septic</option><option value="Maintenance Plans">Maintenance Plans</option><option value="Emergency Service">Emergency Service</option><option value="Moen Flo Installation">Moen Flo Installation</option><option value="System Inspections">System Inspections</option><option value="Gas Lines">Gas Lines</option><option value="Water Filtration">Water Filtration</option><option value="Other">Other</option></select><div class="pointer-events-none absolute inset-y-0 top-7 right-3 flex items-center"><svg class="h-4 w-4 text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></div></div><div class="flex items-start gap-2 sm:gap-3 pt-1 sm:pt-2"><button type="button" role="checkbox" aria-checked="false" aria-required="true" data-state="unchecked" value="on" data-slot="checkbox" class="peer dark:bg-input/30 data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 mt-0.5 border-2 border-gray-500 data-[state=checked]:bg-red-600 data-[state=checked]:border-red-600 w-3.5 h-3.5 sm:w-4 sm:h-4 roun
29ded shadow-sm hover:border-red-400 transition-colors bg-gray-800/50 flex-shrink-0" id="smsConsent"></button><input type="checkbox" aria-hidden="true" required="" tabindex="-1" style="position:absolute;pointer-events:none;opacity:0;margin:0;transform:translateX(-100%)" value="on"/><label data-slot="label" class="flex items-center gap-2 font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 text-[10px] sm:text-xs text-gray-300 leading-relaxed block!" for="smsConsent"><span><span class="block space-y-1"><span class="block">I would like to receive automated text messages from Gardner Plumbing Co. for appointment notifications, reminders, and review requests. Message frequency may vary. Message and data rates may apply. Reply HELP for help or STOP to opt out at any time.</span><span class="block">View our<!-- --> <a class="text-red-400 underline hover:text-red-300" href="/privacy-policy">Privacy Policy</a> <!-- -->and<!-- --> <a class="text-red-400 underline hover:text-red-300" href="/terms-and-services">Terms of Service</a>.</span></span></span></label></div><div class="pt-3 sm:pt-4"><button data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap transition-all disabled:pointer-events-none [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:bg-primary/90 h-10 has-[&gt;svg]:px-4 bg-gradient-to-r from-red-600 via-red-500 to-red-600 hover:from-red-700 hover:via-red-600 hover:to-red-700 text-white px-6 sm:px-8 py-3 text-sm sm:text-base font-bold w-full rounded-xl border-2 border-red-400/20 hover-lift disabled:opacity-50" type="submit" disabled=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-3.5 w-3.5 sm:h-4 sm:w-4 mr-2"><path d="m22 2-7 20-4-9-9-4Z"></path><path d="M22 2 11 13"></path></svg>SEND REQUEST</button></div></form></div><div class="glassmorphism-dark rounded-3xl backdrop-blur-xl border border-white/10 shadow-luxury overflow-hidden hover-lift animate-slide-up"><div class="relative overflow-hidden px-6 sm:px-8 py-6 sm:py-8" style="background:linear-gradient(135deg, #8B0000 0%, #DC2626 50%, #B91C1C 100%);box-shadow:inset 0 2px 0 rgba(255, 255, 255, 0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.2), 0 8px 32px rgba(139, 0, 0, 0.4)"><div class="relative flex items-center justify-center gap-4"><div class="w-12 h-12 bg-white/20 rounded-full flex items-center justify-center backdrop-blur-sm border border-white/30 shadow-inner"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 text-white drop-shadow-sm"><polyline points="20 12 20 22 4 22 4 12"></polyline><rect width="20" height="5" x="2" y="7"></rect><line x1="12" x2="12" y1="22" y2="7"></line><path d="M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z"></path><path d="M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z"></path></svg></div><h3 class="text-2xl font-bold text-white drop-shadow-lg">Special Offers</h3></div></div><div class="p-6 sm:p-8"><div class="grid grid-cols-1 sm:grid-cols-3 gap-4 mb-6"><div class="flex flex-col items-center text-center p-4 bg-white/5 rounded-xl hover:bg-white/10 transition-all duration-300 group"><div class="w-12 h-12 bg-gradient-to-br from-green-600 to-green-500 rounded-xl flex items-center justify-center shadow-lg mb-3 group-hover:scale-110 transition-transform duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 text-white drop-shadow-sm"><rect width="20" height="14" x="2" y="5" rx="2"></rect>
29<line x1="2" x2="22" y1="10" y2="10"></line></svg></div><h4 class="text-white font-bold text-sm mb-1 group-hover:text-green-100 transition-colors duration-300">Financing Available</h4><p class="text-gray-400 text-xs group-hover:text-gray-300 transition-colors duration-300">Easy payment plans</p></div><div class="flex flex-col items-center text-center p-4 bg-white/5 rounded-xl hover:bg-white/10 transition-all duration-300 group"><div class="w-12 h-12 bg-gradient-to-br from-blue-600 to-blue-500 rounded-xl flex items-center justify-center shadow-lg mb-3 group-hover:scale-110 transition-transform duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 text-white drop-shadow-sm"><line x1="19" x2="5" y1="5" y2="19"></line><circle cx="6.5" cy="6.5" r="2.5"></circle><circle cx="17.5" cy="17.5" r="2.5"></circle></svg></div><h4 class="text-white font-bold text-sm mb-1 group-hover:text-blue-100 transition-colors duration-300">0% APR Plans</h4><p class="text-gray-400 text-xs group-hover:text-gray-300 transition-colors duration-300">Qualified customers</p></div><div class="flex flex-col items-center text-center p-4 bg-white/5 rounded-xl hover:bg-white/10 transition-all duration-300 group"><div class="w-12 h-12 bg-gradient-to-br from-purple-600 to-purple-500 rounded-xl flex items-center justify-center shadow-lg mb-3 group-hover:scale-110 transition-transform duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 text-white drop-shadow-sm"><path d="M12 2H2v10l9.29 9.29c.94.94 2.48.94 3.42 0l6.58-6.58c.94-.94.94-2.48 0-3.42L12 2Z"></path><path d="M7 7h.01"></path></svg></div><h4 class="text-white font-bold text-sm mb-1 group-hover:text-purple-100 transition-colors duration-300">Exclusive Coupons</h4><p class="text-gray-400 text-xs group-hover:text-gray-300 transition-colors duration-300">Save on services</p></div></div><a href="/financing"><button data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:bg-primary/90 h-9 has-[&gt;svg]:px-3 w-full bg-gradient-to-r from-green-600 to-green-500 hover:from-green-700 hover:to-green-600 text-white px-8 py-4 transition-all duration-300 rounded-xl shadow-lg border border-green-400/20 group"><span class="flex items-center justify-center gap-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-5 w-5 group-hover:scale-110 transition-transform duration-300"><polyline points="20 12 20 22 4 22 4 12"></polyline><rect width="20" height="5" x="2" y="7"></rect><line x1="12" x2="12" y1="22" y2="7"></line><path d="M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z"></path><path d="M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z"></path></svg>View Current Specials</span></button></a></div></div></div><div class="space-y-8 animate-slide-up"><div class="glassmorphism-dark rounded-3xl backdrop-blur-xl border border-white/10 shadow-luxury overflow-hidden hover-lift"><div class="relative overflow-hidden px-6 sm:px-8 py-6 sm:py-8" style="background:linear-gradient(135deg, #8B0000 0%, #DC2626 50%, #B91C1C 100%);box-shadow:inset 0 2px 0 rgba(255, 255, 255, 0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.2), 0 8px 32px rgba(139, 0, 0, 0.4)"><div class="relative flex items-center justify-center gap-4"><div class="w-12 h-12 bg-white/20 rounded-full flex items-center justify-center backdrop-blur-sm border border-white/30 shadow-inner"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 text-white drop-shadow-sm"><path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z"></path><circle cx="12" cy="10" r="3"></circle></svg></div><h3 class="text-2xl font-bold text-white drop-shadow-lg">Service Areas</h3></div></div><div class="p-6 sm:p-8"><p class="text-gray-300 mb-6 leading-relaxed text-center">Proudly serving Riverside County and surrounding communities.</p><div class="grid grid-cols-2 sm:grid-cols-3 gap-3"><a href="https://temeculaca.gov/" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2 p-2 hover:bg-white/5 rounded-lg transition-all duration-300 group"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 text-green-400 group-hover:text-green-300 transition-colors duration-300"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg><span class="text-gray-300 text-sm group-hover:text-gray-200 transition-colors duration-300">Temecula</span></a><a href="https://www.murrietaca.gov/" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2 p-2 hover:bg-white/5 rounded-lg transition-all duration-300 group"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 text-green-400 group-hover:text-green-300 transition-colors duration-300"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg><span class="text-gray-300 text-sm group-hover:text-gray-200 transition-colors duration-300">Murrieta</span></a><a href="https://www.cityofperris.org/" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2 p-2 hover:bg-white/5 rounded-lg transition-all duration-300 group"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 text-green-400 group-hover:text-green-300 transition-colors duration-300"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg><span class="text-gray-300 text-sm group-hover:text-gray-200 transition-colors duration-300">Perris</span></a><a href="https://www.cityofmenifee.us/" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2 p-2 hover:bg-white/5 rounded-lg transition-all duration-300 group"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 text-green-400 group-hover:text-green-300 transition-colors duration-300"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg><span class="text-gray-300 text-sm group-hover:text-gray-200 transition-colors duration-300">Menifee</span></a><a href="https://www.canyonlakepoa.com/" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2 p-2 hover:bg-white/5 rounded-lg transition-all duration-300 group"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 text-green-400 group-hover:text-green-300 transition-colors duration-300"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg><span class="text-gray-300 text-sm group-hover:text-gray-200 transition-colors duration-300">Canyon Lake</span></a><a href="https://www.lake-elsinore.org/" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2 p-2 hover:bg-white/5 rounded-lg transition-all duration-300 group"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 text-green-400 group-hover:text-green-300 transition-colors duration-300"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg><span class="text-gray-300 text-sm group-hover:text-gray-200 transition-colors duration-300">Lake Elsinore</span></a><a href="https://www.coronaca.gov/" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2 p-2 hover:bg-white/5 rounded-lg transition-all duration-300 group"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 text-green-400 group-hover:text-green-300 transition-colors duration-300"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg><span class="text-gray-300 text-sm group-hover:text-gray-200 transition-colors duration-300">Corona</span></a><a href="https://moval.gov/" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2 p-2 hover:bg-white/5 rounded-lg transition-all duration-300 group"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 text-green-400 group-hover:text-green-300 transition-colors duration-300"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg><span class="text-gray-300 text-sm group-hover:text-gray-200 transition-colors duration-300">Moreno Valley</span></a><a href="https://www.riversideca.gov/" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2 p-2 hover:bg-white/5 rounded-lg transition-all duration-300 group"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 text-green-400 group-hover:text-green-300 transition-colors duration-300"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg><span class="text-gray-300 text-sm group-hover:text-gray-200 transition-colors duration-300">Riverside</span></a><a href="https://wildomar.hdlgov.com/" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2 p-2 hover:bg-white/5 rounded-lg transition-all duration-300 group"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 text-green-400 group-hover:text-green-300 transition-colors duration-300"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg><span class="text-gray-300 text-sm group-hover:text-gray-200 transition-colors duration-300">Wildomar</span></a><a href="https://www.winchestermac.org/" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2 p-2 hover:bg-white/5 rounded-lg transition-all duration-300 group"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 text-green-400 group-hover:text-green-300 transition-colors duration-300"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg><span class="text-gray-300 text-sm group-hover:text-gray-200 transition-colors duration-300">Winchester</span></a><a href="https://www.rivco.org/" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2 p-2 hover:bg-white/5 rounded-lg transition-all duration-300 group"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 text-green-400 group-hover:text-green-300 transition-colors duration-300"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg><span class="text-gray-300 text-sm group-hover:text-gray-200 transition-colors duration-300">French Valley</span></a><a href="https://www.cityofmenifee.us/" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2 p-2 hover:bg-white/5 rounded-lg transition-all duration-300 group"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 text-green-400 group-hover:text-green-300 transition-colors duration-300"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg><span class="text-gray-300 text-sm group-hover:text-gray-200 transition-colors duration-300">Sun City</span></a><a href="https://www.hemetca.gov/" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2 p-2 hover:bg-white/5 rounded-lg transition-all duration-300 group"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 text-green-400 group-hover:text-green-300 transition-colors duration-300"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg><span class="text-gray-300 text-sm group-hover:text-gray-200 transition-colors duration-300">Hemet</span></a><a href="https://www.sanjacintoca.gov/" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2 p-2 hover:bg-white/5 rounded-lg transition-all duration-300 group"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 text-green-400 group-hover:text-green-300 transition-colors duration-300"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg><span class="text-gray-300 text-sm group-hover:text-gray-200 transition-colors duration-300">San Jacinto</span></a></div></div></div><div class="glassmorphism-dark rounded-3xl backdrop-blur-xl border border-white/10 shadow-luxury overflow-hidden hover-lift"><div class="relative overflow-hidden px-6 sm:px-8 py-6 sm:py-8" style="background:linear-gradient(135deg, #8B0000 0%, #DC2626 50%, #B91C1C 100%);box-shadow:inset 0 2px 0 rgba(255, 255, 255, 0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.2), 0 8px 32px rgba(139, 0, 0, 0.4)"><div class="relative flex items-center justify-center gap-4"><div class="w-12 h-12 bg-white/20 rounded-full flex items-center justify-center backdrop-blur-sm border border-white/30 shadow-inner"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 text-white drop-shadow-sm"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path></svg></div><h3 class="text-2xl font-bold text-white drop-shadow-lg">24/7 Emergency</h3></div></div><div class="p-6 sm:p-8"><img alt="Gardner Plumbing Co. service van" loading="lazy" width="1000" height="700" decoding="async" data-nimg="1" class="w-full h-auto object-cover rounded-2xl mb-6" style="color:transparent" srcSet="/_next/image?url=%2Fgplumbingtruckguy.webp&amp;w=1080&amp;q=75 1x, /_next/image?url=%2Fgplumbingtruckguy.webp&amp;w=2048&amp;q=75 2x" src="/_next/image?url=%2Fgplumbingtruckguy.webp&amp;w=2048&amp;q=75"/><p class="text-gray-300 mb-6 leading-relaxed text-center">
29Plumbing emergencies don&#x27;t wait. Our certified technicians are available 24/7 for urgent issues.</p><div class="space-y-4"><a class="flex items-center gap-4 p-4 bg-white/5 rounded-xl hover:bg-white/10 transition-all duration-300 group" href="/services/plumbing/burst-pipes"><div class="w-12 h-12 bg-gradient-to-br from-red-600 to-red-500 rounded-xl flex items-center justify-center shadow-lg border border-red-400/20"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 text-white group-hover:scale-110 transition-transform duration-300"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"></path></svg></div><div class="flex-1"><h4 class="text-white font-semibold group-hover:text-red-100 transition-colors duration-300">Burst Pipes</h4><p class="text-gray-400 text-sm group-hover:text-gray-300 transition-colors duration-300">30 min response</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-5 w-5 text-red-400 group-hover:translate-x-1 group-hover:text-red-300 transition-all duration-300"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a class="flex items-center gap-4 p-4 bg-white/5 rounded-xl hover:bg-white/10 transition-all duration-300 group" href="/services/plumbing/no-hot-water"><div class="w-12 h-12 bg-gradient-to-br from-red-600 to-red-500 rounded-xl flex items-center justify-center shadow-lg border border-red-400/20"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 text-white group-hover:scale-110 transition-transform duration-300"><path d="m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></div><div class="flex-1"><h4 class="text-white font-semibold group-hover:text-red-100 transition-colors duration-300">Water Heater Failure</h4><p class="text-gray-400 text-sm group-hover:text-gray-300 transition-colors duration-300">Same day service</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-5 w-5 text-red-400 group-hover:translate-x-1 group-hover:text-red-300 transition-all duration-300"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a class="flex items-center gap-4 p-4 bg-white/5 rounded-xl hover:bg-white/10 transition-all duration-300 group" href="/services/plumbing/backups"><div class="w-12 h-12 bg-gradient-to-br from-red-600 to-red-500 rounded-xl flex items-center justify-center shadow-lg border border-red-400/20"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 text-white group-hover:scale-110 transition-transform duration-300"><rect width="16" height="20" x="4" y="2" rx="2" ry="2"></rect><path d="M9 22v-4h6v4"></path><path d="M8 6h.01"></path><path d="M16 6h.01"></path><path d="M12 6h.01"></path><path d="M12 10h.01"></path><path d="M12 14h.01"></path><path d="M16 10h.01"></path><path d="M16 14h.01"></path><path d="M8 10h.01"></path><path d="M8 14h.01"></path></svg></div><div class="flex-1"><h4 class="text-white font-semibold group-hover:text-red-100 transition-colors duration-300">Sewer Backup</h4><p class="text-gray-400 text-sm group-hover:text-gray-300 transition-colors duration-300">Emergency cleanup</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-5 w-5 text-red-400 group-hover:translate-x-1 group-hover:text-red-300 transition-all duration-300"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a class="flex items-center gap-4 p-4 bg-white/5 rounded-xl hover:bg-white/10 transition-all duration-300 group" href="/services/plumbing/gas-lines"><div class="w-12 h-12 bg-gradient-to-br from-red-600 to-red-500 rounded-xl flex items-center justify-center shadow-lg border border-red-400/20"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-6 w-6 text-white group-hover:scale-110 transition-transform duration-300"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg></div><div class="flex-1"><h4 class="text-white font-semibold group-hover:text-red-100 transition-colors duration-300">Gas Line Issues</h4><p class="text-gray-400 text-sm group-hover:text-gray-300 transition-colors duration-300">Immediate response</p></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-5 w-5 text-red-400 group-hover:translate-x-1 group-hover:text-red-300 transition-all duration-300"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div></div></div></div></section></div></main></div><!--$--><!--/$--></main><footer class="relative bg-cover bg-center bg-no-repeat"><div class="absolute inset-0" style="background:radial-gradient(ellipse at top, #1f2937 0%, #111827 50%, #000000 100%),
30            linear-gradient(145deg, #202020 0%, #1a1a1a 50%, #111827 100%)"></div><div class="absolute inset-0 opacity-10" style="background-image:radial-gradient(circle at 20% 80%, rgba(220, 38, 38, 0.1) 0%, transparent 50%),
31            radial-gradient(circle at 80% 20%, rgba(220, 38, 38, 0.1) 0%, transparent 50%),
32            radial-gradient(circle at 40% 40%, rgba(255, 255, 255, 0.05) 0%, transparent 50%)"></div><div class="relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12 sm:py-16 animate-fade-in"><div class="grid grid-cols-1 lg:grid-cols-12 gap-6 sm:gap-8 mb-8 sm:mb-12"><div class="lg:col-span-5 lg:border-r lg:border-white/10 lg:pr-8"><div class="glassmorphism-dark rounded-xl sm:rounded-2xl p-4 sm:p-6 lg:p-8 shadow-luxury hover-lift transition-all duration-500"><img src="/gardner_logo.webp" alt="Gardner Plumbing Co. logo" class="h-12 sm:h-14 w-auto mb-3 sm:mb-4 drop-shadow-lg"/><p class="text-white mb-3 sm:mb-4 leading-snug text-sm sm:text-[15px] font-semibold drop-shadow-sm">Written estimates, no trip fees, clean visits, and a 30-day guarantee — or we come back free.</p><p class="text-gray-300 mb-6 sm:mb-8 leading-relaxed text-xs sm:text-sm lg:text-[14px]">Family-owned in Murrieta with 30+ years serving Riverside County homes, HOAs, and commercial properties. That&#x27;s <a href="/guarantee" class="text-red-400 hover:text-red-300 underline decoration-red-400/30 hover:decoration-red-300 transition-colors">The Gardner Standard</a> — one promise on every call.</p><div class="space-y-2 sm:space-y-3"><a href="tel:19512464337" class="flex items-center gap-2 sm:gap-3 group hover-lift"><div class="w-8 h-8 sm:w-10 sm:h-10 bg-gradient-to-br from-red-600 to-red-500 rounded-full flex items-center justify-center group-hover:from-red-700 group-hover:to-red-600 transition-all duration-300 shadow-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-3 w-3 sm:h-4 sm:w-4 text-white drop-shadow-sm"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg></div><div><p class="text-red-400 text-sm sm:text-base font-semibold drop-shadow-sm">(951) 246-4337</p><p class="text-gray-400 text-[10px] sm:text-xs">24/7 Emergency Service</p></div></a><a href="mailto:[email protected]" class="flex items-center gap-2 sm:gap-3 group hover-lift"><div class="w-8 h-8 sm:w-10 sm:h-10 bg-gradient-to-br from-gray-600 to-gray-700 rounded-full flex items-center justify-center group-hover:from-gray-500 group-hover:to-gray-600 transition-all duration-300 shadow-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-3 w-3 sm:h-4 sm:w-4 text-white drop-shadow-sm"><rect width="20" height="16" x="2" y="4" rx="2"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path></svg></div><div><p class="text-gray-300 text-xs sm:text-sm font-medium">[email protected]</p><p class="text-gray-400 text-[10px] sm:text-xs">Email for Estimates</p></div></a><a href="https://maps.app.goo.gl/aCp4BuCRRPcyEWxo9" target="_blank" rel="noopener noreferrer" class="flex items-start gap-2 sm:gap-3 group hover-lift"><div class="w-8 h-8 sm:w-10 sm:h-10 bg-gradient-to-br from-gray-600 to-gray-700 rounded-full flex items-center justify-center group-hover:from-gray-500 group-hover:to-gray-600 transition-all duration-300 shadow-lg flex-shrink-0 mt-0.5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-3 w-3 sm:h-4 sm:w-4 text-white drop-shadow-sm"><path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z"></path><circle cx="12" cy="10" r="3"></circle></svg></div><div><p class="text-gray-300 text-xs sm:text-sm font-medium leading-tight">30714 Wealth St, Murrieta, CA 92563</p><p class="text-gray-400 text-[10px] sm:text-xs">Location</p></div></a></div><div class="mt-4 sm:mt-6"><h4 class="text-sm sm:text-base text-white mb-2 sm:mb-3 pb-1 sm:pb-2 border-b-2 border-red-600 drop-shadow-sm">Business Hours</h4><div class="space-y-1 sm:space-y-1.5"><div class="flex justify-between items-center"><span class="text-gray-300 text-[10px] sm:text-xs">Office (Mon - Fri)</span><span class="text-gray-400 text-[10px] sm:text-xs">8:00 AM  - 4:00 PM</span></div><div class="flex justify-between items-center"><span class="text-gray-300 text-[10px] sm:text-xs">Service (Mon - Fri)</span><span class="text-gray-400 text-[10px] sm:text-xs">8:00 AM - 5:00 PM</span></div><div class="flex justify-between items-center"><span class="text-gray-300 text-[10px] sm:text-xs">Saturday - Sunday</span><span class="text-gray-400 text-[10px] sm:text-xs">Emergency Only</span></div><div class="pt-1 sm:pt-1.5 border-t border-gray-600"><div class="flex justify-between items-center"><span class="text-red-400 text-[10px] sm:text-xs font-medium">Emergency</span><span class="text-red-400 text-[10px] sm:text-xs font-medium">24/7 Available</span></div></div></div></div></div></div><div class="lg:col-span-7"><div class="glassmorphism-dark rounded-xl sm:rounded-2xl p-4 sm:p-6 shadow-luxury hover-lift transition-all duration-500 border border-white/10 lg:hidden"><h4 class="text-base sm:text-lg text-white mb-4 sm:mb-6 pb-2 sm:pb-3 border-b-2 border-red-600 drop-shadow-sm">Quick Links &amp; About</h4><div class="grid grid-cols-2 gap-4 sm:gap-6"><ul class="space-y-3 sm:space-y-4"><li><a href="/about-us" class="group/link block p-1.5 sm:p-2 rounded-lg hover:bg-white/5 transition-all duration-300"><div class="text-white text-xs sm:text-sm group-hover/link:text-red-400 transition-colors duration-300 font-medium">
32Gardner Plumbing Co.</div><div class="text-[10px] sm:text-xs text-gray-400 group-hover/link:text-gray-300 transition-colors duration-300">Our story &amp; team</div></a></li><li><a href="/contact-us" class="group/link block p-1.5 sm:p-2 rounded-lg hover:bg-white/5 transition-all duration-300"><div class="text-white text-xs sm:text-sm group-hover/link:text-red-400 transition-colors duration-300 font-medium">Contact Us</div><div class="text-[10px] sm:text-xs text-gray-400 group-hover/link:text-gray-300 transition-colors duration-300">Get in touch today</div></a></li><li><a href="/reviews" class="group/link block p-1.5 sm:p-2 rounded-lg hover:bg-white/5 transition-all duration-300"><div class="text-white text-xs sm:text-sm group-hover/link:text-red-400 transition-colors duration-300 font-medium">Customer Reviews</div><div class="text-[10px] sm:text-xs text-gray-400 group-hover/link:text-gray-300 transition-colors duration-300">See what clients say</div></a></li><li><a href="/service-areas" class="group/link block p-1.5 sm:p-2 rounded-lg hover:bg-white/5 transition-all duration-300"><div class="text-white text-xs sm:text-sm group-hover/link:text-red-400 transition-colors duration-300 font-medium">Service Areas</div><div class="text-[10px] sm:text-xs text-gray-400 group-hover/link:text-gray-300 transition-colors duration-300">Where we work</div></a></li><li><a href="/reviews" class="group/link block p-1.5 sm:p-2 rounded-lg hover:bg-white/5 transition-all duration-300"><div class="text-white text-xs sm:text-sm group-hover/link:text-red-400 transition-colors duration-300 font-medium">Testimonials</div><div class="text-[10px] sm:text-xs text-gray-400 group-hover/link:text-gray-300 transition-colors duration-300">Success stories</div></a></li><li><a href="/guarantee" class="group/link block p-1.5 sm:p-2 rounded-lg hover:bg-white/5 transition-all duration-300"><div class="text-white text-xs sm:text-sm group-hover/link:text-red-400 transition-colors duration-300 font-medium">Our Guarantee</div><div class="text-[10px] sm:text-xs text-gray-400 group-hover/link:text-gray-300 transition-colors duration-300">Quality promise</div></a></li><li><a href="/clean-visit-promise" class="group/link block p-1.5 sm:p-2 rounded-lg hover:bg-white/5 transition-all duration-300"><div class="text-white text-xs sm:text-sm group-hover/link:text-red-400 transition-colors duration-300 font-medium">Clean Visit Promise</div><div class="text-[10px] sm:text-xs text-gray-400 group-hover/link:text-gray-300 transition-colors duration-300">Clean-home standard</div></a></li><li><a href="/gardner-shield" class="group/link block p-1.5 sm:p-2 rounded-lg hover:bg-white/5 transition-all duration-300"><div class="text-white text-xs sm:text-sm group-hover/link:text-red-400 transition-colors duration-300 font-medium">The Gardner Shield</div><div class="text-[10px] sm:text-xs text-gray-400 group-hover/link:text-gray-300 transition-colors duration-300">Membership program</div></a></li></ul><ul class="space-y-3 sm:space-y-4"><li><a href="/book-online" class="group/link block p-1.5 sm:p-2 rounded-lg hover:bg-white/5 transition-all duration-300"><div class="text-white text-xs sm:text-sm group-hover/link:text-red-400 transition-colors duration-300 font-medium">Book Online</div><div class="text-[10px] sm:text-xs text-gray-400 group-hover/link:text-gray-300 transition-colors duration-300">Schedule appointment</div></a></li><li><a href="/services/plumbing/emergency-service" class="group/link block p-1.5 sm:p-2 rounded-lg hover:bg-white/5 transition-all duration-300"><div class="text-white text-xs sm:text-sm group-hover/link:text-red-400 transition-colors duration-300 font-medium">Emergency Service</div><div class="text-[10px] sm:text-xs text-gray-400 group-hover/link:text-gray-300 transition-colors duration-300">24/7 urgent help</div></a></li><li><a href="/frequently-asked-questions" class="group/link block p-1.5 sm:p-2 rounded-lg hover:bg-white/5 transition-all duration-300"><div class="text-white text-xs sm:text-sm group-hover/link:text-red-400 transition-colors duration-300 font-medium">FAQ</div><div class="text-[10px] sm:text-xs text-gray-400 group-hover/link:text-gray-300 transition-colors duration-300">Common questions</div></a></li><li><a href="/blog" class="group/link block p-1.5 sm:p-2 rounded-lg hover:bg-white/5 transition-all duration-300"><div class="text-white text-xs sm:text-sm group-hover/link:text-red-400 transition-colors duration-300 font-medium">Blog</div><div class="text-[10px] sm:text-xs text-gray-400 group-hover/link:text-gray-300 transition-colors duration-300">Tips &amp; insights</div></a></li><li><a href="/financing" class="group/link block p-1.5 sm:p-2 rounded-lg hover:bg-white/5 transition-all duration-300"><div class="text-white text-xs sm:text-sm group-hover/link:text-red-400 transition-colors duration-300 font-medium">Financing</div><div class="text-[10px] sm:text-xs text-gray-400 group-hover/link:text-gray-300 transition-colors duration-300">Payment options</div></a></li><li><a href="/warranty" class="group/link block p-1.5 sm:p-2 rounded-lg hover:bg-white/5 transition-all duration-300"><div class="text-white text-xs sm:text-sm group-hover/link:text-red-400 transition-colors duration-300 font-medium">Warranty Info</div><div class="text-[10px] sm:text-xs text-gray-400 group-hover/link:text-gray-300 transition-colors duration-300">Coverage details</div></a></li><li><a href="/transparent-pricing" class="group/link block p-1.5 sm:p-2 rounded-lg hover:bg-white/5 transition-all duration-300"><div class="text-white text-xs sm:text-sm group-hover/link:text-red-400 transition-colors duration-300 font-medium">
32Transparent Pricing</div><div class="text-[10px] sm:text-xs text-gray-400 group-hover/link:text-gray-300 transition-colors duration-300">Upfront flat rates</div></a></li><li><a href="/plumbing-help" class="group/link block p-1.5 sm:p-2 rounded-lg hover:bg-white/5 transition-all duration-300"><div class="text-white text-xs sm:text-sm group-hover/link:text-red-400 transition-colors duration-300 font-medium">Plumbing Help</div><div class="text-[10px] sm:text-xs text-gray-400 group-hover/link:text-gray-300 transition-colors duration-300">Emergency &amp; problem guides</div></a></li></ul></div></div><div class="hidden lg:grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 sm:gap-6 lg:gap-8 h-full"><div class="glassmorphism-dark rounded-xl sm:rounded-2xl p-4 sm:p-6 shadow-luxury hover-lift transition-all duration-500 border border-white/10"><h4 class="text-base sm:text-lg text-white mb-4 sm:mb-6 pb-2 sm:pb-3 border-b-2 border-red-600 drop-shadow-sm">About Us</h4><ul class="space-y-3 sm:space-y-4"><li><a href="/about-us" class="group/link block p-1.5 sm:p-2 rounded-lg hover:bg-white/5 transition-all duration-300"><div class="text-white text-xs sm:text-sm group-hover/link:text-red-400 transition-colors duration-300 font-medium">Gardner Plumbing Co.</div><div class="text-[10px] sm:text-xs text-gray-400 group-hover/link:text-gray-300 transition-colors duration-300">Our story &amp; team</div></a></li><li><a href="/contact-us" class="group/link block p-1.5 sm:p-2 rounded-lg hover:bg-white/5 transition-all duration-300"><div class="text-white text-xs sm:text-sm group-hover/link:text-red-400 transition-colors duration-300 font-medium">Contact Us</div><div class="text-[10px] sm:text-xs text-gray-400 group-hover/link:text-gray-300 transition-colors duration-300">Get in touch today</div></a></li><li><a href="/reviews" class="group/link block p-1.5 sm:p-2 rounded-lg hover:bg-white/5 transition-all duration-300"><div class="text-white text-xs sm:text-sm group-hover/link:text-red-400 transition-colors duration-300 font-medium">Customer Reviews</div><div class="text-[10px] sm:text-xs text-gray-400 group-hover/link:text-gray-300 transition-colors duration-300">See what clients say</div></a></li><li><a href="/service-areas" class="group/link block p-1.5 sm:p-2 rounded-lg hover:bg-white/5 transition-all duration-300"><div class="text-white text-xs sm:text-sm group-hover/link:text-red-400 transition-colors duration-300 font-medium">Service Areas</div><div class="text-[10px] sm:text-xs text-gray-400 group-hover/link:text-gray-300 transition-colors duration-300">Where we work</div></a></li><li><a href="/reviews" class="group/link block p-1.5 sm:p-2 rounded-lg hover:bg-white/5 transition-all duration-300"><div class="text-white text-xs sm:text-sm group-hover/link:text-red-400 transition-colors duration-300 font-medium">Testimonials</div><div class="text-[10px] sm:text-xs text-gray-400 group-hover/link:text-gray-300 transition-colors duration-300">Success stories</div></a></li><li><a href="/guarantee" class="group/link block p-1.5 sm:p-2 rounded-lg hover:bg-white/5 transition-all duration-300"><div class="text-white text-xs sm:text-sm group-hover/link:text-red-400 transition-colors duration-300 font-medium">Our Guarantee</div><div class="text-[10px] sm:text-xs text-gray-400 group-hover/link:text-gray-300 transition-colors duration-300">Quality promise</div></a></li><li><a href="/clean-visit-promise" class="group/link block p-1.5 sm:p-2 rounded-lg hover:bg-white/5 transition-all duration-300"><div class="text-white text-xs sm:text-sm group-hover/link:text-red-400 transition-colors duration-300 font-medium">Clean Visit Promise</div><div class="text-[10px] sm:text-xs text-gray-400 group-hover/link:text-gray-300 transition-colors duration-300">Clean-home standard</div></a></li><li><a href="/gardner-shield" class="group/link block p-1.5 sm:p-2 rounded-lg hover:bg-white/5 transition-all duration-300"><div class="text-white text-xs sm:text-sm group-hover/link:text-red-400 transition-colors duration-300 font-medium">The Gardner Shield</div><div class="text-[10px] sm:text-xs text-gray-400 group-hover/link:text-gray-300 transition-colors duration-300">Membership program</div></a></li></ul></div><div class="glassmorphism-dark rounded-xl sm:rounded-2xl p-4 sm:p-6 shadow-luxury hover-lift transition-all duration-500 border border-white/10"><h4 class="text-base sm:text-lg text-white mb-4 sm:mb-6 pb-2 sm:pb-3 border-b-2 border-red-600 drop-shadow-sm">Quick Links</h4><ul class="space-y-3 sm:space-y-4"><li><a href="/book-online" class="group/link block p-1.5 sm:p-2 rounded-lg hover:bg-white/5 transition-all duration-300"><div class="text-white text-xs sm:text-sm group-hover/link:text-red-400 transition-colors duration-300 font-medium">Book Online</div><div class="text-[10px] sm:text-xs text-gray-400 group-hover/link:text-gray-300 transition-colors duration-300">Schedule appointment</div></a></li><li><a href="/services/plumbing/emergency-service" class="group/link block p-1.5 sm:p-2 rounded-lg hover:bg-white/5 transition-all duration-300"><div class="text-white text-xs sm:text-sm group-hover/link:text-red-400 transition-colors duration-300 font-medium">Emergency Service</div><div class="text-[10px] sm:text-xs text-gray-400 group-hover/link:text-gray-300 transition-colors duration-300">24/7 urgent help</div></a></li><li><a href="/frequently-asked-questions" class="group/link block p-1.5 sm:p-2 rounded-lg hover:bg-white/5 transition-all duration-300"><div class="text-white text-xs sm:text-sm group-hover/link:text-red-400 transition-colors duration-300 font-medium">FAQ</div><div class="text-[10px] sm:text-xs text-gray-400 group-hover/link:text-gray-300 transition-colors duration-300">Common questions</div></a></li><li><a href="/blog" class="group/link block p-1.5 sm:p-2 rounded-lg hover:bg-white/5 transition-all duration-300"><div class="text-white text-xs sm:text-sm group-hover/link:text-red-400 transition-colors duration-300 font-medium">Blog</div><div class="text-[10px] sm:text-xs text-gray-400 group-hover/link:text-gray-300 transition-colors duration-300">Tips &amp; insights</div></a></li><li><a href="/financing" class="group/link block p-1.5 sm:p-2 rounded-lg hover:bg-white/5 transition-all duration-300"><div class="text-white text-xs sm:text-sm group-hover/link:text-red-400 transition-colors duration-300 font-medium">Financing</div><div class="text-[10px] sm:text-xs text-gray-400 group-hover/link:text-gray-300 transition-colors duration-300">Payment options</div></a></li><li><a href="/warranty" class="group/link block p-1.5 sm:p-2 rounded-lg hover:bg-white/5 transition-all duration-300"><div class="text-white text-xs sm:text-sm group-hover/link:text-red-400 transition-colors duration-300 font-medium">Warranty Info</div><div class="text-[10px] sm:text-xs text-gray-400 group-hover/link:text-gray-300 transition-colors duration-300">Coverage details</div></a></li><li><a href="/transparent-pricing" class="group/link block p-1.5 sm:p-2 rounded-lg hover:bg-white/5 transition-all duration-300"><div class="text-white text-xs sm:text-sm group-hover/link:text-red-400 transition-colors duration-300 font-medium">
32Transparent Pricing</div><div class="text-[10px] sm:text-xs text-gray-400 group-hover/link:text-gray-300 transition-colors duration-300">Upfront flat rates</div></a></li><li><a href="/plumbing-help" class="group/link block p-1.5 sm:p-2 rounded-lg hover:bg-white/5 transition-all duration-300"><div class="text-white text-xs sm:text-sm group-hover/link:text-red-400 transition-colors duration-300 font-medium">Plumbing Help</div><div class="text-[10px] sm:text-xs text-gray-400 group-hover/link:text-gray-300 transition-colors duration-300">Emergency &amp; problem guides</div></a></li></ul></div><div class="sm:col-span-2 md:col-span-1 glassmorphism-dark rounded-xl sm:rounded-2xl p-4 sm:p-6 shadow-luxury hover-lift transition-all duration-500 border border-white/10"><h4 class="text-base sm:text-lg text-white mb-4 sm:mb-6 pb-2 sm:pb-3 border-b-2 border-red-600 drop-shadow-sm">From Our Blog</h4><p class="text-gray-300 text-xs sm:text-sm mb-4 sm:mb-6 leading-relaxed">Get expert plumbing tips, home maintenance advice, and industry insights from our latest blog posts.</p><div class="mb-6 sm:mb-8"><a href="/blog" class="block w-full text-center bg-gradient-to-r from-red-600 to-red-500 hover:from-red-700 hover:to-red-600 text-white font-medium shadow-lg hover:shadow-xl transition-all duration-300 rounded-lg sm:rounded-xl border border-red-400/20 text-sm py-2 sm:py-3">Visit Our Blog</a></div><div class="mb-4 sm:mb-6"><p class="text-white text-xs sm:text-sm mb-3 sm:mb-4 font-medium">Follow Us</p><div class="flex gap-2 sm:gap-3"><a href="https://www.facebook.com/people/Gardner-Plumbing-Company/100063665179161/#" target="_blank" rel="noopener noreferrer"><div class="w-8 h-8 sm:w-10 sm:h-10 bg-gradient-to-br from-red-600 to-red-500 rounded-full flex items-center justify-center hover:from-red-700 hover:to-red-600 transition-all duration-300 cursor-pointer shadow-lg hover:shadow-xl hover-lift"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 sm:h-5 sm:w-5 text-white drop-shadow-sm"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg></div></a><a href="https://www.youtube.com/channel/UCn8DkWu_niFYrW7jCtsUkUg" target="_blank" rel="noopener noreferrer"><div class="w-8 h-8 sm:w-10 sm:h-10 bg-gradient-to-br from-red-600 to-red-500 rounded-full flex items-center justify-center hover:from-red-700 hover:to-red-600 transition-all duration-300 cursor-pointer shadow-lg hover:shadow-xl hover-lift"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 sm:h-5 sm:w-5 text-white drop-shadow-sm"><path d="M2.5 17a24.12 24.12 0 0 1 0-10 2 2 0 0 1 1.4-1.4 49.56 49.56 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24.12 24.12 0 0 1 0 10 2 2 0 0 1-1.4 1.4 49.55 49.55 0 0 1-16.2 0A2 2 0 0 1 2.5 17"></path><path d="m10 15 5-3-5-3z"></path></svg></div></a><a href="https://www.instagram.com/gardnerplumbingco/" target="_blank" rel="noopener noreferrer"><div class="w-8 h-8 sm:w-10 sm:h-10 bg-gradient-to-br from-red-600 to-red-500 rounded-full flex items-center justify-center hover:from-red-700 hover:to-red-600 transition-all duration-300 cursor-pointer shadow-lg hover:shadow-xl hover-lift"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-4 w-4 sm:h-5 sm:w-5 text-white drop-shadow-sm"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"></line></svg></div></a></div></div><div class="relative overflow-hidden rounded-lg sm:rounded-xl p-3 sm:p-4 shadow-lg hover:shadow-xl transition-all duration-300 hover-lift" style="background:linear-gradient(135deg, rgba(139, 0, 0, 0.9) 0%, rgba(220, 38, 38, 0.9) 100%);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.2), 0 8px 32px rgba(139, 0, 0, 0.4)"><div class="absolute inset-0 opacity-30" style="background:linear-gradient(135deg, transparent 0%, rgba(255, 255, 255, 0.1) 25%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 100%)"></div><div class="relative"><div class="text-red-100 text-center text-xs sm:text-sm mb-1.5 sm:mb-2 font-semibold drop-shadow-sm">Emergency? Call Now!</div><a href="tel:19512464337"><button data-slot="button" class="inline-flex items-center justify-center whitespace-nowrap font-medium disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;
32size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive h-8 gap-1.5 px-3 has-[&gt;svg]:px-2.5 bg-white/20 hover:bg-white/30 text-white w-full shadow-lg hover:shadow-xl transition-all duration-300 backdrop-blur-sm border border-white/20 rounded-lg sm:rounded-xl text-xs sm:text-sm py-2 sm:py-3">(951) 246-4337</button></a></div></div></div></div></div></div><div class="border-t border-white/10 pt-6 sm:pt-8"><div class="glassmorphism-dark rounded-xl sm:rounded-2xl p-4 sm:p-6 shadow-luxury"><div class="flex flex-col md:flex-row justify-between items-center gap-3 sm:gap-4"><div class="flex flex-col sm:flex-row items-center gap-2 sm:gap-4 text-center sm:text-left"><p class="text-gray-400 text-xs sm:text-sm">© <!-- -->2026<!-- --> Gardner Plumbing Co. All rights reserved.</p><div class="flex items-center gap-1 sm:gap-2 text-xs sm:text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="h-3 w-3 sm:h-4 sm:w-4 text-yellow-400 drop-shadow-sm"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg><span class="text-gray-400">4.9★ Rated Service</span></div></div><div class="flex flex-wrap justify-center gap-4 sm:gap-6 text-xs sm:text-sm"><a href="/privacy-policy" class="text-gray-400 hover:text-red-400 transition-colors duration-300 hover-lift">Privacy Policy</a><a href="/terms-and-services" class="text-gray-400 hover:text-red-400 transition-colors duration-300 hover-lift">Terms of Service</a><a href="/sitemap_index.xml" class="text-gray-400 hover:text-red-400 transition-colors duration-300 hover-lift">Sitemap</a><button class="text-gray-400 hover:text-red-400 transition-colors duration-300 hover-lift">Cookie Settings</button></div></div><div class="mt-3 sm:mt-4 pt-3 sm:pt-4 border-t border-white/10 text-center"><p class="text-gray-500 text-[11px] sm:text-xs">Designed &amp; Developed by<!-- --> <a href="https://tdmarketinggroup.com/" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-red-400 transition-colors duration-300">TD Marketing Group</a></p></div></div></div></div></footer>
32<script src="/_next/static/chunks/bd0aa1786247ff95.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko" id="_R_" async=""></script>
32<script>(self.__next_f=self.__next_f||[]).push([0])</script>
32<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[79520,[\"/_next/static/chunks/6e73e0e2c0966208.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko\",\"/_next/static/chunks/b0ed935196859677.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko\",\"/_next/static/chunks/c7f862e62ebddbfe.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko\"],\"\"]\nc:I[68027,[\"/_next/static/chunks/6e73e0e2c0966208.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko\",\"/_next/static/chunks/b0ed935196859677.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko\",\"/_next/static/chunks/c7f862e62ebddbfe.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko\"],\"default\"]\n:HL[\"/_next/static/chunks/f4f8e1dbd8795ef8.css?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko\",\"style\"]\n3:T809,"])</script>
32<script>self.__next_f.push([1,"{\"@context\":\"https://schema.org\",\"@type\":\"Plumber\",\"name\":\"Gardner Plumbing Co.\",\"image\":\"https://gardnerplumbingco.com/gardner_logo.webp\",\"url\":\"https://gardnerplumbingco.com\",\"telephone\":\"+1-951-246-4337\",\"priceRange\":\"$$\",\"address\":{\"@type\":\"PostalAddress\",\"addressLocality\":\"Murrieta\",\"addressRegion\":\"CA\",\"addressCountry\":\"US\"},\"areaServed\":[\"Banning\",\"Beaumont\",\"Calimesa\",\"Cathedral City\",\"Cherry Valley\",\"Corona\",\"Eastvale\",\"Garnet\",\"Hemet\",\"Jurupa Valley\",\"Lake Elsinore\",\"Menifee\",\"Mentone\",\"Moreno Valley\",\"Murrieta\",\"North Palm Springs\",\"Palm Springs\",\"Palm Desert\",\"Pedley\",\"Perris\",\"Redlands\",\"Riverside\",\"San Jacinto\",\"Temecula\",\"Yucaipa\"],\"geo\":{\"@type\":\"GeoCoordinates\",\"latitude\":33.4936,\"longitude\":-117.1484},\"openingHoursSpecification\":[{\"@type\":\"OpeningHoursSpecification\",\"dayOfWeek\":[\"Monday\",\"Tuesday\",\"Wednesday\",\"Thursday\",\"Friday\",\"Saturday\",\"Sunday\"],\"opens\":\"00:00\",\"closes\":\"23:59\"}],\"sameAs\":[\"https://www.facebook.com/gardnerplumbingco\",\"https://www.google.com/search?q=Gardner+Plumbing+Company\"],\"aggregateRating\":{\"@type\":\"AggregateRating\",\"ratingValue\":\"4.9\",\"reviewCount\":\"900\",\"bestRating\":\"5\",\"worstRating\":\"1\"},\"description\":\"Reliable plumbing services in Riverside County for over 30 years. Licensed, insured, and available 24/7 for emergency plumbing services.\",\"paymentAccepted\":\"Cash, Credit Card, Check, Financing Available\",\"currenciesAccepted\":\"USD\",\"hasOfferCatalog\":{\"@type\":\"OfferCatalog\",\"name\":\"Plumbing Services\",\"itemListElement\":[{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"Emergency Plumbing Services\",\"description\":\"24/7 emergency plumbing repair and service\"}},{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"Water Heater Service\",\"description\":\"Water heater repair, replacement, and installation\"}},{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"Drain Cleaning\",\"description\":\"Professional drain cleaning and clog removal\"}},{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"Leak Detection\",\"description\":\"Advanced leak detection and repair services\"}}]}}"])</script>
32<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"eRY-HnKQ1PRbHQ0WuG8pV\",\"p\":\"\",\"c\":[\"\",\"contact-us\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"contact-us\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/f4f8e1dbd8795ef8.css?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/6e73e0e2c0966208.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/b0ed935196859677.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/c7f862e62ebddbfe.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"$L2\",null,{\"src\":\"https://www.googletagmanager.com/gtag/js?id=G-Z0JKSKHPR3\",\"strategy\":\"afterInteractive\"}],[\"$\",\"$L2\",null,{\"id\":\"google-analytics\",\"strategy\":\"afterInteractive\",\"children\":\"\\n            window.dataLayer = window.dataLayer || [];\\n            function gtag(){dataLayer.push(arguments);}\\n            gtag('js', new Date());\\n            gtag('config', 'G-Z0JKSKHPR3');\\n          \"}],[\"$\",\"$L2\",null,{\"id\":\"local-business-schema\",\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$3\"},\"strategy\":\"beforeInteractive\"}],[\"$\",\"$L2\",null,{\"id\":\"servicetitan-dni\",\"strategy\":\"afterInteractive\",\"children\":\"\\n            dni = (function(q,w,e,r,t,y,u){q['ServiceTitanDniObject']=t;q[t]=q[t]||function(){\\n              (q[t].q=q[t].q||[]).push(arguments)};q[t].l=1*new Date();y=w.createElement(e);\\n              u=w.getElementsByTagName(e)[0];y.async=true;y.src=r;u.parentNode.insertBefore(y,u);\\n              return q[t];\\n            })(window,document,'script','https://static.servicetitan.com/marketing-ads/dni.js','dni');\\n            dni('init', '877085251');\\n            document.addEventListener('DOMContentLoaded', function() { dni('load'); }, false);\\n          \"}],\"$L4\",\"$L5\",\"$L6\"]}],\"$L7\",\"$L8\"]}]]}],{\"children\":[\"contact-us\",\"$L9\",{\"children\":[\"__PAGE__\",\"$La\",{},null,false]},null,false]},null,false],\"$Lb\",false]],\"m\":\"$undefined\",\"G\":[\"$c\",[\"$Ld\"]],\"s\":false,\"S\":true}\n"])</script>
32<script>self.__next_f.push([1,"f:I[39756,[\"/_next/static/chunks/ff1a16fafef87110.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko\",\"/_next/static/chunks/caa4ba11518638d8.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko\"],\"default\"]\n10:I[8821,[\"/_next/static/chunks/6e73e0e2c0966208.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko\",\"/_next/static/chunks/b0ed935196859677.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko\",\"/_next/static/chunks/c7f862e62ebddbfe.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko\",\"/_next/static/chunks/b46a2f1398956653.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko\"],\"default\"]\n11:I[37457,[\"/_next/static/chunks/ff1a16fafef87110.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko\",\"/_next/static/chunks/caa4ba11518638d8.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko\"],\"default\"]\n12:I[82217,[\"/_next/static/chunks/6e73e0e2c0966208.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko\",\"/_next/static/chunks/b0ed935196859677.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko\",\"/_next/static/chunks/c7f862e62ebddbfe.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko\",\"/_next/static/chunks/ad0f081119892a76.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko\"],\"NotFoundContent\"]\n13:I[56691,[\"/_next/static/chunks/6e73e0e2c0966208.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko\",\"/_next/static/chunks/b0ed935196859677.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko\",\"/_next/static/chunks/c7f862e62ebddbfe.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko\"],\"Footer\"]\n14:I[55688,[\"/_next/static/chunks/6e73e0e2c0966208.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko\",\"/_next/static/chunks/b0ed935196859677.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko\",\"/_next/static/chunks/c7f862e62ebddbfe.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko\"],\"CookieConsentBanner\"]\n15:I[29653,[\"/_next/static/chunks/6e73e0e2c0966208.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko\",\"/_next/static/chunks/b0ed935196859677.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko\",\"/_next/static/chunks/c7f862e62ebddbfe.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko\"],\"AcsbScript\"]\n16:I[63971,[\"/_next/static/chunks/6e73e0e2c0966208.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko\",\"/_next/static/chunks/b0ed935196859677.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko\",\"/_next/"])</script>
32<script>self.__next_f.push([1,"static/chunks/c7f862e62ebddbfe.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko\",\"/_next/static/chunks/1dd586a62d188782.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko\",\"/_next/static/chunks/fb175b837c47c0e8.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko\"],\"Contact\"]\n17:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko\",\"/_next/static/chunks/caa4ba11518638d8.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko\"],\"OutletBoundary\"]\n19:I[11533,[\"/_next/static/chunks/ff1a16fafef87110.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko\",\"/_next/static/chunks/caa4ba11518638d8.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko\"],\"AsyncMetadataOutlet\"]\n1b:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko\",\"/_next/static/chunks/caa4ba11518638d8.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko\"],\"ViewportBoundary\"]\n1d:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko\",\"/_next/static/chunks/caa4ba11518638d8.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko\"],\"MetadataBoundary\"]\n1e:\"$Sreact.suspense\"\n4:[\"$\",\"$L2\",null,{\"id\":\"meta-pixel\",\"strategy\":\"afterInteractive\",\"children\":\"\\n            !function(f,b,e,v,n,t,s)\\n            {if(f.fbq)return;n=f.fbq=function(){n.callMethod?\\n            n.callMethod.apply(n,arguments):n.queue.push(arguments)};\\n            if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\\n            n.queue=[];t=b.createElement(e);t.async=!0;\\n            t.src=v;s=b.getElementsByTagName(e)[0];\\n            s.parentNode.insertBefore(t,s)}(window, document,'script',\\n            'https://connect.facebook.net/en_US/fbevents.js');\\n            fbq('init', '1187663253533257');\\n            fbq('track', 'PageView');\\n          \"}]\n5:[\"$\",\"noscript\",null,{\"children\":[\"$\",\"img\",null,{\"height\":\"1\",\"width\":\"1\",\"style\":{\"display\":\"none\"},\"src\":\"https://www.facebook.com/tr?id=1187663253533257\u0026ev=PageView\u0026noscript=1\",\"alt\":\"\"}]}]\n6:[\"$\",\"$L2\",null,{\"src\":\"https://www.google.com/recaptcha/enterprise.js?render=6LeEL0QsAAAAAOdOJFRc9PxAimmuVchWMVZjBcBk\",\"strategy\":\"afterInter"])</script>
32<script>self.__next_f.push([1,"active\"}]\n"])</script>
32<script>self.__next_f.push([1,"7:[\"$\",\"body\",null,{\"className\":\"bg-background text-foreground antialiased min-h-screen\",\"children\":[\"$Le\",[\"$\",\"main\",null,{\"children\":[\"$\",\"$Lf\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$10\",\"errorStyles\":[],\"errorScripts\":[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/b46a2f1398956653.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko\",\"async\":true}]],\"template\":[\"$\",\"$L11\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"$L12\",null,{}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}],[\"$\",\"$L13\",null,{}],[\"$\",\"$L14\",null,{}],[\"$\",\"$L2\",null,{\"src\":\"https://link.tdmarketinggroup.com/js/external-tracking.js\",\"data-tracking-id\":\"tk_78a2590609e84e5cb64d7c9be0fc7cb3\",\"strategy\":\"afterInteractive\"}]]}]\n"])</script>
32<script>self.__next_f.push([1,"8:[\"$\",\"$L15\",null,{}]\n9:[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$Lf\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L11\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]\na:[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"div\",null,{\"className\":\"bg-background text-foreground min-h-screen\",\"children\":[\"$\",\"main\",null,{\"children\":[\"$\",\"$L16\",null,{}]}]}],[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/1dd586a62d188782.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/fb175b837c47c0e8.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L17\",null,{\"children\":[\"$L18\",[\"$\",\"$L19\",null,{\"promise\":\"$@1a\"}]]}]]}]\nb:[\"$\",\"$1\",\"h\",{\"children\":[null,[[\"$\",\"$L1b\",null,{\"children\":\"$L1c\"}],null],[\"$\",\"$L1d\",null,{\"children\":[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$1e\",null,{\"fallback\":null,\"children\":\"$L1f\"}]}]}]]}]\nd:[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/f4f8e1dbd8795ef8.css?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n"])</script>
32<script>self.__next_f.push([1,"1c:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n18:null\n"])</script>
32<script>self.__next_f.push([1,"20:I[27201,[\"/_next/static/chunks/ff1a16fafef87110.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko\",\"/_next/static/chunks/caa4ba11518638d8.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko\"],\"IconMark\"]\n"])</script>
32<script>self.__next_f.push([1,"1a:{\"metadata\":[[\"$\",\"title\",\"0\",{\"children\":\"Contact Us | Gardner Plumbing Co.\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Get in touch with Gardner Plumbing Co. for all your plumbing needs in Riverside County. 24/7 emergency service available.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"keywords\",\"content\":\"plumbing services,Riverside County plumber,water heater repair,drain cleaning,emergency plumber,Temecula plumber,Murrieta plumber\"}],[\"$\",\"meta\",\"3\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"4\",{\"name\":\"googlebot\",\"content\":\"index, follow, max-image-preview:large, max-snippet:-1\"}],[\"$\",\"link\",\"5\",{\"rel\":\"canonical\",\"href\":\"https://gardnerplumbingco.com/contact-us\"}],[\"$\",\"meta\",\"6\",{\"name\":\"google-site-verification\",\"content\":\"Ji8WKO1-htmsFEGwW2zGn19UbNqnWxM1v4q6EN4-Pok\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:title\",\"content\":\"Contact Us | Gardner Plumbing Co.\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:description\",\"content\":\"Get in touch with Gardner Plumbing Co. for all your plumbing needs. 24/7 service available.\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:url\",\"content\":\"https://gardnerplumbingco.com/contact-us\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:image\",\"content\":\"https://gardnerplumbingco.com/gardner_logo.webp\"}],[\"$\",\"meta\",\"11\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"12\",{\"name\":\"twitter:title\",\"content\":\"Contact Us | Gardner Plumbing Co.\"}],[\"$\",\"meta\",\"13\",{\"name\":\"twitter:description\",\"content\":\"Get in touch with Gardner Plumbing Co. for all your plumbing needs. 24/7 service available.\"}],[\"$\",\"meta\",\"14\",{\"name\":\"twitter:image\",\"content\":\"https://gardnerplumbingco.com/gardner_logo.webp\"}],[\"$\",\"link\",\"15\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.da43f60d.ico\",\"sizes\":\"48x48\",\"type\":\"image/x-icon\"}],[\"$\",\"$L20\",\"16\",{}]],\"error\":null,\"digest\":\"$undefined\"}\n"])</script>
32<script>self.__next_f.push([1,"1f:\"$1a:metadata\"\n"])</script>
32<script>self.__next_f.push([1,"21:I[70119,[\"/_next/static/chunks/6e73e0e2c0966208.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko\",\"/_next/static/chunks/b0ed935196859677.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko\",\"/_next/static/chunks/c7f862e62ebddbfe.js?dpl=dpl_5ucNS9sA9ZTnjpGszqjeqKdDUrko\"],\"Header\"]\ne:[\"$\",\"$L21\",null,{\"ratingLabel\":\"4.9\",\"ratingBadge\":\"$L22\"}]\n"])</script>
32<script>self.__next_f.push([1,"22:[\"$\",\"a\",null,{\"href\":\"https://www.google.com/search?q=Gardner+Plumbing+Company+Reviews#lrd=ChIJJbI_CQ-d3IARD-2Dv6Lmh-8,1\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"inline-flex transition-opacity hover:opacity-90 focus-visible:outline-2 focus-visible:outline-red-500 rounded-xl\",\"children\":[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-2 rounded-full px-3 py-1.5 bg-white/5 border border-white/15 backdrop-blur-sm shadow-sm text-white\",\"aria-label\":\"Rated 4.9 out of 5 stars from 1,256 Google reviews\",\"children\":[[\"$\",\"svg\",null,{\"viewBox\":\"0 0 24 24\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"aria-hidden\":\"true\",\"className\":\"h-4 w-4 shrink-0\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\",\"fill\":\"#4285F4\"}],[\"$\",\"path\",null,{\"d\":\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.99.66-2.25 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\",\"fill\":\"#34A853\"}],[\"$\",\"path\",null,{\"d\":\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z\",\"fill\":\"#FBBC05\"}],[\"$\",\"path\",null,{\"d\":\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\",\"fill\":\"#EA4335\"}]]}],[\"$\",\"span\",null,{\"className\":\"text-xs font-bold text-white font-mono\",\"children\":\"4.9\"}],[\"$\",\"span\",null,{\"className\":\"text-[#FBBC05] text-xs leading-none\",\"aria-hidden\":\"true\",\"children\":\"★★★★★\"}],[\"$\",\"span\",null,{\"className\":\"text-xs text-white/60 font-medium\",\"children\":[\"(\",\"1,256\",\")\"]}]]}]}]\n"])</script>
32</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.