|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>Evergreen Services | Plumbing, Heating & Cooling in 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 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">Plumbing</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">Plumbing Repair</a> |
|
|
<a href="#" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Water Heaters</a> |
|
|
<a href="#" 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: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" 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" onclick="event.preventDefault(); this.parentElement.classList.toggle('open')">Heating</a> |
|
|
<div class="absolute hidden group-hover:block group-[.open]: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">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"> |
|
|
<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 flex flex-col md:flex-row items-center"> |
|
|
<div class="md:w-1/2 mb-10 md:mb-0" data-aos="fade-right"> |
|
|
<h1 class="text-4xl md:text-5xl font-bold mb-4">Evergreen Services</h1> |
|
|
<h2 class="text-2xl md:text-3xl font-semibold mb-6">Plumbing, Drain, Heating & Cooling</h2> |
|
|
<p class="text-xl mb-8">Providing Quality Service to Rhode Island For 3 Generations.</p> |
|
|
<div class="bg-yellow-100 text-yellow-900 p-4 rounded-lg mb-8"> |
|
|
<p class="font-medium">For a Limited Time we are waiving all Evaluation Fees - Contact us to avoid missing out!</p> |
|
|
</div> |
|
|
<div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4"> |
|
|
<a href="tel:4012003026" class="btn-primary text-white font-bold py-3 px-6 rounded-lg text-center"> |
|
|
Call Now (401) 200-3026 |
|
|
</a> |
|
|
<a href="#contact" class="bg-white text-green-800 font-bold py-3 px-6 rounded-lg text-center hover:bg-gray-100"> |
|
|
Contact Us |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
<div class="md:w-1/2 flex justify-center" data-aos="fade-left"> |
|
|
<div class="bg-white p-4 rounded-lg shadow-xl"> |
|
|
<img src="https://huggingface.co/spaces/od5965/evergreen/resolve/main/images/evergreen%201.jpeg" alt="HVAC Technician" class="rounded-lg hovered-element"> |
|
|
</div> |
|
|
</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 Services</h2> |
|
|
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 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/faucet.gif" alt="Plumbing" class="h-20"> |
|
|
</div> |
|
|
<div class="p-6"> |
|
|
<h3 class="text-xl font-bold mb-4">Plumbing</h3> |
|
|
<ul class="space-y-2"> |
|
|
<li><a href="#" class="text-gray-700 hover:text-green-600">Plumbing Repair</a></li> |
|
|
<li><a href="#" class="text-gray-700 hover:text-green-600">Water Heater Install</a></li> |
|
|
<li><a href="#" class="text-gray-700 hover:text-green-600">Frozen/Burst Pipes</a></li> |
|
|
</ul> |
|
|
<a href="#" class="inline-block mt-4 text-green-600 font-medium hover:text-green-800">All Plumbing Services →</a> |
|
|
</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/drain.gif" alt="Drains" class="h-20"> |
|
|
</div> |
|
|
<div class="p-6"> |
|
|
<h3 class="text-xl font-bold mb-4">Drains</h3> |
|
|
<ul class="space-y-2"> |
|
|
<li><a href="#" class="text-gray-700 hover:text-green-600">Drain Clearing</a></li> |
|
|
<li><a href="#" class="text-gray-700 hover:text-green-600">Sewer Line Repair</a></li> |
|
|
<li><a href="#" class="text-gray-700 hover:text-green-600">Rooter Service</a></li> |
|
|
</ul> |
|
|
<a href="#" class="inline-block mt-4 text-green-600 font-medium hover:text-green-800">All Drains Services →</a> |
|
|
</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/flame.gif" alt="Heating" class="h-20"> |
|
|
</div> |
|
|
<div class="p-6"> |
|
|
<h3 class="text-xl font-bold mb-4">Heating</h3> |
|
|
<ul class="space-y-2"> |
|
|
<li><a href="#" class="text-gray-700 hover:text-green-600">General Heating Repair</a></li> |
|
|
<li><a href="#" class="text-gray-700 hover:text-green-600">Furnace Install</a></li> |
|
|
<li><a href="#" class="text-gray-700 hover:text-green-600">Smart Thermostats</a></li> |
|
|
</ul> |
|
|
<a href="#" class="inline-block mt-4 text-green-600 font-medium hover:text-green-800">All Heating Services →</a> |
|
|
</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/fan.gif" alt="Cooling" class="h-20"> |
|
|
</div> |
|
|
<div class="p-6"> |
|
|
<h3 class="text-xl font-bold mb-4">Cooling</h3> |
|
|
<ul class="space-y-2"> |
|
|
<li><a href="#" class="text-gray-700 hover:text-green-600">AC Repair</a></li> |
|
|
<li><a href="#" class="text-gray-700 hover:text-green-600">Mini-Split Install</a></li> |
|
|
<li><a href="#" class="text-gray-700 hover:text-green-600">Indoor Air Quality</a></li> |
|
|
</ul> |
|
|
<a href="#" class="inline-block mt-4 text-green-600 font-medium hover:text-green-800">All Cooling Services →</a> |
|
|
</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">Special Offers</h2> |
|
|
<div class="grid grid-cols-1 lg:grid-cols-2 gap-8"> |
|
|
|
|
|
<div class="bg-white rounded-lg shadow-md overflow-hidden"> |
|
|
<div class="bg-green-800 text-white p-4"> |
|
|
<h3 class="text-xl font-bold">Plumbing Offer</h3> |
|
|
</div> |
|
|
<div class="p-6"> |
|
|
<h4 class="text-lg font-semibold mb-2">Free Evaluation</h4> |
|
|
<p class="text-gray-700 mb-4">Free Water Heater Install Proposal & Next Tech Available</p> |
|
|
<p class="font-medium text-gray-700 mb-4">Same Day Service when you book now! (May not apply after 12:00pm)</p> |
|
|
|
|
|
<p class="font-semibold mb-2">What you get from Evergreen Services:</p> |
|
|
<ul class="list-disc pl-5 mb-6 space-y-2"> |
|
|
<li>We will come to your home</li> |
|
|
<li>Analyze your new water heater installation needs</li> |
|
|
<li>Present you with personalized solutions on what to do next</li> |
|
|
<li>Financing options available!</li> |
|
|
<li>100% satisfaction guaranteed</li> |
|
|
<li>NO service call fees. NO dispatch fees.</li> |
|
|
</ul> |
|
|
|
|
|
<a href="tel:4012003026" class="btn-primary text-white font-bold py-3 px-6 rounded-lg inline-block text-center w-full"> |
|
|
CALL NOW! (401) 200-3026 |
|
|
</a> |
|
|
|
|
|
<p class="text-xs text-gray-500 mt-4">Call for Conditions & Restrictions / Present Coupon at Time of Service / Not Available to Combine with Other Offers</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-white rounded-lg shadow-md overflow-hidden"> |
|
|
<div class="bg-blue-800 text-white p-4"> |
|
|
<h3 class="text-xl font-bold">Cooling Offer</h3> |
|
|
</div> |
|
|
<div class="p-6"> |
|
|
<h4 class="text-lg font-semibold mb-2">$500 Off - Limited Time</h4> |
|
|
<p class="text-gray-700 mb-4">$500 Off HVAC Unit Replacement Including First Year Of Maintenance & 3-Year Part Warranty</p> |
|
|
<p class="font-medium text-gray-700 mb-4">You can expect the next available technician to be dispatched when you call now!</p> |
|
|
|
|
|
<p class="font-semibold mb-2">What you get from Evergreen Services:</p> |
|
|
<ul class="list-disc pl-5 mb-6 space-y-2"> |
|
|
<li>We will come to your home</li> |
|
|
<li>Analyze your new A/C installation needs</li> |
|
|
<li>Present personalized solutions on what to do next</li> |
|
|
<li>Financing options available!</li> |
|
|
<li>100% satisfaction guaranteed</li> |
|
|
<li>NO service call fees. NO dispatch fees.</li> |
|
|
</ul> |
|
|
|
|
|
<a href="tel:4012003026" class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-6 rounded-lg inline-block text-center w-full transition duration-300"> |
|
|
CALL NOW! (401) 200-3026 |
|
|
</a> |
|
|
|
|
|
<p class="text-xs text-gray-500 mt-4">Call for Conditions & Restrictions / Present Coupon at Time of Service / Not Available to Combine with Other Offers</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="contact" class="py-16 bg-white"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="max-w-4xl mx-auto bg-gray-100 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">Contact Us</h2> |
|
|
|
|
|
<div class="mb-8"> |
|
|
<h3 class="text-xl font-semibold mb-4">Give us a call!</h3> |
|
|
<a href="tel:4012003026" class="text-2xl font-bold hover:text-green-200">(401) 200-3026</a> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<h4 class="text-xl font-semibold mb-4">or let us contact you!</h4> |
|
|
<p class="mb-4">Fill out the form and we'll get back to you as soon as possible.</p> |
|
|
</div> |
|
|
</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="postal-code" class="block text-gray-700 font-medium mb-1">Postal Code</label> |
|
|
<input type="text" id="postal-code" class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-green-500"> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<label for="message" class="block text-gray-700 font-medium mb-1">How we can help you? *</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> |
|
|
|
|
|
<div> |
|
|
<label for="captcha" class="block text-gray-700 font-medium mb-1">Custom Captcha *</label> |
|
|
<div class="flex items-center space-x-2"> |
|
|
<span class="text-lg">10+3=</span> |
|
|
<input type="text" id="captcha" class="w-20 px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-green-500"> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<button type="submit" class="btn-primary text-white font-bold py-3 px-6 rounded-lg w-full"> |
|
|
Send |
|
|
</button> |
|
|
</form> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-16 bg-gray-800 text-white relative"> |
|
|
<div class="absolute top-0 left-0 w-full h-16 bg-black transform -skew-y-2 origin-top-left -z-1"></div> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="flex flex-col md:flex-row items-center"> |
|
|
<div class="md:w-1/2 mb-10 md:mb-0"> |
|
|
<img src="https://spcdn.shortpixel.ai/spio/ret_img,q_cdnize,to_auto,s_webp:avif/evergreenplumbingri.com/wp-content/uploads/2024/11/Evergreen-Service-Area-Map-Square.jpg" alt="Service Area Map" class="rounded-lg shadow-xl"> |
|
|
</div> |
|
|
<div class="md:w-1/2 md:pl-12"> |
|
|
<h2 class="text-3xl font-bold mb-6">Service Area</h2> |
|
|
<h3 class="text-xl font-semibold mb-6">Serving Communities In Warwick, Rhode Island For Over 17 Years</h3> |
|
|
|
|
|
<div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4"> |
|
|
<div class="bg-gray-700 p-3 rounded-lg">Barrington</div> |
|
|
<div class="bg-gray-700 p-3 rounded-lg">Bristol</div> |
|
|
<div class="bg-gray-700 p-3 rounded-lg">Burrillville</div> |
|
|
<div class="bg-gray-700 p-3 rounded-lg">Central Falls</div> |
|
|
<div class="bg-gray-700 p-3 rounded-lg">Charlestown</div> |
|
|
<div class="bg-gray-700 p-3 rounded-lg">Coventry</div> |
|
|
<div class="bg-gray-700 p-3 rounded-lg">Cranston</div> |
|
|
<div class="bg-gray-700 p-3 rounded-lg">Cumberland</div> |
|
|
<div class="bg-gray-700 p-3 rounded-lg">East Greenwich</div> |
|
|
<div class="bg-gray-700 p-3 rounded-lg">East Providence</div> |
|
|
<div class="bg-gray-700 p-3 rounded-lg">Exeter</div> |
|
|
<div class="bg-gray-700 p-3 rounded-lg">Foster</div> |
|
|
<div class="bg-gray-700 p-3 rounded-lg">Glocester</div> |
|
|
<div class="bg-gray-700 p-3 rounded-lg">Jamestown</div> |
|
|
<div class="bg-gray-700 p-3 rounded-lg">Johnston</div> |
|
|
<div class="bg-gray-700 p-3 rounded-lg">Lincoln</div> |
|
|
<div class="bg-gray-700 p-3 rounded-lg">Narragansett</div> |
|
|
<div class="bg-gray-700 p-3 rounded-lg">Newport</div> |
|
|
<div class="bg-gray-700 p-3 rounded-lg">North Kingstown</div> |
|
|
<div class="bg-gray-700 p-3 rounded-lg">North Providence</div> |
|
|
<div class="bg-gray-700 p-3 rounded-lg">North Smithfield</div> |
|
|
<div class="bg-gray-700 p-3 rounded-lg">Pawtucket</div> |
|
|
<div class="bg-gray-700 p-3 rounded-lg">Providence</div> |
|
|
<div class="bg-gray-700 p-3 rounded-lg">Richmond</div> |
|
|
<div class="bg-gray-700 p-3 rounded-lg">Scituate</div> |
|
|
<div class="bg-gray-700 p-3 rounded-lg">Smithfield</div> |
|
|
<div class="bg-gray-700 p-3 rounded-lg">South Kingstown</div> |
|
|
<div class="bg-gray-700 p-3 rounded-lg">Warren</div> |
|
|
<div class="bg-gray-700 p-3 rounded-lg">Warwick</div> |
|
|
<div class="bg-gray-700 p-3 rounded-lg">West Greenwich</div> |
|
|
<div class="bg-gray-700 p-3 rounded-lg">West Warwick</div> |
|
|
<div class="bg-gray-700 p-3 rounded-lg">Woonsocket</div> |
|
|
</div> |
|
|
|
|
|
<a href="#" class="inline-block mt-8 btn-primary text-white font-bold py-3 px-6 rounded-lg"> |
|
|
Full Service Area |
|
|
</a> |
|
|
</div> |
|
|
</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">WHAT MATTERS MOST TO US</h2> |
|
|
|
|
|
|
|
|
<div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-6 text-center"> |
|
|
<div class="bg-gray-100 p-6 rounded-lg"> |
|
|
<h3 class="font-bold text-lg mb-2" style="font-size: 0.9rem;">Accountability</h3> |
|
|
<p class="text-gray-700">We take responsibility for our work and stand behind it.</p> |
|
|
</div> |
|
|
<div class="bg-gray-100 p-6 rounded-lg"> |
|
|
<h3 class="font-bold text-lg mb-2">Empathy</h3> |
|
|
<p class="text-gray-700">We understand your needs and work to exceed expectations.</p> |
|
|
</div> |
|
|
<div class="bg-gray-100 p-6 rounded-lg"> |
|
|
<h3 class="font-bold text-lg mb-2">Integrity</h3> |
|
|
<p class="text-gray-700">Honest, transparent service you can trust.</p> |
|
|
</div> |
|
|
<div class="bg-gray-100 p-6 rounded-lg"> |
|
|
<h3 class="font-bold text-lg mb-2">Innovation</h3> |
|
|
<p class="text-gray-700">We stay current with the latest technologies.</p> |
|
|
</div> |
|
|
<div class="bg-gray-100 p-6 rounded-lg"> |
|
|
<h3 class="font-bold text-sm mb-2">Professionalism</h3> |
|
|
<p class="text-gray-700">Courteous, knowledgeable technicians.</p> |
|
|
</div> |
|
|
<div class="bg-gray-100 p-6 rounded-lg"> |
|
|
<h3 class="font-bold text-lg mb-2">Reliability</h3> |
|
|
<p class="text-gray-700">Dependable service when you need it most.</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-16 bg-green-800 text-white"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="flex flex-col md:flex-row items-center"> |
|
|
<div class="md:w-1/2 mb-10 md:mb-0"> |
|
|
<img src="https://spcdn.shortpixel.ai/spio/ret_img,q_cdnize,to_auto,s_webp:avif/evergreenplumbingri.com/wp-content/uploads/2024/11/our-family-1-1.jpg" alt="Our Team" class="rounded-lg shadow-xl"> |
|
|
</div> |
|
|
<div class="md:w-1/2 md:pl-12"> |
|
|
<h2 class="text-3xl font-bold mb-6">TOTAL HOME CARE CLUB MEMBERSHIP</h2> |
|
|
<a href="#" class="inline-block mb-8 text-yellow-300 font-bold hover:text-yellow-200"> |
|
|
Click Here FOR EXCLUSIVE TOTAL HOME CARE CLUB BENEFITS |
|
|
</a> |
|
|
|
|
|
<h3 class="text-2xl font-semibold mb-4">NEED FINANCING? LEARN ABOUT OUR FINANCING PLAN!</h3> |
|
|
<a href="#" class="btn-primary text-white font-bold py-3 px-6 rounded-lg inline-block"> |
|
|
Learn More |
|
|
</a> |
|
|
</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">What Our Customers Say</h2> |
|
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-8"> |
|
|
|
|
|
<div class="bg-white p-6 rounded-lg shadow-md"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="text-yellow-400 flex"> |
|
|
<i data-feather="star" class="w-4 h-4 fill-current"></i> |
|
|
<i data-feather="star" class="w-4 h-4 fill-current"></i> |
|
|
<i data-feather="star" class="w-4 h-4 fill-current"></i> |
|
|
<i data-feather="star" class="w-4 h-4 fill-current"></i> |
|
|
<i data-feather="star" class="w-4 h-4 fill-current"></i> |
|
|
</div> |
|
|
</div> |
|
|
<p class="text-gray-700 mb-4">"Evergreen Services was professional, prompt, and reasonably priced. They fixed my plumbing issue quickly and explained everything clearly. Highly recommend!"</p> |
|
|
<p class="font-semibold">- Sarah J.</p> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-white p-6 rounded-lg shadow-md"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="text-yellow-400 flex"> |
|
|
<i data-feather="star" class="w-4 h-4 fill-current"></i> |
|
|
<i data-feather="star" class="w-4 h-4 fill-current"></i> |
|
|
<i data-feather="star" class="w-4 h-4 fill-current"></i> |
|
|
<i data-feather="star" class="w-4 h-4 fill-current"></i> |
|
|
<i data-feather="star" class="w-4 h-4 fill-current"></i> |
|
|
</div> |
|
|
</div> |
|
|
<p class="text-gray-700 mb-4">"Our furnace stopped working in the middle of winter. Evergreen came out immediately and had it fixed the same day. The technician was knowledgeable and courteous."</p> |
|
|
<p class="font-semibold">- Michael T.</p> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-white p-6 rounded-lg shadow-md"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="text-yellow-400 flex"> |
|
|
<i data-feather="star" class="w-4 h-4 fill-current"></i> |
|
|
<i data-feather="star" class="w-4 h-4 fill-current"></i> |
|
|
<i data-feather="star" class="w-4 h-4 fill-current"></i> |
|
|
<i data-feather="star" class="w-4 h-4 fill-current"></i> |
|
|
<i data-feather="star" class="w-4 h-4 fill-current"></i> |
|
|
</div> |
|
|
</div> |
|
|
<p class="text-gray-700 mb-4">"I've used Evergreen for both plumbing and HVAC services over the years. They always provide excellent service at fair prices. Truly a family business you can trust."</p> |
|
|
<p class="font-semibold">- Robert K.</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<h3 class="text-2xl font-bold text-center mt-16 mb-8">Trusted By</h3> |
|
|
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-8 gap-6"> |
|
|
<div class="bg-white p-4 rounded-lg shadow-sm 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/angieslist2-e1596139153956.webp" alt="Angie's List" class="max-h-full max-w-full"> |
|
|
</div> |
|
|
<div class="bg-white p-4 rounded-lg shadow-sm 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-full max-w-full"> |
|
|
</div> |
|
|
<div class="bg-white p-4 rounded-lg shadow-sm 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/bbb-e1596139248822.webp" alt="BBB" class="max-h-full max-w-full"> |
|
|
</div> |
|
|
<div class="bg-white p-4 rounded-lg shadow-sm 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/daikin-e1596139294948.png" alt="Daikin" class="max-h-full max-w-full"> |
|
|
</div> |
|
|
<div class="bg-white p-4 rounded-lg shadow-sm 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/amana-e1596139622836.webp" alt="Amana" class="max-h-full max-w-full"> |
|
|
</div> |
|
|
<div class="bg-white p-4 rounded-lg shadow-sm 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/ibc-e1596139334467.webp" alt="IBC" class="max-h-full max-w-full"> |
|
|
</div> |
|
|
<div class="bg-white p-4 rounded-lg shadow-sm 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/Lennox_Logo_Colour_CMYK.png" alt="Lennox" class="max-h-full max-w-full"> |
|
|
</div> |
|
|
<div class="bg-white p-4 rounded-lg shadow-sm 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/mitsubishi-e1596139516128.webp" alt="Mitsubishi" class="max-h-full max-w-full"> |
|
|
</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="#" class="text-gray-400 hover:text-white">Plumbing</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> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white">Financing</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-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(); |
|
|
|
|
|
|
|
|
document.addEventListener('DOMContentLoaded', function() { |
|
|
const menuButton = document.querySelector('button[aria-label="Menu"]'); |
|
|
const mobileMenu = document.querySelector('.mobile-menu'); |
|
|
|
|
|
menuButton.addEventListener('click', function() { |
|
|
mobileMenu.classList.toggle('hidden'); |
|
|
}); |
|
|
}); |
|
|
</script> |
|
|
</body> |
|
|
</html> |
|
|
|
