|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>Water Heater 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/极ather-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 25px 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="#" class="block px-4 py-2 text-gray-700 hover:极g-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" onclick="event.preventDefault(); this.parentElement.classList.toggle('open')">Drains</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">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">Cooling极</a> |
|
|
<div class="absolute hidden group极hover:block bg-white shadow-lg rounded-md mt-2 w-48 z-50"> |
|
|
<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"> |
|
|
<极 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">Water Heater Services</h1> |
|
|
<p class="text-xl mb-8">Expert installation, repair, and maintenance for all types of water heaters 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 Water Heater 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="https://spcdn.shortpixel.ai/spio/ret_img,q_cdnize,to_auto,s_webp:avif/evergreenplumbingri.com/wp-content/uploads/2024/11/tank-water-heater-icon.png" alt="Tank Water Heaters" class="h-20"> |
|
|
</div> |
|
|
<div class="p-6"> |
|
|
<h3 class="text-xl font-bold mb-4">Tank Water Heaters</h3> |
|
|
<p class="text-gray-700 mb-4">Reliable traditional water heaters with consistent hot water supply for your home.</p> |
|
|
<ul class="space-y-2 text-sm"> |
|
|
<li>Gas and electric models</li> |
|
|
<li>Various capacity sizes</li> |
|
|
<li>Energy-efficient options</li> |
|
|
<li>Professional installation</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="https://spcdn.shortpixel.ai/spio/ret_img,q_cdnize,to_auto,s_webp:avif/evergreenplumbingri.com/wp-content/uploads/2024/11/tankless-water-heater-icon.png" alt="Tankless Water Heaters" class="h-20"> |
|
|
</div> |
|
|
<div class="p-6"> |
|
|
<h3 class="text-xl font-bold mb-4">Tankless Water Heaters</h3> |
|
|
<p class="text-gray-700 mb-4">Endless hot water on demand with energy-saving tankless technology.</p> |
|
|
<ul class="space-y-2 text-sm"> |
|
|
<li>On-demand hot water</li> |
|
|
<li>Energy efficient</li> |
|
|
<li>Space-saving design</li> |
|
|
<li>Long lifespan</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="https://spcdn.shortpixel.ai/spio/ret_img,q_cdnize,to_auto,s_webp:avif/evergreenplumbingri.com/wp-content/uploads/2024/11/water-heater-repair-icon.png" alt="Water Heater Repair" class="h-20"> |
|
|
</div> |
|
|
<div class="p-6"> |
|
|
<h3 class="text-xl font-bold mb-4">Repair Services</h3> |
|
|
<p class="text-gray-700 mb-4">Expert repairs to restore your water heater's performance and efficiency.</p> |
|
|
<ul class="space-y-2 text-sm"> |
|
|
<li>Leak detection and repair</li> |
|
|
<li>Heating element replacement</li> |
|
|
<li>Thermostat issues</li> |
|
|
<li>Pilot light problems</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="https://spcdn.shortpixel.ai/spio/ret_img,q_cdnize,to_auto,s_webp:av极if/evergreenplumbingri.com/wp-content/uploads/2024/11/maintenance-icon.png" alt="Maintenance" class="h-20"> |
|
|
</div> |
|
|
<div class="p-6"> |
|
|
<h3 class="text-xl font-bold mb-4">Maintenance</h3> |
|
|
<p class="text-gray-700 mb-4">Regular maintenance to extend your water heater's lifespan and efficiency.</p> |
|
|
<ul class="space-y-2 text-sm"> |
|
|
<li>Annual inspections</li> |
|
|
<li>Tank flushing</li> |
|
|
<li>Anode rod replacement</li> |
|
|
<li>Performance optimization</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="https://spcdn.shortpixel.ai/spio/ret_img,q_cdnize,to_auto,s_webp:avif/evergreenplumbingri.com/wp-content/uploads/2024/11/emergency-icon.png" alt="Emergency Services" class="h-20"> |
|
|
</div> |
|
|
<div class="p-6"> |
|
|
<h3 class="text-xl font-bold mb-4">Emergency Services</h3> |
|
|
<p class="text-gray-700 mb-4">24/7 emergency water heater services for urgent repairs and replacements.</p> |
|
|
<ul class="space-y-2 text-sm"> |
|
|
<li>Burst tank emergencies</li> |
|
|
<li>No hot water issues</li> |
|
|
<li>Leak emergencies</li> |
|
|
<li>Same-day service</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="https://spcdn.shortpixel.ai/spio/ret_img,q_cdnize,to_auto,s_webp:avif/evergreenplumbingri.com/wp-content/uploads/2024/11/replacement-icon.png" alt="Replacement" class="h-20"> |
|
|
</div> |
|
|
<div class="p-6"> |
|
|
<h3 class="text-xl font-bold mb-4">Replacement</h3> |
|
|
<p class="text-gray-700 mb-4">Professional water heater replacement with proper disposal of old units.</p> |
|
|
<ul class="space-y-2 text-sm"> |
|
|
<li>Proper sizing assessment</li> |
|
|
<li>Efficient installation</li> |
|
|
<li>Code compliance</li> |
|
|
<li>Old unit disposal</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 Water Heater Services</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="zap" class="w-8 h-8"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-3">Energy Efficiency</h3> |
|
|
<p class="text-gray-700">Proper installation and maintenance ensure optimal energy efficiency, saving you money on 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">Safety Assurance</h3> |
|
|
<p class="text-gray-700">Professional installation ensures proper venting, gas connections, and electrical safety compliance.</p> |
|
|
</div> |
|
|
<div class="bg-white p-6 rounded-lg shadow-md"> |
|
|
<div class="text-green-600 mb-4"> |
|
|
<i data-feather="clock" class="w-8 h-8"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-3">Longer Lifespan</h3> |
|
|
<p class="text-gray-700">Regular maintenance extends your water heater's lifespan, protecting your investment.</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">Preventative maintenance and timely repairs avoid costly emergency replacements.</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">Reliability</h3> |
|
|
<p class="text-gray-700">Consistent hot water supply with professional-grade equipment and installation.</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">Warranty Protection</h3> |
|
|
<p class="text-gray-700">Professional installation preserves manufacturer warranties and includes our workmanship guarantee.</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 Water Heater Evaluation</h2> |
|
|
<p class="text-xl mb-8">Get a free assessment and proposal for your water heater installation or replacement</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 current system</li> |
|
|
<li>✓ Personalized solutions and recommendations</li> |
|
|
<li>✓ Detailed cost estimate</li> |
|
|
<li>✓ Financing options discussion</li> |
|
|
<li>✓ Next available technician scheduling</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">Brands We Service & Install</h2> |
|
|
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-6"> |
|
|
<div class="bg-gray-100 p-4 rounded-lg flex justify-center items-center h-24"> |
|
|
<img src="https://spcdn.shortpixel.ai/spio/ret_img,q_cdnize,to_auto,s_webp:avif/evergreenplumbingri.com/wp-content/uploads/2024/11/AO-Smith-Logo-e1596139206994.webp" alt="AO Smith" class="max-h-16"> |
|
|
</div> |
|
|
<div class="bg-gray-100 p-4 rounded-lg flex justify-center items-center h-24"> |
|
|
<img src="https://spcdn.shortpixel.ai/spio/ret_img,q_cdnize,to_auto,s_webp:avif/evergreenplumbingri.com/wp-content/uploads/2024/11/rheem-logo.png" alt="Rheem" class="max-h-16"> |
|
|
</div> |
|
|
<div class="bg-gray-100 p-4 rounded-lg flex justify-center items-center h-24"> |
|
|
<img src="https://spcdn.shortpixel.ai/spio/ret_img,q_cdnize,to_auto,s_webp:avif/evergreenplumbingri.com/wp-content/uploads/2024/11/bradford-white-logo.png" alt="Bradford White" class="max-h-16"> |
|
|
</div> |
|
|
<div class="bg-gray-100 p-4 rounded-lg flex justify-center items-center h-24"> |
|
|
<img src="https://spcdn.shortpixel.ai/spio/ret_img,q_cdnize,to_auto,s_webp:avif/evergreenplumbingri.com/wp-content/uploads/2024/11/state-industries-logo.png" alt="State Industries" class="max-h-16"> |
|
|
</div> |
|
|
<div class="bg-gray-100 p-4 rounded-lg flex justify-center items-center h-24"> |
|
|
<img src="https://spcdn.shortpixel.ai/spio/极ret_img,q_cdnize,to_auto,s_webp:avif/evergreenplumbingri.com/wp-content/uploads/2024/11/navien-logo.png" alt="Navien" class="max-h-16"> |
|
|
</div> |
|
|
<div class="bg-gray-100 p-4 rounded-lg flex justify-center items-center h-24"> |
|
|
<img src="https://spcdn.shortpixel.ai/spio/ret_img,q_cdnize,to_auto,s_webp:avif/evergreenplumbing极ri.com/wp-content/uploads/2024/11/takagi-logo.png" alt="Takagi" class="max-h-16"> |
|
|
</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">Need Water Heater Help?</h2> |
|
|
<p class="mb-4">Contact us for expert water heater installation, repair, or maintenance 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="service-type" class="block text-gray-700 font-medium mb-1">Service Needed</label> |
|
|
<select id="service-type" class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-green-500"> |
|
|
<option>Select Service</option> |
|
|
<option>Water Heater Installation</option> |
|
|
<option>Water Heater Repair</option> |
|
|
<option>Water Heater Maintenance</option> |
|
|
<option>Water Heater Replacement</option> |
|
|
<option>Emergency Service</option> |
|
|
<option>Free Evaluation</option> |
|
|
</select> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<label for="water-heater-type" class="block text-gray-700 font-medium mb-1">Water Heater Type</label> |
|
|
<select id="water-heater-type" class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-green-500"> |
|
|
<option>Select Type</option> |
|
|
<option>Tank Water Heater</option> |
|
|
<option>Tankless Water Heater</option> |
|
|
<option>Not Sure</option> |
|
|
</select> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<label for="message" class="block text-gray-700 font-medium mb-1">Describe Your Needs *</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 Water Heater 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</h3> |
|
|
<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="#" class="text-gray-400 hover:text-white">Drains</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white">Heating</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white">Cooling</a></li> |
|
|
</ul> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<h3 class="text-lg font-bold mb-4">Contact</极> |
|
|
<ul class="space-y-2"> |
|
|
<li class="flex items-start"> |
|
|
<i data-feather="map-pin" 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-3026</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> |
