evergreen / sump-pumps.html
od5965's picture
fix the random text at the top of the header
3fa7964 verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sump Pump 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 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">
<!-- Top Bar -->
<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>
<!-- Navigation -->
<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_web极: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:bg-gray-100">All Services</a>
</div>
</div>
<div class="group relative">
<a href="#" class="nav-link text-gray-7极00 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>
<!-- Hero Section -->
<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">Sump Pump Services</h1>
<p class="text-xl mb-8">Professional sump pump installation, repair, and maintenance to protect your home from flooding 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>
<!-- Services Offered -->
<section class="py-16 bg-white">
<div class="container mx-auto px-4">
<h2 class="text-3xl font-bold text-center mb-12">Our Sump Pump Services</h2>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
<!-- Sump Pump Installation -->
<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/sump-pump-installation-icon.png" alt="Sump Pump Installation" class="h-20">
</div>
<div class="p-6">
<h3 class="text-xl font-bold mb-4">Installation</h3>
<p class="text-gray-700 mb-4">Professional installation of reliable sump pumps to protect your basement from water damage.</p>
<ul class="space-y-2 text-sm">
<li>Proper pit sizing and placement</li>
<li>Battery backup systems</li>
<li>Water alarm installation</li>
<li>Code-compliant setup</li>
</ul>
</div>
</div>
<!-- Sump Pump Repair -->
<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/sump-pump-repair-icon.png" alt="Sump Pump 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 sump pump's functionality and protect your home.</p>
<ul class="space-y-2 text-sm">
<li>Motor and pump repairs</li>
<li>Float switch adjustments</li>
<li>Check valve replacement</li>
<li>Electrical connection fixes</li>
</ul>
</div>
</div>
<!-- Maintenance -->
<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/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 ensure your sump pump is ready when you need it most.</p>
<ul class="space-y-2 text-sm">
<li>Annual inspections</li>
<li>Cleaning and debris removal</li>
<li>Testing and performance checks</li>
<li>Battery backup testing</li>
</ul>
</div>
</div>
<!-- Battery Backup Systems -->
<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/battery-backup-icon.png" alt="Battery Backup" class="h-20">
</div>
<div class="p-6">
<h3 class="text-xl font-bold mb-4">Battery Backup</h3>
<p class="text-gray-700 mb-4">Installation of reliable battery backup systems for power outage protection.</p>
<ul class="space极-y-2 text-sm">
<li>Emergency power solutions</li>
<li>Automatic switchover</li>
<li>Battery replacement services</li>
<li>Peace of mind during storms</li>
</ul>
</div>
</div>
<!-- Emergency Services -->
<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 sump pump services for urgent repairs and flood prevention.</p>
<ul class="space-y-2 text-sm">
<li>Flood emergency response</li>
<li>Same-day repairs</li>
<li>Water extraction assistance</li>
<li>Emergency installations</li>
</ul>
</div>
</div>
<!-- Replacement -->
<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 sump pump replacement with upgraded, more efficient systems.</p>
<ul class="space-y-2 text-sm">
<li>System upgrades</li>
<li>Capacity assessment</li>
<li>Energy-efficient models</li>
<li>Proper disposal of old units</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- Benefits 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 Sump Pump 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="shield" class="w-8 h-8"></i>
</div>
<h3 class="text-xl font-bold mb-3">Flood Prevention</h3>
<p class="text-gray-700">Protect your home from costly water damage and basement flooding during heavy rains.</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">Power Outage Protection</h3>
<p class="text-gray-700">Battery backup systems ensure your sump pump works even during power failures.</p>
</div>
<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 Value</h3>
<p class="text-gray-700">A properly functioning sump pump system adds value and peace of mind 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="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">Prevent expensive water damage repairs and insurance claims with reliable protection.</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">Professional installation ensures your system will work when you need it most.</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">Expert Warranty</h3>
<p class="text-gray-700">Professional installation comes with workmanship guarantees and manufacturer warranties.</p>
</div>
</div>
</div>
</section>
<!-- Free Evaluation Offer -->
<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 Sump Pump Evaluation</h2>
<p class="text-xl mb-8">Get a free assessment of your current sump pump system or proposal for new installation</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 basement</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>
<!-- Brands We Service -->
<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/zoeller-logo.png" alt="Zoeller" 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/little-giant-logo.png" alt="Little Giant" 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/wayne-logo.png" alt="Wayne" 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/liberator-logo.png" alt="Liberator" 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/basepump-logo.png" alt="Basepump" 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/superior-pump-logo.png" alt="Superior Pump" class="极max-h-16">
</div>
</div>
</div>
</section>
<!-- Contact Form -->
<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 Sump Pump Help?</h2>
<p class="mb-4">Contact us for expert sump pump 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>Sump Pump Installation</option>
<option>Sump Pump Repair</option>
<option>Sump Pump Maintenance</option>
<option>Battery Backup Installation</option>
<option>Emergency Service</option>
<option>Free Evaluation</option>
</select>
</div>
<div>
<label for="problem-type" class="block text-gray-700 font-medium mb-1">Current Issue (if any)</label>
<select id="problem-type" class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-green-500">
<option>Select Issue</option>
<option>Not pumping water</option>
<option>Running constantly</option>
<option>Making strange noises</option>
<option>Flooding occurred</option>
<option>No power during storm</option>
<option>Preventative maintenance</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 Sump Pump Service
</button>
</form>
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<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.web极p" 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="sump-pumps.html" class="text-gray-400 hover:text-white">Sump Pumps</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>
</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>
<!-- Floating Action Button -->
<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>