|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>Leak Detection Services | Evergreen Services Warwick, RI</title> |
|
|
<link rel="icon" type="image/x-icon" href="/static/favicon.ico"> |
|
|
<script src="https://cdn.tailwindcss.com"></script> |
|
|
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"> |
|
|
<script src="https://unpkg.com/aos@2极.3.1/dist/aos.js"></script> |
|
|
<script src极="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> |
|
|
<script src="https://unpkg.com/feather-icons"></script> |
|
|
<style> |
|
|
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap'); |
|
|
body { |
|
|
font-family: 'Poppins', sans-serif; |
|
|
} |
|
|
.nav-link:hover { |
|
|
color: #10b981; |
|
|
} |
|
|
.group:hover .group-hover\\:block { |
|
|
display: block; |
|
|
} |
|
|
.group .group-hover\\:block { |
|
|
transition: opacity 0.2s ease-in-out; |
|
|
} |
|
|
.service-card:hover { |
|
|
transform: translateY(-5px); |
|
|
box-shadow: 0 10px 25极px rgba(0,0,0,0.1); |
|
|
} |
|
|
.btn-primary { |
|
|
background-color: #10b981; |
|
|
transition: all 0.3s ease; |
|
|
} |
|
|
.btn-primary:hover { |
|
|
background-color: #059669; |
|
|
transform: translateY(-2px); |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body class="bg-gray-50"> |
|
|
|
|
|
<div class="bg-green-800 text-white py-2 px-4"> |
|
|
<div class="container mx-auto flex justify-between items-center"> |
|
|
<div class="flex items-center space-x-4"> |
|
|
<i data-feather="phone" class="w-4 h-4"></i> |
|
|
<a href="tel:4012003026" class="hover:text-green-200">(401) 200-3026</a> |
|
|
</div> |
|
|
<div class="flex items-center space-x-4"> |
|
|
<a href="#" class="hover:text-green-200">Emergency Services</a> |
|
|
<a href="#" class="hover:text-green-200">Financing</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<nav class="bg-white shadow-md sticky top-0 z-50"> |
|
|
<div class="container mx-auto px-4 py极-3 flex justify-between items-center"> |
|
|
<a href="/" class="flex items-center"> |
|
|
<img src="https://spcdn.shortpixel.ai/spio/ret_img,q_cdnize,to_auto,s_webp:avif/evergreenplumbingri.com/wp-content/uploads/2024/11/cropped-EGS-house.webp" alt="Evergreen Services Logo" class="h-12"> |
|
|
<span class="ml-2 text-xl font-bold text-gray-800">Evergreen Services</极span> |
|
|
</a> |
|
|
|
|
|
<div class="hidden md:flex space-x-8"> |
|
|
<div class="group relative"> |
|
|
<a href="#" class="nav-link text-gray-700 hover:text-green-600 font-medium" onclick="event.preventDefault(); this.parentElement.classList.toggle('open')">Plumbing</a> |
|
|
<div class="absolute hidden group-hover:block group-[.open]:block bg-white shadow-lg rounded-md mt-2 w-48 z-50 transition-opacity duration-200"> |
|
|
<a href="plumbing-repair.html" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Plumbing Repair</a> |
|
|
<a href="water-heaters.html" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Water Heaters</a> |
|
|
<a href="sump-pumps.html" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Sump Pumps</a> |
|
|
<a href="leak-detection.html" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Leak Detection</a> |
|
|
<a href="#" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">All Services</a> |
|
|
</div> |
|
|
</div> |
|
|
<div class="group relative"> |
|
|
<a href="#" class="nav-link text-gray-700 hover:text-green-600 font-medium">Drains</a> |
|
|
<div class="absolute hidden group-hover:block bg-white shadow-lg rounded-md mt-2 w-48 z-50 transition-opacity duration-200"> |
|
|
<a href="#" class="block px-4 py-2 text-gray-700 hover:bg-gray极-100">Drain Clearing</a> |
|
|
<a href="#" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Sewer Line Repair</a> |
|
|
<a href="#" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Rooter Services</a> |
|
|
</div> |
|
|
</div> |
|
|
<div class="group relative"> |
|
|
<a href="#" class="nav-link text-gray-700 hover:text-green-600 font-medium">Heating</a> |
|
|
<div class="absolute hidden group-hover:block bg-white shadow-lg rounded-md mt-2 w-48 z-50 transition-opacity duration-200"> |
|
|
<a href="#" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Furnace Repair</a> |
|
|
<a href="#" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Boiler Services</a> |
|
|
<a href="#" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Heat Pumps</极a> |
|
|
</div> |
|
|
</div> |
|
|
<div class="group relative"> |
|
|
<a href="#" class="nav-link text-gray-700 hover:text-green-600 font-medium" onclick="event.preventDefault(); this.parentElement.classList.toggle('open')">Cooling</a> |
|
|
<div class="absolute hidden group-hover:block group-[.open]:block bg-white shadow-lg rounded-md mt-2 w-48 z-50 transition-opacity duration-200"> |
|
|
<a href="#" class="block px-4 py-2 text极-gray-700 hover:bg-gray-100">AC Repair</a> |
|
|
<a href="#" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Mini-Splits</a> |
|
|
<a href="#" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Maintenance</a> |
|
|
</div> |
|
|
</极div> |
|
|
<a href="#" class="nav-link text-gray-700 hover:text-green-600 font-medium">About</a> |
|
|
<a href="#" class="nav-link text-gray-700 hover:text-green-600 font-medium">Contact</a> |
|
|
</div> |
|
|
|
|
|
<button class="md:hidden focus:outline-none"> |
|
|
<i data-feather="menu" class="w-6 h-6 text-gray-700"></i> |
|
|
</button> |
|
|
</div> |
|
|
</nav> |
|
|
|
|
|
|
|
|
<section class="relative bg-gradient-to-r from-green-700 to-green-900 text-white py-20"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="max-w-4xl mx-auto text-center"> |
|
|
<h1 class="text-4xl md:text-5xl font-bold mb-6">Professional Leak Detection</h1> |
|
|
<p class="text-xl mb-8">Advanced leak detection technology to find hidden water leaks before they cause major damage in Warwick, RI</p> |
|
|
<a href="tel:4012003026" class="btn-primary text-white font-bold py-3 px-8 rounded-lg text-center inline-block"> |
|
|
Call Now (401) 200-3026 |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-16 bg-white"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<h2 class="text-3xl font-bold text-center mb-12">Our Leak Detection Services</h2> |
|
|
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> |
|
|
|
|
|
<div class="service-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300"> |
|
|
<div class="bg-green-100 p-6 flex justify-center"> |
|
|
<img src="http://static.photos/technology/320x240/123" alt="Electronic Leak Detection" class="h-20"> |
|
|
</div> |
|
|
<div class="p-6"> |
|
|
<h3 class="text-xl font-bold mb-4">Electronic Detection</h3> |
|
|
<p class="text-gray-700 mb-4">State-of-the-art electronic equipment to pinpoint leaks without destructive digging.</p> |
|
|
<ul class="space-y-2 text-sm"> |
|
|
<li>Acoustic listening devices</li> |
|
|
<li>Ground microphones</li> |
|
|
<li>Correlation technology</li> |
|
|
<li>Non-invasive methods</li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="service-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300"> |
|
|
<div class="bg-green-100 p-6 flex justify-center"> |
|
|
<img src="http://static.photos/technology/320x240/124" alt="Thermal Imaging" class="h-20"> |
|
|
</div> |
|
|
<div class="p-6"> |
|
|
<h3 class="text-xl font-bold mb-4">Thermal Imaging</h3> |
|
|
<p class极="text-gray-700 mb-4">Infrared cameras detect temperature differences to reveal hidden water leaks.</p> |
|
|
<ul class="space-y-2 text-sm"> |
|
|
<li>Wall and floor moisture detection</li> |
|
|
<li>Pipe location mapping</li> |
|
|
<li>Non-destructive inspection</li> |
|
|
<li>Real-time visual results</li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="service-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300"> |
|
|
<div class="bg-green-100 p-6 flex justify-center"> |
|
|
<img src="http://static.photos/technology/320x240/125" alt="Video Pipe Inspection" class="h-20"> |
|
|
</div> |
|
|
<div class="p-6"> |
|
|
<h3 class="text-xl font-bold mb-4">Video Inspection</h3> |
|
|
<p class="text-gray-700 mb-4">Miniature cameras inspect pipes internally to locate cracks and leaks.</p> |
|
|
<ul class="space-y-2 text-sm"> |
|
|
<li>High-resolution cameras</li> |
|
|
<li>Real-time video feed</li> |
|
|
<li>Pipe condition assessment</li> |
|
|
<li>Precise leak location</li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="service-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300"> |
|
|
<div class="bg-green-100 p-6 flex justify-center"> |
|
|
<img src="http://static.photos/construction/320x240/126" alt="Slab Leak Detection" class="h-20"> |
|
|
</div> |
|
|
<div class="p-6"> |
|
|
<h3 class="text-xl font-bold mb-4">Slab Leaks</h3> |
|
|
<p class="text-gray-700 mb-4">Specialized detection for leaks under concrete slabs and foundations.</p> |
|
|
<ul class="space-y-2 text-sm"> |
|
|
<li>Concrete penetration detection</li> |
|
|
<li>Foundation protection</li> |
|
|
<li>Minimal disruption repairs</li> |
|
|
<li>Structural damage prevention</li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="service-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300"> |
|
|
<div class="bg-green-100 p-6 flex justify-center"> |
|
|
<img src="http://static.photos/emergency/320x240/127" alt="Emergency Leak Response" class="h-20"> |
|
|
</div> |
|
|
<div class="p-6"> |
|
|
<h3 class="text-xl font-bold mb-4">Emergency Response</h3> |
|
|
<p class="text-gray-700 mb-4">24/7 emergency leak detection and water damage mitigation services.</p> |
|
|
<ul class="space-y-2极 text-sm"> |
|
|
<li>Rapid response teams</li> |
|
|
<li>Water extraction services</li> |
|
|
<li>Emergency repairs</li> |
|
|
<li>Damage prevention</li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="service-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300"> |
|
|
<div class="bg-green-100 p-6 flex justify-center"> |
|
|
<img src="http://static.photos/maintenance/320x240/128" alt="Preventive Maintenance" class="h-20"> |
|
|
</div> |
|
|
<div class="p-6"> |
|
|
<h3 class="text-xl font-bold mb-4">Preventive Programs</h3> |
|
|
<p class="text-gray-700 mb-4">Regular inspection programs to catch leaks early and prevent major damage.</p> |
|
|
<ul class="space-y-2 text-sm"> |
|
|
<li>Scheduled inspections</li> |
|
|
<li>System health reports</li> |
|
|
<li>Early warning detection</li> |
|
|
<li>Cost-saving prevention</li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-16 bg-gray-100"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<h2 class="text-3xl font-bold text-center mb-12">Benefits of Professional Leak Detection</h2> |
|
|
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> |
|
|
<div class="bg-white p-6 rounded-lg shadow-md"> |
|
|
<div class="text-green-600 mb-4"> |
|
|
<i data-feather="home" class="w-8 h-8"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-3">Property Protection</h3> |
|
|
<p class="text-gray-700">Prevent structural damage, mold growth, and foundation issues caused by hidden leaks.</p> |
|
|
</div> |
|
|
<div class="bg-white p-6 rounded-lg shadow-md"> |
|
|
<div class="text-green-600 mb-4"> |
|
|
<i data-feather="dollar-sign" class="w-8 h-8"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-3">Cost Savings</h3> |
|
|
<p class="text-gray-700">Early detection prevents expensive repairs and reduces water waste on your utility bills.</p> |
|
|
</div> |
|
|
<div class="bg-white p-6 rounded-lg shadow-md"> |
|
|
<div class="text-green-600 mb-4"> |
|
|
<i data-feather="shield" class="w-8 h-8"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-3">Non-Invasive</h3> |
|
|
<p class="text-gray-700">Advanced technology finds leaks without destructive digging or wall demolition.</p> |
|
|
</div> |
|
|
<div class="bg-white p极-6 rounded-lg shadow-md"> |
|
|
<div class="text-green-600 mb-4"> |
|
|
<i data-feather="zap" class="w-8 h-8"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-3">Quick Resolution</h3> |
|
|
<p class="text-gray-700">Precise location means faster repairs with minimal disruption to your home.</p> |
|
|
</div> |
|
|
<div class="bg-white p-6 rounded-lg shadow-md"> |
|
|
<div class="text-green-600 mb-4"> |
|
|
<i data-feather="check-circle" class="w-8 h-8"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-3">Accuracy</h3> |
|
|
<p class="text-gray-700">Professional equipment provides exact leak locations for targeted repairs.</p> |
|
|
</div> |
|
|
<div class="bg-white p-6 rounded-lg shadow-md"> |
|
|
<div class="text-green-600 mb-4"> |
|
|
<i data-feather="award" class="w-8 h-8"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-3">Peace of Mind</h3> |
|
|
<p class="text-gray-700">Comprehensive detection ensures no hidden leaks are left undetected.</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-16 bg-green-800 text-white"> |
|
|
<div class="container mx-auto px-4 text-center"> |
|
|
<h2 class="text-3xl font-bold mb-6">Free Leak Detection Evaluation</h2> |
|
|
<p class="text-xl mb-8">Suspect a hidden leak? Get a free assessment with our advanced detection technology</p> |
|
|
<div class="bg-white text-green-800 p-6 rounded-lg max-w-2xl mx-auto mb-8"> |
|
|
<h3 class="text-xl font-bold mb-4">What's Included:</h3> |
|
|
<ul class="space-y-2 text-left"> |
|
|
<li>✓ Professional assessment of your property</li> |
|
|
<li>✓ Advanced electronic leak detection</li> |
|
|
<li>✓ Detailed findings report</li> |
|
|
<li>✓ Repair recommendations</li> |
|
|
<li>✓ No-obligation estimate</li> |
|
|
</ul> |
|
|
</div> |
|
|
<a href="tel:4012003026" class="btn-primary text-white font-bold py-3 px-8极 rounded-lg text-center inline-block"> |
|
|
Schedule Free Evaluation (401) 200-3026 |
|
|
</a> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-16 bg-white"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<h2 class="text-3xl font-bold text-center mb-12">Signs You May Have a Hidden Leak</h2> |
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-8"> |
|
|
<div class="bg-gray-100 p-6 rounded-lg"> |
|
|
<h3 class="text-xl font-bold mb-4 text-green-600">Common Indicators</h3> |
|
|
<ul class="space-y-3"> |
|
|
<li class="flex items-start"> |
|
|
<i data-feather="alert-circle" class="w-5 h-5 text-red-500 mt-1 mr-3"></i> |
|
|
<span>Unexplained increase in water bills</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i data-feather="alert-circle" class="w-5 h-5 text-red-500 mt-1 mr-3"></i> |
|
|
<span>Sound of running water when no fixtures are in use</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i data-feather="alert-circle" class="w-5 h-5 text-red-500 mt-1 mr-3"></i> |
|
|
<span>Damp spots on walls, floors, or ceilings</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i data-feather="alert-circle" class="w-5 h-5 text-red-500 mt-1 mr-3"></i> |
|
|
<span>Mold or mildew growth</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i data-feather="alert-circle" class="w-5 h-5 text-red-500 mt极-1 mr-3"></i> |
|
|
<span>Warm spots on floors (for hot water leaks)</span> |
|
|
</li> |
|
|
</ul> |
|
|
</div> |
|
|
<div class="bg-gray-100 p-6 rounded-lg"> |
|
|
<h3 class="text-xl font-bold mb-4 text-green-600">Outdoor Signs</h3> |
|
|
<ul class="space-y-3"> |
|
|
<li class="flex items-start"> |
|
|
<i data-feather="alert-circle" class="w-5 h-5 text-red-500 mt-1 mr-3"></i> |
|
|
<span>Unexplained wet areas in yard</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i data-feather="alert-circle" class="w-5 h-5 text-red-500 mt-1 mr-3极"></i> |
|
|
<span>Sinkholes or depressions in soil</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i data-feather="alert-circle" class="w-5极 h-5 text-red-500 mt-1 mr-3"></i> |
|
|
<span>Foundation cracks or movement</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i data-feather="alert-circle" class="w-5 h-5 text-red-500 mt-1 mr-3"></i> |
|
|
<span>Unexplained lush green patches in grass</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i data-feather="alert-circle" class="w-5 h-5 text-red-500 mt-1 mr-3"></i> |
|
|
<span>Low water pressure throughout home</span> |
|
|
</li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-16 bg-gray-100"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="max-w-4xl mx-auto bg-white rounded-lg shadow-md overflow-hidden"> |
|
|
<div class极="md:flex"> |
|
|
<div class="md:w-1/2 bg-green-800 text-white p-8 flex flex-col justify-center"> |
|
|
<h2 class="text-2xl font-bold mb-6">Suspect a Leak?</h2> |
|
|
<p class="mb-4">Don't wait for major damage. Contact us for professional leak detection services.</p> |
|
|
<a href="tel:4012003026" class="text-2xl font-bold hover:text-green-200 mb-8">(401) 200-3026</a> |
|
|
<p class="text-sm">Serving Warwick, RI and surrounding areas</p> |
|
|
</div> |
|
|
|
|
|
<div class="md:w-1/2 p-8"> |
|
|
<form class="space-y-4"> |
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-4"> |
|
|
<极div> |
|
|
<label for="first-name" class="block text-gray-700 font-medium mb-1">First Name *</label> |
|
|
<input type="text" id="first-name" class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-green-500"> |
|
|
</div> |
|
|
<div> |
|
|
<label for="last-name" class="block text-gray-700 font-medium mb-1">Last Name *</label> |
|
|
<input type="text" id="last-name" class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-green-500"> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<label for="email" class="block text-gray-700 font-medium mb-1极">Email *</label> |
|
|
<input type="email" id="email" class="w-full px-4 py-2 border rounded-lg focus:极outline-none focus:ring-2 focus:ring-green-500"> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<label for="phone" class="block text-gray-700 font-medium mb-1">Phone Number</label> |
|
|
<input type="tel" id="phone" class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-green-500"> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<label for="suspected-area" class="block text-gray-700 font-medium mb-1">Suspected Leak Location</label> |
|
|
<select id="suspected-area" class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-green-500"> |
|
|
<option>Select Area</option> |
|
|
<option>Basement/Crawlspace</option> |
|
|
<option>Bathroom</option> |
|
|
<option>Kitchen</option> |
|
|
<option>Under Slab/Foundation</option> |
|
|
<option>Yard/Outdoor</option> |
|
|
<option>Not Sure</option> |
|
|
</select> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<label for="symptoms" class="block text-gray-700 font-medium mb-1">Symptoms Noticed</label> |
|
|
<select id="symptoms" class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-green-500"> |
|
|
<option>Select Symptoms</option> |
|
|
<option>High Water Bill</option> |
|
|
<option>Water Sounds</option> |
|
|
<option>Wet Spots/Damage</option> |
|
|
<option>Mold Growth</option> |
|
|
<option>Low Water Pressure</option> |
|
|
<option>Multiple Issues</option> |
|
|
</select> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<label for="message" class="block text-gray-700 font-medium mb-1">Additional Details *</label> |
|
|
<textarea id="message" rows="3" class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-green-500"></textarea> |
|
|
</div> |
|
|
|
|
|
<button type="submit" class="btn-primary text-white font-bold py-3 px-6 rounded-lg w-full"> |
|
|
Request Leak Detection Service |
|
|
</button> |
|
|
</form> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<footer class="bg-gray-900 text-white pt-12 pb-6"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="grid grid-cols极-1 md:grid-cols-4 gap-8 mb-8"> |
|
|
<div> |
|
|
<a href="/" class="flex items-center mb-4"> |
|
|
<img src="https://spcdn.shortpixel.ai/spio/ret_img,q_cdnize,极to_auto,s_webp:avif/evergreenplumbingri.com/wp-content/uploads/2023/05/EGS-logo-white.webp" alt="Evergreen Services Logo" class="h-12"> |
|
|
</a> |
|
|
<p class="mb-4">Providing quality plumbing, heating, and cooling services to Rhode Island for generations.</p> |
|
|
<div class="flex space-x-4"> |
|
|
<a href="#" class="text-gray-400 hover:text-white"><i data-feather="facebook"></i></a> |
|
|
<a href="#" class="text-gray-400 hover:text-white"><i data-feather="twitter"></i></a> |
|
|
<a href="#" class="text-gray-400 hover:text-white"><i data-feather="instagram"></i></a> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<h3 class="text-lg font-bold mb-4">Quick Links</h极3> |
|
|
<ul class="space-y-2"> |
|
|
<li><a href="/" class="text-gray-400 hover:text-white">Home</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white">About Us</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white">Services</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white">Service Area</极a></li> |
|
|
<li><a href="#" class="极text-gray-400 hover:text-white">Contact</a></极li> |
|
|
</ul> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<h3 class="text-lg font-bold mb-4">Services</h3> |
|
|
<ul class="space-y-2"> |
|
|
<li><a href="plumbing-repair.html" class="text-gray-400 hover:text-white">Plumbing Repair</a></li> |
|
|
<li><a href="water-heaters.html" class="text-gray-400 hover:text-white">Water Heaters</a></li> |
|
|
<li><a href="sump-pumps.html" class="text-gray-400 hover:text-white">Sump Pumps</a></li> |
|
|
<li><a href="leak-detection.html" class="text-gray-400 hover:text-white">Leak Detection</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white">Drains</a></li> |
|
|
</ul> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<h3 class="text-lg font-bold mb-4">Contact</h3> |
|
|
<ul class="space-y-2"> |
|
|
<li class="flex items-start"> |
|
|
<i data-feather="map-p极in" class="w-4 h-4 mt-1 mr-2"></i> |
|
|
<a href="#" class="text-gray-400 hover:text-white">2 Evergreen Ave Warwick, Rhode Island 02888</a> |
|
|
</li> |
|
|
<li class="flex items-center"> |
|
|
<i data-feather="phone" class="w-4 h-4 mr-2"></极i> |
|
|
<a href极="tel:4012003026" class="text-gray-400 hover:text-white">(401) 200-302极6</a> |
|
|
</li> |
|
|
<li class="flex items-center"> |
|
|
<i data-feather="clock" class="w-4 h-4 mr-2"></i> |
|
|
<a href="#" class="text-gray-400 hover:text-white">24/7 Live Answering</a> |
|
|
</li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="border-t border-gray-800 pt-6 flex flex-col md:flex极-row justify-between items-center"> |
|
|
<p class="text-gray-400 mb-4 md:mb-0">Copyright © 2025 Evergreen Services. All Rights Reserved.</p> |
|
|
极 <div class="flex space-x-4"> |
|
|
<a href="#" class="text-gray-400 hover:text-white">Privacy Policy</a> |
|
|
<a href="#" class="text-gray-400 hover:text-white">Terms of Service</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</footer> |
|
|
|
|
|
|
|
|
<div class="fixed bottom-6 right-6 z-50"> |
|
|
<a href="tel:4012003026" class="bg-green-600 text-white rounded-full p-4 shadow-lg flex items-center justify-center hover:bg-green-700 transition duration-300"> |
|
|
<i data-feather="phone" class="w-6 h-6"></i> |
|
|
</a> |
|
|
</div> |
|
|
|
|
|
<script> |
|
|
AOS.init(); |
|
|
feather.replace(); |
|
|
</script> |
|
|
</body> |
|
|
</html> |
