Hugging Face's logo

Spaces:
od5965
/
evergreen
Running

App Files Community
od5965 commited on
Commit
7f0f3ed
·
verified ·
1 Parent(s): 9becd21

make a new page for sump pumps

Browse files
Files changed (2) hide show
  1. plumbing-repair.html +350 -139
  2. sump-pumps.html +479 -0
plumbing-repair.html CHANGED
@@ -3,7 +3,7 @@
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Plumbing Repair Services | Evergreen Services Warwick, RI</title>
7
  <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
8
  <script src="https://cdn.tailwindcss.com"></script>
9
  <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
@@ -42,7 +42,7 @@
42
  </div>
43
  <div class="flex items-center space-x-4">
44
  <a href="#" class="hover:text-green-200">Emergency Services</a>
45
- <a href="#" class="hover:text-green-极">Financing</a>
46
  </div>
47
  </div>
48
  </div>
@@ -59,9 +59,9 @@
59
  <div class="group relative">
60
  <a href="#" class="nav-link text-gray-700 hover:text-green-600 font-medium">Plumbing</a>
61
  <div class="absolute hidden group-hover:block bg-white shadow-lg rounded-md mt-2 w-48 z-50">
62
- <a href="plumbing-repair.html" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Plumbing Repair</a>
63
  <a href="#" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Water Heaters</a>
64
- <a href="#" class="block px-4极 py-2 text-gray-700 hover:bg-gray-100">Sump Pumps</a>
65
  <a href="#" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">All Services</a>
66
  </div>
67
  </div>
@@ -69,13 +69,13 @@
69
  <a href="#" class="nav-link text-gray-700 hover:text-green-600 font-medium">Drains</a>
70
  <div class="absolute hidden group-hover:block bg-white shadow-lg rounded-md mt-2 w-48 z-50">
71
  <a href="#" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Drain Clearing</a>
72
- <a href="#" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Sewer Line Repair</极>
73
  <a href="#" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Rooter Services</a>
74
  </div>
75
  </div>
76
  <div class="group relative">
77
  <a href="#" class="nav-link text-gray-700 hover:text-green-600 font-medium">Heating</a>
78
- <div class="absolute hidden group极hover:block bg-white shadow-lg rounded-md mt-2 w-48 z-50">
79
  <a href="#" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Furnace Repair</a>
80
  <a href="#" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Boiler Services</a>
81
  <a href="#" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Heat Pumps</a>
@@ -101,178 +101,184 @@
101
 
102
  <!-- Hero Section -->
103
  <section class="relative bg-gradient-to-r from-green-700 to-green-900 text-white py-20">
104
- <div class="container mx-auto px-4">
105
- <div class="max-w-4xl mx-auto text-center">
106
- <h1 class="text-4xl md:text-5xl font-bold mb-6">Plumbing Repair Services</h1>
107
- <p class="text-xl mb-8">Expert plumbing repairs for homes and businesses in Warwick, RI and surrounding areas</p>
108
- <a href="tel:4012003026" class="btn-primary text-white font-bold py-3 px-8 rounded-lg text-center inline-block">
109
- Call Now (401) 200-3026
110
- </a>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
111
  </div>
112
  </div>
113
  </section>
114
 
115
- <!-- Services Offered -->
116
  <section class="py-16 bg-white">
117
  <div class="container mx-auto px-4">
118
- <h2 class="text-3xl font-bold text-center mb-12">Our Plumbing Repair Services</h2>
119
- <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
120
- <!-- Leak Repair -->
121
- <div class="service-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300">
122
- <div class="bg-green-100 p-6 flex justify-center">
123
- <img src="https://spcdn.shortpixel.ai/spio/ret_img,q_cdnize,to_auto,s_webp:avif/evergreenplumbingri.com/wp-content/uploads/2024/11/leak-repair-icon.png" alt="Leak Repair" class="h-20">
124
- </div>
125
- <div class="p-6">
126
- <h3 class="text-xl font-bold mb-4">Leak Detection & Repair</h3>
127
- <p class="text-gray-700 mb-4">We find and fix leaks quickly to prevent water damage and save you money on water bills.</p>
128
- <ul class="space-y-2 text-sm">
129
- <li>Pipe leak repairs</li>
130
- <li>Fixture leak detection</li>
131
- <li>Water damage prevention</li>
132
- </ul>
133
- </div>
134
- </div>
135
-
136
- <!-- Clogged Drains -->
137
- <div class="service-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300">
138
- <div class="bg-green-100 p-6 flex justify-center">
139
- <img src="https://spcdn.shortpixel.ai/spio/ret_img,q_cdnize,to_auto,s_webp:avif/evergreenplumbingri.com/wp-content/uploads/2024/11/clogged-drain-icon.png" alt="Clogged Drains" class="h-20">
140
- </div>
141
- <div class="p-6">
142
- <h3 class="text-xl font-bold mb-4">Clogged Drain Repair</h3>
143
- <p class="text-gray-700 mb-4">Professional drain clearing and repair services for sinks, showers, and toilets.</p>
144
- <ul class="space-y-2 text-sm">
145
- <li>Sink and tub drain clearing</li>
146
- <li>Toilet unclogging</li>
147
- <li>Main line clearing</li>
148
- </ul>
149
- </div>
150
- </div>
151
-
152
- <!-- Water Heater -->
153
  <div class="service-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300">
154
  <div class="bg-green-100 p-6 flex justify-center">
155
- <img src="https://spcdn.shortpixel.ai/spio/ret_img,q极dnize,to_auto,s_webp:avif/evergreenplumbingri.com/wp-content/uploads/2024/11/water-heater-icon.png" alt="Water Heater Repair" class="h-20">
156
  </div>
157
  <div class="p-6">
158
- <h3 class="text-xl font-bold mb-4">Water Heater Repair</h3>
159
- <p class="text-gray-700 mb-4">Expert repairs for all types of water heaters to restore your hot water supply.</p>
160
- <ul class="space-y-2 text-sm">
161
- <li>Tank and tankless repairs</li>
162
- <li>Leak detection and fixing</li>
163
- <li>Heating element replacement</li>
164
  </ul>
 
165
  </div>
166
  </div>
167
 
168
- <!-- Pipe Repair -->
169
  <div class="service-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300">
170
  <div class="bg-green-100 p-6 flex justify-center">
171
- <img src="https://spcdn.shortpixel.ai/spio/ret_img,q_cdnize,to_auto,s_webp:avif/evergreenplumbingri.com/wp-content/uploads/2024/11/pipe-repair-icon.png" alt="Pipe Repair" class="h-20">
172
  </div>
173
  <div class="p-6">
174
- <h3 class="text-xl font-bold mb-4">Pipe Repair & Replacement</h3>
175
- <p class="text-gray-700 mb-4">Comprehensive pipe repair and replacement services for all plumbing systems.</p>
176
- <ul class="space-y-2 text-sm">
177
- <li>Burst pipe emergency repair</li>
178
- <li>Pipe corrosion treatment</li>
179
- <li>Complete pipe replacement</li>
180
  </ul>
 
181
  </div>
182
  </div>
183
 
184
- <!-- Fixture Repair -->
185
  <div class="service-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300">
186
  <div class="bg-green-100 p-6 flex justify-center">
187
- <img src="https://spcdn.shortpixel.ai/spio/ret_img,q_cdnize,to_auto,s_webp:avif/evergreenplumbingri.com/wp-content/uploads/2024/11/fixture-repair-icon.png" alt="Fixture Repair" class="h-20">
188
  </div>
189
  <div class="p-6">
190
- <h3 class="text-xl font-bold mb-4">Fixture Repair</h3>
191
- <p class="text-gray-700 mb-4">Repair and maintenance for all plumbing fixtures including faucets, toilets, and showers.</p>
192
- <ul class="space-y-2 text-sm">
193
- <li>Faucet repair and replacement</li>
194
- <li>Toilet repair services</li>
195
- <li>Shower and tub repairs</li>
196
  </ul>
 
197
  </div>
198
  </div>
199
 
200
- <!-- Emergency Services -->
201
  <div class="service-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300">
202
  <div class="bg-green-100 p-6 flex justify-center">
203
- <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">
204
  </div>
205
  <div class="p-6">
206
- <h3 class="text-xl font-bold mb-4">24/7 Emergency Repairs</h3>
207
- <p class="text-gray-700 mb-4">Round-the-clock emergency plumbing repair services when you need them most.</p>
208
- <ul class="space-y-2 text-sm">
209
- <li>24/7 availability</li>
210
- <li>Rapid response times</li>
211
- <li>Emergency leak repairs</li>
212
  </ul>
 
213
  </div>
214
  </div>
215
  </div>
216
  </div>
217
  </section>
218
 
219
- <!-- Why Choose Us -->
220
  <section class="py-16 bg-gray-100">
221
  <div class="container mx-auto px-4">
222
- <h2 class="text-3xl font-bold text-center mb-12">Why Choose Evergreen for Plumbing Repairs?</h2>
223
- <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
224
- <div class="text-center">
225
- <div class="bg-green-100 rounded-full w-20 h-20 flex items-center justify-center mx-auto mb-4">
226
- <i data-feather="clock" class="w-10 h-10 text-green-600"></i>
 
227
  </div>
228
- <h3 class="font-bold text-lg mb-2">Quick Response</h3>
229
- <p class="text-gray-700">Same-day service available for most repairs</p>
230
- </div>
231
- <div class="text-center">
232
- <div class="bg-green-100 rounded-full w-20 h-20 flex items-center justify-center mx-auto mb-4">
233
- <i data-feather="award" class="w-10 h-10 text-green-600"></i>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
234
  </div>
235
- <h3 class="font-bold text-lg mb-2">Expert Technicians</h3>
236
- <p class="text-gray-700">Licensed and experienced plumbing professionals</p>
237
  </div>
238
- <div class="text-center">
239
- <div class="bg-green-100 rounded-full w-20 h-20 flex items-center justify-center mx-auto mb-4">
240
- <i data-feather="shield" class="w-10 h-10 text-green-600"></i>
 
 
241
  </div>
242
- <h3 class="font-bold text-lg mb-2">Quality Guarantee</h3>
243
- <p class="text-gray-700">All repairs backed by our satisfaction guarantee</p>
244
- </div>
245
- <div class="text-center">
246
- <div class="bg-green-100 rounded-full w-20 h-20 flex items-center justify-center mx-auto mb-4">
247
- <i data-feather="dollar-sign" class="w-10 h-10 text-green-600"></i>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
248
  </div>
249
- <h3 class="font-bold text-lg mb-2">Fair Pricing</h3>
250
- <p class="text-gray-700">Competitive rates with no hidden fees</p>
251
  </div>
252
  </div>
253
  </div>
254
  </section>
255
 
256
- <!-- Emergency Callout -->
257
- <section class="py-16 bg-red-600 text-white">
258
- <div class="container mx-auto px-4 text-center">
259
- <h2 class="text-3xl font-bold mb-6">Emergency Plumbing Repair?</h2>
260
- <p class="text-xl mb-8">We're available 24/7 for emergency plumbing repairs. Don't wait - call now!</p>
261
- <a href="tel:4012003026" class="bg-white text-red-600 font-bold py-3 px-8 rounded-lg text-center inline-block hover:bg-gray-100 transition duration-300">
262
- CALL NOW (401) 200-3026
263
- </a>
264
- </div>
265
- </section>
266
-
267
  <!-- Contact Form -->
268
- <section class="py-16 bg-white">
269
  <div class="container mx-auto px-4">
270
  <div class="max-w-4xl mx-auto bg-gray-100 rounded-lg shadow-md overflow-hidden">
271
  <div class="md:flex">
272
  <div class="md:w-1/2 bg-green-800 text-white p-8 flex flex-col justify-center">
273
- <h2 class="text-2xl font-bold mb-6">Need Plumbing Repair?</h2>
274
- <p class="mb-4">Contact us for fast, reliable plumbing repair services in Warwick and surrounding areas.</p>
275
- <a href="tel:4012003026" class="text-2xl font-bold hover:text-green-200 mb-8">(401) 200-3026</a>
 
 
 
 
 
 
 
 
276
  </div>
277
 
278
  <div class="md:w-1/2 p-8">
@@ -290,7 +296,7 @@
290
 
291
  <div>
292
  <label for="email" class="block text-gray-700 font-medium mb-1">Email *</label>
293
- <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">
294
  </div>
295
 
296
  <div>
@@ -299,25 +305,25 @@
299
  </div>
300
 
301
  <div>
302
- <label for="service-needed" class="block text-gray-700 font-medium mb-1">Service Needed</label>
303
- <select id="service-needed" class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-green-500">
304
- <option>Select Service</option>
305
- <option>Leak Repair</option>
306
- <option>Clogged Drain</option>
307
- <option>Water Heater Repair</option>
308
- <option>Pipe Repair</option>
309
- <option>Fixture Repair</option>
310
- <option>Emergency Service</option>
311
- </select>
312
  </div>
313
 
314
  <div>
315
- <label for="message" class="block text-gray-700 font-medium mb-1">Describe Your Issue *</label>
316
  <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>
317
  </div>
318
 
 
 
 
 
 
 
 
 
319
  <button type="submit" class="btn-primary text-white font-bold py-3 px-6 rounded-lg w-full">
320
- Request Repair Service
321
  </button>
322
  </form>
323
  </div>
@@ -326,26 +332,221 @@
326
  </div>
327
  </section>
328
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
329
  <!-- Footer -->
330
  <footer class="bg-gray-900 text-white pt-12 pb-6">
331
  <div class="container mx-auto px-4">
332
  <div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-8">
333
  <div>
334
  <a href="/" class="flex items-center mb-4">
335
- <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极" alt="Evergreen Services Logo" class="h-12">
336
  </a>
337
  <p class="mb-4">Providing quality plumbing, heating, and cooling services to Rhode Island for generations.</p>
338
  <div class="flex space-x-4">
339
  <a href="#" class="text-gray-400 hover:text-white"><i data-feather="facebook"></i></a>
340
  <a href="#" class="text-gray-400 hover:text-white"><i data-feather="twitter"></i></a>
341
- <a href="#" class="text-gray-400 hover:text-white"><i data-feather="instagram"></极></a>
342
  </div>
343
  </div>
344
 
345
  <div>
346
  <h3 class="text-lg font-bold mb-4">Quick Links</h3>
347
  <ul class="space-y-2">
348
- <li><a href="/" class="text-gray-400 hover:text-white">Home</a></li>
349
  <li><a href="#" class="text-gray-400 hover:text-white">About Us</a></li>
350
  <li><a href="#" class="text-gray-400 hover:text-white">Services</a></li>
351
  <li><a href="#" class="text-gray-400 hover:text-white">Service Area</a></li>
@@ -356,7 +557,7 @@
356
  <div>
357
  <h3 class="text-lg font-bold mb-4">Services</h3>
358
  <ul class="space-y-2">
359
- <li><a href="plumbing-repair.html" class="text-gray-400 hover:text-white">Plumbing Repair</a></li>
360
  <li><a href="#" class="text-gray-400 hover:text-white">Drains</a></li>
361
  <li><a href="#" class="text-gray-400 hover:text-white">Heating</a></li>
362
  <li><a href="#" class="text-gray-400 hover:text-white">Cooling</a></li>
@@ -385,7 +586,7 @@
385
 
386
  <div class="border-t border-gray-800 pt-6 flex flex-col md:flex-row justify-between items-center">
387
  <p class="text-gray-400 mb-4 md:mb-0">Copyright © 2025 Evergreen Services. All Rights Reserved.</p>
388
- <极div class="flex space-x-4">
389
  <a href="#" class="text-gray-400 hover:text-white">Privacy Policy</a>
390
  <a href="#" class="text-gray-400 hover:text-white">Terms of Service</a>
391
  </div>
@@ -403,6 +604,16 @@
403
  <script>
404
  AOS.init();
405
  feather.replace();
 
 
 
 
 
 
 
 
 
 
406
  </script>
407
  </body>
408
- </html>
 
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Evergreen Services | Plumbing, Heating & Cooling in Warwick, RI</title>
7
  <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
8
  <script src="https://cdn.tailwindcss.com"></script>
9
  <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
 
42
  </div>
43
  <div class="flex items-center space-x-4">
44
  <a href="#" class="hover:text-green-200">Emergency Services</a>
45
+ <a href="#" class="hover:text-green-200">Financing</a>
46
  </div>
47
  </div>
48
  </div>
 
59
  <div class="group relative">
60
  <a href="#" class="nav-link text-gray-700 hover:text-green-600 font-medium">Plumbing</a>
61
  <div class="absolute hidden group-hover:block bg-white shadow-lg rounded-md mt-2 w-48 z-50">
62
+ <a href="#" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Plumbing Repair</a>
63
  <a href="#" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Water Heaters</a>
64
+ <a href="#" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Sump Pumps</a>
65
  <a href="#" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">All Services</a>
66
  </div>
67
  </div>
 
69
  <a href="#" class="nav-link text-gray-700 hover:text-green-600 font-medium">Drains</a>
70
  <div class="absolute hidden group-hover:block bg-white shadow-lg rounded-md mt-2 w-48 z-50">
71
  <a href="#" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Drain Clearing</a>
72
+ <a href="#" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Sewer Line Repair</a>
73
  <a href="#" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Rooter Services</a>
74
  </div>
75
  </div>
76
  <div class="group relative">
77
  <a href="#" class="nav-link text-gray-700 hover:text-green-600 font-medium">Heating</a>
78
+ <div class="absolute hidden group-hover:block bg-white shadow-lg rounded-md mt-2 w-48 z-50">
79
  <a href="#" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Furnace Repair</a>
80
  <a href="#" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Boiler Services</a>
81
  <a href="#" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Heat Pumps</a>
 
101
 
102
  <!-- Hero Section -->
103
  <section class="relative bg-gradient-to-r from-green-700 to-green-900 text-white py-20">
104
+ <div class="container mx-auto px-4 flex flex-col md:flex-row items-center">
105
+ <div class="md:w-1/2 mb-10 md:mb-0" data-aos="fade-right">
106
+ <h1 class="text-4xl md:text-5xl font-bold mb-4">Evergreen Services</h1>
107
+ <h2 class="text-2xl md:text-3xl font-semibold mb-6">Plumbing, Drain, Heating & Cooling</h2>
108
+ <p class="text-xl mb-8">Providing Quality Service to Rhode Island For 3 Generations.</p>
109
+ <div class="bg-yellow-100 text-yellow-900 p-4 rounded-lg mb-8">
110
+ <p class="font-medium">For a Limited Time we are waiving all Evaluation Fees - Contact us to avoid missing out!</p>
111
+ </div>
112
+ <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
113
+ <a href="tel:4012003026" class="btn-primary text-white font-bold py-3 px-6 rounded-lg text-center">
114
+ Call Now (401) 200-3026
115
+ </a>
116
+ <a href="#contact" class="bg-white text-green-800 font-bold py-3 px-6 rounded-lg text-center hover:bg-gray-100">
117
+ Contact Us
118
+ </a>
119
+ </div>
120
+ </div>
121
+ <div class="md:w-1/2 flex justify-center" data-aos="fade-left">
122
+ <div class="bg-white p-4 rounded-lg shadow-xl">
123
+ <img src="https://huggingface.co/spaces/od5965/evergreen/resolve/main/images/evergreen%201.jpeg" alt="HVAC Technician" class="rounded-lg hovered-element">
124
+ </div>
125
  </div>
126
  </div>
127
  </section>
128
 
129
+ <!-- Services Section -->
130
  <section class="py-16 bg-white">
131
  <div class="container mx-auto px-4">
132
+ <h2 class="text-3xl font-bold text-center mb-12">Our Services</h2>
133
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
134
+ <!-- Plumbing Card -->
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
135
  <div class="service-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300">
136
  <div class="bg-green-100 p-6 flex justify-center">
137
+ <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">
138
  </div>
139
  <div class="p-6">
140
+ <h3 class="text-xl font-bold mb-4">Plumbing</h3>
141
+ <ul class="space-y-2">
142
+ <li><a href="#" class="text-gray-700 hover:text-green-600">Plumbing Repair</a></li>
143
+ <li><a href="#" class="text-gray-700 hover:text-green-600">Water Heater Install</a></li>
144
+ <li><a href="#" class="text-gray-700 hover:text-green-600">Frozen/Burst Pipes</a></li>
 
145
  </ul>
146
+ <a href="#" class="inline-block mt-4 text-green-600 font-medium hover:text-green-800">All Plumbing Services →</a>
147
  </div>
148
  </div>
149
 
150
+ <!-- Drains Card -->
151
  <div class="service-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300">
152
  <div class="bg-green-100 p-6 flex justify-center">
153
+ <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">
154
  </div>
155
  <div class="p-6">
156
+ <h3 class="text-xl font-bold mb-4">Drains</h3>
157
+ <ul class="space-y-2">
158
+ <li><a href="#" class="text-gray-700 hover:text-green-600">Drain Clearing</a></li>
159
+ <li><a href="#" class="text-gray-700 hover:text-green-600">Sewer Line Repair</a></li>
160
+ <li><a href="#" class="text-gray-700 hover:text-green-600">Rooter Service</a></li>
 
161
  </ul>
162
+ <a href="#" class="inline-block mt-4 text-green-600 font-medium hover:text-green-800">All Drains Services →</a>
163
  </div>
164
  </div>
165
 
166
+ <!-- Heating Card -->
167
  <div class="service-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300">
168
  <div class="bg-green-100 p-6 flex justify-center">
169
+ <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">
170
  </div>
171
  <div class="p-6">
172
+ <h3 class="text-xl font-bold mb-4">Heating</h3>
173
+ <ul class="space-y-2">
174
+ <li><a href="#" class="text-gray-700 hover:text-green-600">General Heating Repair</a></li>
175
+ <li><a href="#" class="text-gray-700 hover:text-green-600">Furnace Install</a></li>
176
+ <li><a href="#" class="text-gray-700 hover:text-green-600">Smart Thermostats</a></li>
 
177
  </ul>
178
+ <a href="#" class="inline-block mt-4 text-green-600 font-medium hover:text-green-800">All Heating Services →</a>
179
  </div>
180
  </div>
181
 
182
+ <!-- Cooling Card -->
183
  <div class="service-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300">
184
  <div class="bg-green-100 p-6 flex justify-center">
185
+ <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">
186
  </div>
187
  <div class="p-6">
188
+ <h3 class="text-xl font-bold mb-4">Cooling</h3>
189
+ <ul class="space-y-2">
190
+ <li><a href="#" class="text-gray-700 hover:text-green-600">AC Repair</a></li>
191
+ <li><a href="#" class="text-gray-700 hover:text-green-600">Mini-Split Install</a></li>
192
+ <li><a href="#" class="text-gray-700 hover:text-green-600">Indoor Air Quality</a></li>
 
193
  </ul>
194
+ <a href="#" class="inline-block mt-4 text-green-600 font-medium hover:text-green-800">All Cooling Services →</a>
195
  </div>
196
  </div>
197
  </div>
198
  </div>
199
  </section>
200
 
201
+ <!-- Special Offers -->
202
  <section class="py-16 bg-gray-100">
203
  <div class="container mx-auto px-4">
204
+ <h2 class="text-3xl font-bold text-center mb-12">Special Offers</h2>
205
+ <div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
206
+ <!-- Plumbing Offer -->
207
+ <div class="bg-white rounded-lg shadow-md overflow-hidden">
208
+ <div class="bg-green-800 text-white p-4">
209
+ <h3 class="text-xl font-bold">Plumbing Offer</h3>
210
  </div>
211
+ <div class="p-6">
212
+ <h4 class="text-lg font-semibold mb-2">Free Evaluation</h4>
213
+ <p class="text-gray-700 mb-4">Free Water Heater Install Proposal & Next Tech Available</p>
214
+ <p class="font-medium text-gray-700 mb-4">Same Day Service when you book now! (May not apply after 12:00pm)</p>
215
+
216
+ <p class="font-semibold mb-2">What you get from Evergreen Services:</p>
217
+ <ul class="list-disc pl-5 mb-6 space-y-2">
218
+ <li>We will come to your home</li>
219
+ <li>Analyze your new water heater installation needs</li>
220
+ <li>Present you with personalized solutions on what to do next</li>
221
+ <li>Financing options available!</li>
222
+ <li>100% satisfaction guaranteed</li>
223
+ <li>NO service call fees. NO dispatch fees.</li>
224
+ </ul>
225
+
226
+ <a href="tel:4012003026" class="btn-primary text-white font-bold py-3 px-6 rounded-lg inline-block text-center w-full">
227
+ CALL NOW! (401) 200-3026
228
+ </a>
229
+
230
+ <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>
231
  </div>
 
 
232
  </div>
233
+
234
+ <!-- Cooling Offer -->
235
+ <div class="bg-white rounded-lg shadow-md overflow-hidden">
236
+ <div class="bg-blue-800 text-white p-4">
237
+ <h3 class="text-xl font-bold">Cooling Offer</h3>
238
  </div>
239
+ <div class="p-6">
240
+ <h4 class="text-lg font-semibold mb-2">$500 Off - Limited Time</h4>
241
+ <p class="text-gray-700 mb-4">$500 Off HVAC Unit Replacement Including First Year Of Maintenance & 3-Year Part Warranty</p>
242
+ <p class="font-medium text-gray-700 mb-4">You can expect the next available technician to be dispatched when you call now!</p>
243
+
244
+ <p class="font-semibold mb-2">What you get from Evergreen Services:</p>
245
+ <ul class="list-disc pl-5 mb-6 space-y-2">
246
+ <li>We will come to your home</li>
247
+ <li>Analyze your new A/C installation needs</li>
248
+ <li>Present personalized solutions on what to do next</li>
249
+ <li>Financing options available!</li>
250
+ <li>100% satisfaction guaranteed</li>
251
+ <li>NO service call fees. NO dispatch fees.</li>
252
+ </ul>
253
+
254
+ <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">
255
+ CALL NOW! (401) 200-3026
256
+ </a>
257
+
258
+ <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>
259
  </div>
 
 
260
  </div>
261
  </div>
262
  </div>
263
  </section>
264
 
 
 
 
 
 
 
 
 
 
 
 
265
  <!-- Contact Form -->
266
+ <section id="contact" class="py-16 bg-white">
267
  <div class="container mx-auto px-4">
268
  <div class="max-w-4xl mx-auto bg-gray-100 rounded-lg shadow-md overflow-hidden">
269
  <div class="md:flex">
270
  <div class="md:w-1/2 bg-green-800 text-white p-8 flex flex-col justify-center">
271
+ <h2 class="text-2xl font-bold mb-6">Contact Us</h2>
272
+
273
+ <div class="mb-8">
274
+ <h3 class="text-xl font-semibold mb-4">Give us a call!</h3>
275
+ <a href="tel:4012003026" class="text-2xl font-bold hover:text-green-200">(401) 200-3026</a>
276
+ </div>
277
+
278
+ <div>
279
+ <h4 class="text-xl font-semibold mb-4">or let us contact you!</h4>
280
+ <p class="mb-4">Fill out the form and we'll get back to you as soon as possible.</p>
281
+ </div>
282
  </div>
283
 
284
  <div class="md:w-1/2 p-8">
 
296
 
297
  <div>
298
  <label for="email" class="block text-gray-700 font-medium mb-1">Email *</label>
299
+ <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">
300
  </div>
301
 
302
  <div>
 
305
  </div>
306
 
307
  <div>
308
+ <label for="postal-code" class="block text-gray-700 font-medium mb-1">Postal Code</label>
309
+ <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">
 
 
 
 
 
 
 
 
310
  </div>
311
 
312
  <div>
313
+ <label for="message" class="block text-gray-700 font-medium mb-1">How we can help you? *</label>
314
  <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>
315
  </div>
316
 
317
+ <div>
318
+ <label for="captcha" class="block text-gray-700 font-medium mb-1">Custom Captcha *</label>
319
+ <div class="flex items-center space-x-2">
320
+ <span class="text-lg">10+3=</span>
321
+ <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">
322
+ </div>
323
+ </div>
324
+
325
  <button type="submit" class="btn-primary text-white font-bold py-3 px-6 rounded-lg w-full">
326
+ Send
327
  </button>
328
  </form>
329
  </div>
 
332
  </div>
333
  </section>
334
 
335
+ <!-- Service Area -->
336
+ <section class="py-16 bg-gray-800 text-white relative">
337
+ <div class="absolute top-0 left-0 w-full h-16 bg-black transform -skew-y-2 origin-top-left -z-1"></div>
338
+ <div class="container mx-auto px-4">
339
+ <div class="flex flex-col md:flex-row items-center">
340
+ <div class="md:w-1/2 mb-10 md:mb-0">
341
+ <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">
342
+ </div>
343
+ <div class="md:w-1/2 md:pl-12">
344
+ <h2 class="text-3xl font-bold mb-6">Service Area</h2>
345
+ <h3 class="text-xl font-semibold mb-6">Serving Communities In Warwick, Rhode Island For Over 17 Years</h3>
346
+
347
+ <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4">
348
+ <div class="bg-gray-700 p-3 rounded-lg">Barrington</div>
349
+ <div class="bg-gray-700 p-3 rounded-lg">Bristol</div>
350
+ <div class="bg-gray-700 p-3 rounded-lg">Burrillville</div>
351
+ <div class="bg-gray-700 p-3 rounded-lg">Central Falls</div>
352
+ <div class="bg-gray-700 p-3 rounded-lg">Charlestown</div>
353
+ <div class="bg-gray-700 p-3 rounded-lg">Coventry</div>
354
+ <div class="bg-gray-700 p-3 rounded-lg">Cranston</div>
355
+ <div class="bg-gray-700 p-3 rounded-lg">Cumberland</div>
356
+ <div class="bg-gray-700 p-3 rounded-lg">East Greenwich</div>
357
+ <div class="bg-gray-700 p-3 rounded-lg">East Providence</div>
358
+ <div class="bg-gray-700 p-3 rounded-lg">Exeter</div>
359
+ <div class="bg-gray-700 p-3 rounded-lg">Foster</div>
360
+ <div class="bg-gray-700 p-3 rounded-lg">Glocester</div>
361
+ <div class="bg-gray-700 p-3 rounded-lg">Jamestown</div>
362
+ <div class="bg-gray-700 p-3 rounded-lg">Johnston</div>
363
+ <div class="bg-gray-700 p-3 rounded-lg">Lincoln</div>
364
+ <div class="bg-gray-700 p-3 rounded-lg">Narragansett</div>
365
+ <div class="bg-gray-700 p-3 rounded-lg">Newport</div>
366
+ <div class="bg-gray-700 p-3 rounded-lg">North Kingstown</div>
367
+ <div class="bg-gray-700 p-3 rounded-lg">North Providence</div>
368
+ <div class="bg-gray-700 p-3 rounded-lg">North Smithfield</div>
369
+ <div class="bg-gray-700 p-3 rounded-lg">Pawtucket</div>
370
+ <div class="bg-gray-700 p-3 rounded-lg">Providence</div>
371
+ <div class="bg-gray-700 p-3 rounded-lg">Richmond</div>
372
+ <div class="bg-gray-700 p-3 rounded-lg">Scituate</div>
373
+ <div class="bg-gray-700 p-3 rounded-lg">Smithfield</div>
374
+ <div class="bg-gray-700 p-3 rounded-lg">South Kingstown</div>
375
+ <div class="bg-gray-700 p-3 rounded-lg">Warren</div>
376
+ <div class="bg-gray-700 p-3 rounded-lg">Warwick</div>
377
+ <div class="bg-gray-700 p-3 rounded-lg">West Greenwich</div>
378
+ <div class="bg-gray-700 p-3 rounded-lg">West Warwick</div>
379
+ <div class="bg-gray-700 p-3 rounded-lg">Woonsocket</div>
380
+ </div>
381
+
382
+ <a href="#" class="inline-block mt-8 btn-primary text-white font-bold py-3 px-6 rounded-lg">
383
+ Full Service Area
384
+ </a>
385
+ </div>
386
+ </div>
387
+ </div>
388
+ </section>
389
+
390
+ <!-- Values Section -->
391
+ <section class="py-16 bg-white">
392
+ <div class="container mx-auto px-4">
393
+ <h2 class="text-3xl font-bold text-center mb-12">WHAT MATTERS MOST TO US</h2>
394
+
395
+
396
+ <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-6 text-center">
397
+ <div class="bg-gray-100 p-6 rounded-lg">
398
+ <h3 class="font-bold text-lg mb-2" style="font-size: 0.9rem;">Accountability</h3>
399
+ <p class="text-gray-700">We take responsibility for our work and stand behind it.</p>
400
+ </div>
401
+ <div class="bg-gray-100 p-6 rounded-lg">
402
+ <h3 class="font-bold text-lg mb-2">Empathy</h3>
403
+ <p class="text-gray-700">We understand your needs and work to exceed expectations.</p>
404
+ </div>
405
+ <div class="bg-gray-100 p-6 rounded-lg">
406
+ <h3 class="font-bold text-lg mb-2">Integrity</h3>
407
+ <p class="text-gray-700">Honest, transparent service you can trust.</p>
408
+ </div>
409
+ <div class="bg-gray-100 p-6 rounded-lg">
410
+ <h3 class="font-bold text-lg mb-2">Innovation</h3>
411
+ <p class="text-gray-700">We stay current with the latest technologies.</p>
412
+ </div>
413
+ <div class="bg-gray-100 p-6 rounded-lg">
414
+ <h3 class="font-bold text-sm mb-2">Professionalism</h3>
415
+ <p class="text-gray-700">Courteous, knowledgeable technicians.</p>
416
+ </div>
417
+ <div class="bg-gray-100 p-6 rounded-lg">
418
+ <h3 class="font-bold text-lg mb-2">Reliability</h3>
419
+ <p class="text-gray-700">Dependable service when you need it most.</p>
420
+ </div>
421
+ </div>
422
+ </div>
423
+ </section>
424
+
425
+ <!-- Membership Section -->
426
+ <section class="py-16 bg-green-800 text-white">
427
+ <div class="container mx-auto px-4">
428
+ <div class="flex flex-col md:flex-row items-center">
429
+ <div class="md:w-1/2 mb-10 md:mb-0">
430
+ <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">
431
+ </div>
432
+ <div class="md:w-1/2 md:pl-12">
433
+ <h2 class="text-3xl font-bold mb-6">TOTAL HOME CARE CLUB MEMBERSHIP</h2>
434
+ <a href="#" class="inline-block mb-8 text-yellow-300 font-bold hover:text-yellow-200">
435
+ Click Here FOR EXCLUSIVE TOTAL HOME CARE CLUB BENEFITS
436
+ </a>
437
+
438
+ <h3 class="text-2xl font-semibold mb-4">NEED FINANCING? LEARN ABOUT OUR FINANCING PLAN!</h3>
439
+ <a href="#" class="btn-primary text-white font-bold py-3 px-6 rounded-lg inline-block">
440
+ Learn More
441
+ </a>
442
+ </div>
443
+ </div>
444
+ </div>
445
+ </section>
446
+
447
+ <!-- Testimonials Section -->
448
+ <section class="py-16 bg-gray-100">
449
+ <div class="container mx-auto px-4">
450
+ <h2 class="text-3xl font-bold text-center mb-12">What Our Customers Say</h2>
451
+
452
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
453
+ <!-- Testimonial 1 -->
454
+ <div class="bg-white p-6 rounded-lg shadow-md">
455
+ <div class="flex items-center mb-4">
456
+ <div class="text-yellow-400 flex">
457
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
458
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
459
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
460
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
461
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
462
+ </div>
463
+ </div>
464
+ <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>
465
+ <p class="font-semibold">- Sarah J.</p>
466
+ </div>
467
+
468
+ <!-- Testimonial 2 -->
469
+ <div class="bg-white p-6 rounded-lg shadow-md">
470
+ <div class="flex items-center mb-4">
471
+ <div class="text-yellow-400 flex">
472
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
473
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
474
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
475
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
476
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
477
+ </div>
478
+ </div>
479
+ <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>
480
+ <p class="font-semibold">- Michael T.</p>
481
+ </div>
482
+
483
+ <!-- Testimonial 3 -->
484
+ <div class="bg-white p-6 rounded-lg shadow-md">
485
+ <div class="flex items-center mb-4">
486
+ <div class="text-yellow-400 flex">
487
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
488
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
489
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
490
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
491
+ <i data-feather="star" class="w-4 h-4 fill-current"></i>
492
+ </div>
493
+ </div>
494
+ <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>
495
+ <p class="font-semibold">- Robert K.</p>
496
+ </div>
497
+ </div>
498
+
499
+ <!-- Partners Logos -->
500
+ <h3 class="text-2xl font-bold text-center mt-16 mb-8">Trusted By</h3>
501
+ <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-8 gap-6">
502
+ <div class="bg-white p-4 rounded-lg shadow-sm flex justify-center items-center h-24">
503
+ <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">
504
+ </div>
505
+ <div class="bg-white p-4 rounded-lg shadow-sm flex justify-center items-center h-24">
506
+ <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">
507
+ </div>
508
+ <div class="bg-white p-4 rounded-lg shadow-sm flex justify-center items-center h-24">
509
+ <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">
510
+ </div>
511
+ <div class="bg-white p-4 rounded-lg shadow-sm flex justify-center items-center h-24">
512
+ <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">
513
+ </div>
514
+ <div class="bg-white p-4 rounded-lg shadow-sm flex justify-center items-center h-24">
515
+ <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">
516
+ </div>
517
+ <div class="bg-white p-4 rounded-lg shadow-sm flex justify-center items-center h-24">
518
+ <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">
519
+ </div>
520
+ <div class="bg-white p-4 rounded-lg shadow-sm flex justify-center items-center h-24">
521
+ <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">
522
+ </div>
523
+ <div class="bg-white p-4 rounded-lg shadow-sm flex justify-center items-center h-24">
524
+ <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">
525
+ </div>
526
+ </div>
527
+ </div>
528
+ </section>
529
+
530
  <!-- Footer -->
531
  <footer class="bg-gray-900 text-white pt-12 pb-6">
532
  <div class="container mx-auto px-4">
533
  <div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-8">
534
  <div>
535
  <a href="/" class="flex items-center mb-4">
536
+ <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">
537
  </a>
538
  <p class="mb-4">Providing quality plumbing, heating, and cooling services to Rhode Island for generations.</p>
539
  <div class="flex space-x-4">
540
  <a href="#" class="text-gray-400 hover:text-white"><i data-feather="facebook"></i></a>
541
  <a href="#" class="text-gray-400 hover:text-white"><i data-feather="twitter"></i></a>
542
+ <a href="#" class="text-gray-400 hover:text-white"><i data-feather="instagram"></i></a>
543
  </div>
544
  </div>
545
 
546
  <div>
547
  <h3 class="text-lg font-bold mb-4">Quick Links</h3>
548
  <ul class="space-y-2">
549
+ <li><a href="#" class="text-gray-400 hover:text-white">Home</a></li>
550
  <li><a href="#" class="text-gray-400 hover:text-white">About Us</a></li>
551
  <li><a href="#" class="text-gray-400 hover:text-white">Services</a></li>
552
  <li><a href="#" class="text-gray-400 hover:text-white">Service Area</a></li>
 
557
  <div>
558
  <h3 class="text-lg font-bold mb-4">Services</h3>
559
  <ul class="space-y-2">
560
+ <li><a href="#" class="text-gray-400 hover:text-white">Plumbing</a></li>
561
  <li><a href="#" class="text-gray-400 hover:text-white">Drains</a></li>
562
  <li><a href="#" class="text-gray-400 hover:text-white">Heating</a></li>
563
  <li><a href="#" class="text-gray-400 hover:text-white">Cooling</a></li>
 
586
 
587
  <div class="border-t border-gray-800 pt-6 flex flex-col md:flex-row justify-between items-center">
588
  <p class="text-gray-400 mb-4 md:mb-0">Copyright © 2025 Evergreen Services. All Rights Reserved.</p>
589
+ <div class="flex space-x-4">
590
  <a href="#" class="text-gray-400 hover:text-white">Privacy Policy</a>
591
  <a href="#" class="text-gray-400 hover:text-white">Terms of Service</a>
592
  </div>
 
604
  <script>
605
  AOS.init();
606
  feather.replace();
607
+
608
+ // Mobile menu toggle
609
+ document.addEventListener('DOMContentLoaded', function() {
610
+ const menuButton = document.querySelector('button[aria-label="Menu"]');
611
+ const mobileMenu = document.querySelector('.mobile-menu');
612
+
613
+ menuButton.addEventListener('click', function() {
614
+ mobileMenu.classList.toggle('hidden');
615
+ });
616
+ });
617
  </script>
618
  </body>
619
+ </html>
sump-pumps.html ADDED
@@ -0,0 +1,479 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Sump Pump Services | Evergreen Services Warwick, RI</title>
7
+ <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <link href="https://unpkg.com/aos@2极.3.1/dist/aos.css" rel="stylesheet">
10
+ <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
11
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
12
+ <script src="https://unpkg.com/feather-icons"></script>
13
+ <style>
14
+ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
15
+ body {
16
+ font-family: 'Poppins', sans-serif;
17
+ }
18
+ .nav-link:hover {
19
+ color: #10b981;
20
+ }
21
+ .service-card:hover {
22
+ transform: translateY(-5px);
23
+ box-shadow: 0 10px 25px rgba(0,0,0,0.1);
24
+ }
25
+ .btn-primary {
26
+ background-color: #10b981;
27
+ transition: all 0.3s ease;
28
+ }
29
+ .btn-primary:hover {
30
+ background-color: #059669;
31
+ transform: translateY(-2px);
32
+ }
33
+ </style>
34
+ </head>
35
+ <body class="bg-gray-50">
36
+ <!-- Top Bar -->
37
+ <div class="bg-green-800 text-white py-2 px-4">
38
+ <极div class="container mx-auto flex justify-between items-center">
39
+ <div class="flex items-center space-x-4">
40
+ <i data-feather="phone" class="w-4极 h-4"></i>
41
+ <a href="tel:4012003026" class="hover:text-green-200">(401) 200-3026</a>
42
+ </div>
43
+ <div class="flex items-center space-x-4">
44
+ <a href="#" class="hover:text-green-200">Emergency Services</a>
45
+ <a href="#" class="hover:text-green-200">Financing</极a>
46
+ </div>
47
+ </div>
48
+ </div>
49
+
50
+ <!-- Navigation -->
51
+ <nav class="bg-white shadow-md sticky top-0 z-50">
52
+ <div class="container mx-auto px-4 py-3 flex justify-between items-center">
53
+ <a href="/" class="flex items-center">
54
+ <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">
55
+ <span class="ml-2 text-xl font-bold text-gray-800">Evergreen Services</span>
56
+ </a>
57
+
58
+ <div class="hidden md:flex space-x-8">
59
+ <div class="group relative">
60
+ <a href="#" class="nav-link text-gray-700 hover:text-green-600 font-medium">Plumbing</a>
61
+ <div class="absolute hidden group-hover:block bg-white shadow-lg rounded-md mt-2 w-48 z-50">
62
+ <a href="plumbing-repair.html" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Plumbing Repair</a>
63
+ <a href="water-heaters.html" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Water Heaters</a>
64
+ <a href="sump-pumps.html" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Sump Pumps</a>
65
+ <a href="#" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">All Services</a>
66
+ </div>
67
+ </div>
68
+ <div class="group relative">
69
+ <a href="#" class="nav-link text-gray-7极00 hover:text-green-600 font-medium">Drains</a>
70
+ <div class="absolute hidden group-hover:block bg-white shadow-lg rounded-md mt-2 w-48 z-50">
71
+ <a href="#" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Drain Clearing</a>
72
+ <a href="#" class="block px-4 py-2 text-gray-700 hover:bg-gray极-100">Sewer Line Repair</a>
73
+ 极 <a href="#" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Rooter Services</a>
74
+ </div>
75
+ </div>
76
+ <div class="group relative">
77
+ <a href="#" class="nav-link text-gray-700 hover:text-green-600 font-medium">Heating</a>
78
+ <div class="absolute hidden group-hover:block bg-white shadow-lg rounded-md mt-2 w-48 z-50">
79
+ <a href="#" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Furnace Repair极</a>
80
+ <a href="#" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Boiler Services</a>
81
+ <a href="#" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Heat Pumps</a>
82
+ </div>
83
+ </div>
84
+ <div class="group relative">
85
+ <a href="#" class="nav-link text-gray-700 hover:text-green-600 font-medium">Cooling</a>
86
+ <div class="absolute hidden group-hover:block bg-white shadow-lg rounded-md mt-2 w-48 z-50">
87
+ <a href="#" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">AC Repair</a>
88
+ <a href="#" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Mini-Splits</a>
89
+ <a href="#" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Maintenance</a>
90
+ </div>
91
+ </div>
92
+ <a href="#" class="nav-link text-gray-700 hover:text-green-600 font-medium">About</a>
93
+ <a href="#" class="nav-link text-gray-700 hover:text-green-600 font-medium">Contact</a>
94
+ </div>
95
+
96
+ <button class="md:hidden focus:outline-none">
97
+ <i data-feather="menu" class="w-6 h-6 text-gray-700"></i>
98
+ </button>
99
+ </div>
100
+ </nav>
101
+
102
+ <!-- Hero Section -->
103
+ <section class="relative bg-gradient-to-r from-green-700 to-green-900 text-white py-20">
104
+ <div class="container mx-auto px-4">
105
+ <div class="max-w-4xl mx-auto text-center">
106
+ <h1 class="text-4xl md:text-5xl font-bold mb-6">Sump Pump Services</h1>
107
+ <p class="text-xl mb-8">Professional sump pump installation, repair, and maintenance to protect your home from flooding in Warwick, RI</p>
108
+ <a href="tel:4012003026" class="btn-primary text-white font-bold py-3 px-8 rounded-lg text-center inline-block">
109
+ Call Now (401) 200-3026
110
+ </a>
111
+ </div>
112
+ </div>
113
+ </section>
114
+
115
+ <!-- Services Offered -->
116
+ <section class="py-16 bg-white">
117
+ <div class="container mx-auto px-4">
118
+ <h2 class="text-3xl font-bold text-center mb-12">Our Sump Pump Services</h2>
119
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
120
+ <!-- Sump Pump Installation -->
121
+ <div class="service-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300">
122
+ <div class="bg-green-100 p-6 flex justify-center">
123
+ <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">
124
+ </div>
125
+ <div class="p-6">
126
+ <h3 class="text-xl font-bold mb-4">Installation</h3>
127
+ <p class="text-gray-700 mb-4">Professional installation of reliable sump pumps to protect your basement from water damage.</p>
128
+ <ul class="space-y-2 text-sm">
129
+ <li>Proper pit sizing and placement</li>
130
+ <li>Battery backup systems</li>
131
+ <li>Water alarm installation</li>
132
+ <li>Code-compliant setup</li>
133
+ </ul>
134
+ </div>
135
+ </div>
136
+
137
+ <!-- Sump Pump Repair -->
138
+ <div class="service-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300">
139
+ <div class="bg-green-100 p-6极 flex justify-center">
140
+ <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">
141
+ </div>
142
+ <div class="p-6">
143
+ <h3 class="text-xl font-bold mb-4">Repair Services</h3>
144
+ <p class="text-gray-700 mb-4">Expert repairs to restore your sump pump's functionality and protect your home.</p>
145
+ <ul class="space-y-2 text-sm">
146
+ <li>Motor and pump repairs</li>
147
+ <li>Float switch adjustments</li>
148
+ <li>Check valve replacement</li>
149
+ <li>Electrical connection fixes</li>
150
+ </ul>
151
+ </div>
152
+ </div>
153
+
154
+ <!-- Maintenance -->
155
+ <div class="service-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300">
156
+ <div class="bg-green-100 p-6 flex justify-center">
157
+ <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">
158
+ </div>
159
+ <div class="p极-6">
160
+ <h3 class="text-xl font-bold mb-4">Maintenance</h3>
161
+ <p class="text-gray-700 mb-4">Regular maintenance to ensure your sump pump is ready when you need it most.</p>
162
+ <ul class="space-y-2 text-sm">
163
+ <li>Annual inspections</li>
164
+ <li>Cleaning and debris removal</li>
165
+ <li>Testing and performance checks</li>
166
+ <li>Battery backup testing</li>
167
+ </ul>
168
+ </div>
169
+ </div>
170
+
171
+ <!-- Battery Backup Systems -->
172
+ <div class="service-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300">
173
+ <div class="bg-green-100 p-6 flex justify-center">
174
+ <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">
175
+ </div>
176
+ <div class="p-6">
177
+ <h3 class="text-xl font-bold mb-4">Battery Backup</h3>
178
+ <p class="text-gray-700 mb-4">Installation of reliable battery backup systems for power outage protection.</p>
179
+ <ul class="space极-y-2 text-sm">
180
+ <li>Emergency power solutions</li>
181
+ <li>Automatic switchover</li>
182
+ <li>Battery replacement services</li>
183
+ <li>Peace of mind during storms</li>
184
+ </ul>
185
+ </div>
186
+ </div>
187
+
188
+ <!-- Emergency Services -->
189
+ <div class="service-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300">
190
+ <div class="bg-green-100 p-6 flex justify-center">
191
+ <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">
192
+ </div>
193
+ <div class="p-6">
194
+ <h3 class="text-xl font-bold mb-4">Emergency Services</h3>
195
+ <p class="text-gray-700 mb-4">24/7 emergency sump pump services for urgent repairs and flood prevention.</p>
196
+ <ul class="space-y-2 text-sm">
197
+ <li>Flood emergency response</li>
198
+ <li>Same-day repairs</li>
199
+ <li>Water extraction assistance</li>
200
+ <li>Emergency installations</li>
201
+ </ul>
202
+ </div>
203
+ </div>
204
+
205
+ <!-- Replacement -->
206
+ <div class="service-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300">
207
+ <div class="bg-green-100 p-6 flex justify-center">
208
+ <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">
209
+ </div>
210
+ <div class="p-6">
211
+ <h3 class="text-xl font-bold mb-4">Replacement</h3>
212
+ <p class="text-gray-700 mb-4">Professional sump pump replacement with upgraded, more efficient systems.</p>
213
+ <ul class="space-y-2 text-sm">
214
+ <li>System upgrades</li>
215
+ <li>Capacity assessment</li>
216
+ <li>Energy-efficient models</li>
217
+ <li>Proper disposal of old units</li>
218
+ </ul>
219
+ </div>
220
+ </div>
221
+ </div>
222
+ </div>
223
+ </section>
224
+
225
+ <!-- Benefits Section -->
226
+ <section class="py-16 bg-gray-100">
227
+ <div class="container mx-auto px-4">
228
+ <h2 class="text-3xl font-bold text-center mb-12">Benefits of Professional Sump Pump Services</h2>
229
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
230
+ <div class="bg-white p-6 rounded-lg shadow-md">
231
+ <div class="text-green-600 mb-4">
232
+ <i data-feather="shield" class="w-8 h-8"></i>
233
+ </div>
234
+ <h3 class="text-xl font-bold mb-3">Flood Prevention</h3>
235
+ <p class="text-gray-700">Protect your home from costly water damage and basement flooding during heavy rains.</p>
236
+ </div>
237
+ <div class="bg-white p-6 rounded-lg shadow-md">
238
+ <div class="text-green-600 mb-4">
239
+ <i data-feather="zap" class="w-8 h-8"></i>
240
+ </div>
241
+ <h3 class="text-xl font-bold mb-3">Power Outage Protection</h3>
242
+ <p class="text-gray-700">Battery backup systems ensure your sump pump works even during power failures.</p>
243
+ </div>
244
+ <div class="bg-white p-6 rounded-lg shadow-md">
245
+ <div class="text-green-600 mb极-4">
246
+ <i data-feather="home" class="w-8 h-8"></i>
247
+ </div>
248
+ <h3 class="text-xl font-bold mb-3">Property Value</h3>
249
+ <p class="text-gray-700">A properly functioning sump pump system adds value and peace of mind to your home.</p>
250
+ </div>
251
+ <div class="bg-white p-6 rounded-lg shadow-md">
252
+ <div class="text-green-600 mb-4">
253
+ <i data-feather="dollar-sign" class="w-8 h-8"></i>
254
+ </div>
255
+ <h3 class="text-xl font-bold mb-3">Cost Savings</h3>
256
+ <p class="text-gray-700">Prevent expensive water damage repairs and insurance claims with reliable protection.</p>
257
+ </div>
258
+ <div class="bg-white p-6 rounded-lg shadow-md">
259
+ <div class极="text-green-600 mb-4">
260
+ <i data-feather="check-circle" class="w-8 h-8"></i>
261
+ </div>
262
+ <h3 class="text-xl font-bold mb-3">Reliability</h3>
263
+ <p class="text-gray-700">Professional installation ensures your system will work when you need it most.</p>
264
+ </div>
265
+ <div class="bg-white p-6 rounded-lg shadow-md">
266
+ <div class="text-green-600 mb-4">
267
+ <i data-feather="award" class="w-8 h-8"></i>
268
+ </div>
269
+ <h3 class="text-xl font-bold mb-3">Expert Warranty</h3>
270
+ <p class="text-gray-700">Professional installation comes with workmanship guarantees and manufacturer warranties.</p>
271
+ </div>
272
+ </div>
273
+ </div>
274
+ </section>
275
+
276
+ <!-- Free Evaluation Offer -->
277
+ <section class="py-16 bg-green-800 text-white">
278
+ <div class="container mx-auto px-4 text-center">
279
+ <h2 class="text-3xl font-bold mb-6">Free Sump Pump Evaluation</h2>
280
+ <p class="text-xl mb-8">Get a free assessment of your current sump pump system or proposal for new installation</p>
281
+ <div class="bg-white text-green-800 p-6 rounded-lg max-w-2xl mx-auto mb-8">
282
+ <h3 class="text-xl font-bold mb-4">What's Included:</h3>
283
+ <ul class="space-y-2 text-left">
284
+ <li>✓ Professional assessment of your basement</li>
285
+ <li>✓ Personalized solutions and recommendations</li>
286
+ <li>✓ Detailed cost estimate</li>
287
+ <li>✓ Financing options discussion</li>
288
+ <li>✓ Next available technician scheduling</li>
289
+ </ul>
290
+ </div>
291
+ <a href="tel:4012003026" class="btn-primary text-white font-bold py-3 px-8 rounded-lg text-center inline-block">
292
+ Schedule Free Evaluation (401) 200-3026
293
+ </a>
294
+ </div>
295
+ </section>
296
+
297
+ <!-- Brands We Service -->
298
+ <section class="py-16 bg-white">
299
+ <div class="container mx-auto px-4">
300
+ <h2 class="text-3xl font-bold text-center mb-12">Brands We Service & Install</h2>
301
+ <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-6">
302
+ <div class="bg-gray-100 p-4 rounded-lg flex justify-center items-center h-24">
303
+ <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">
304
+ </div>
305
+ <div class="bg-gray-100 p-4 rounded-lg flex justify-center items-center h-24">
306
+ <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">
307
+ </div>
308
+ <div class="bg-gray-100 p-4 rounded-lg flex justify-center items-center极 h-24">
309
+ <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">
310
+ </div>
311
+ <div class="bg-gray-100 p-4 rounded-lg flex justify-center items-center h-24">
312
+ <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">
313
+ </div>
314
+ <div class="bg-gray-100 p-4 rounded-lg flex justify-center items-center h-24">
315
+ <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">
316
+ </div>
317
+ <div class="bg-gray-100 p-4 rounded-lg flex justify-center items-center h-极24">
318
+ <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">
319
+ </div>
320
+ </div>
321
+ </div>
322
+ </section>
323
+
324
+ <!-- Contact Form -->
325
+ <section class="py-16 bg-gray-100">
326
+ <div class="container mx-auto px-4">
327
+ <div class="极max-w-4xl mx-auto bg-white rounded-lg shadow-md overflow-hidden">
328
+ <div class="md:flex">
329
+ <div class="md:w-1/2 bg-green-800 text-white p-8 flex flex-col justify-center">
330
+ <h2 class="text-2xl font-bold mb-6">Need Sump Pump Help?</h2>
331
+ <p class="mb-4">Contact us for expert sump pump installation, repair, or maintenance services.</p>
332
+ <a href="tel:4012003026" class="text-2xl font-bold hover:text-green-200 mb-8">(401) 200-3026</a>
333
+ <p class="text-sm">Serving Warwick, RI and surrounding areas</p>
334
+ </div>
335
+
336
+ <div class="md:w-1/2 p-8">
337
+ <form class="space-y-4">
338
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
339
+ <div>
340
+ <label for="first-name" class="block text-gray-700 font-medium mb-1">First Name *</label>
341
+ <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">
342
+ </div>
343
+ <div>
344
+ <label for="last-name" class="block text-gray-700 font-medium mb-极1">Last Name *</label>
345
+ <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">
346
+ </div>
347
+ </div>
348
+
349
+ <div>
350
+ <label for="email" class="block text-gray-700 font-medium mb-1">Email *</label>
351
+ <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">
352
+ </div>
353
+
354
+ <div>
355
+ <label for="phone" class="block text-gray-700 font-medium mb-1">Phone Number</label>
356
+ <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">
357
+ </div>
358
+
359
+ <div>
360
+ <label for="service-type" class="block text-gray-700 font-medium mb-1">Service Needed</label>
361
+ <select id="service-type" class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-green-500">
362
+ <option>Select Service</option>
363
+ <option>Sump Pump Installation</option>
364
+ <option>Sump Pump Repair</option>
365
+ <option>Sump Pump Maintenance</option>
366
+ <option>Battery Backup Installation</option>
367
+ <option>Emergency Service</option>
368
+ <option>Free Evaluation</option>
369
+ </select>
370
+ </div>
371
+
372
+ <div>
373
+ <label for="problem-type" class="block text-gray-700 font-medium mb-1">Current Issue (if any)</label>
374
+ <select id="problem-type" class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-green-500">
375
+ <option>Select Issue</option>
376
+ <option>Not pumping water</option>
377
+ <option>Running constantly</option>
378
+ <option>Making strange noises</option>
379
+ <option>Flooding occurred</option>
380
+ <option>No power during storm</option>
381
+ <option>Preventative maintenance</option>
382
+ </select>
383
+ </div>
384
+
385
+ <div>
386
+ <label for="message" class="block text-gray-700 font-medium mb-1">Describe Your Needs *</label>
387
+ <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>
388
+ </div>
389
+
390
+ <button type="submit" class="btn-primary text-white font-bold py-3 px-6 rounded-lg w-full">
391
+ Request Sump Pump Service
392
+ </button>
393
+ </form>
394
+ </div>
395
+ </div>
396
+ </div>
397
+ </div>
398
+ </section>
399
+
400
+ <!-- Footer -->
401
+ <footer class="bg-gray-900 text-white pt-12 pb-6">
402
+ <div class="container mx-auto px-4">
403
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8极 mb-8">
404
+ <div>
405
+ <a href="/" class="flex items-center极 mb-4">
406
+ <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">
407
+ </a>
408
+ <p class="mb-4">Providing quality plumbing, heating, and cooling services to Rhode Island for generations.</p>
409
+ <div class="flex space-x-4">
410
+ <a href="#" class="text-gray-400 hover:text-white"><i data-feather="facebook"></i></a>
411
+ <a href="#" class="text-gray-400 hover:text-white"><极i data-feather="twitter"></i></a>
412
+ <a href="#" class="text-gray-400 hover:text-white"><i data-feather="instagram"></i></a>
413
+ </div>
414
+ </div>
415
+
416
+ <div>
417
+ <h3 class="text-lg font-bold mb-4">Quick Links</h3>
418
+ <ul class="space-y-2">
419
+ <li><a href="/" class="text-gray-400 hover:text-white">Home</a></li>
420
+ <li><a href="#" class="text-gray-400 hover:text-white">About Us</a></li>
421
+ <li><a href="#" class="text-gray-400 hover:text-white">Services</a></li>
422
+ <li><a href="#" class="text极-gray-400 hover:text-white">Service Area</a></li>
423
+ <li><a href="#" class="text-gray-400 hover:text-white">Contact极</a></li>
424
+ </ul>
425
+ </div>
426
+
427
+ <div>
428
+ <h3 class="text-lg font-bold mb-4">Services</h3>
429
+ <ul class="space-y-2">
430
+ <li><a href="plumbing-repair.html" class="text-gray-400 hover:text-white">Plumbing Repair</a></li>
431
+ <li><a href="water-heaters.html" class="text-gray-400 hover:text-white">Water Heaters</a></li>
432
+ <li><a href="sump-pumps.html" class="text-gray-400 hover:text-white">Sump Pumps</a></li>
433
+ <li><a href="#" class="text-gray-400 hover:text-white">Drains</a></li>
434
+ <li><a href="#" class="text-gray-400 hover:text-white">Heating</a></li>
435
+ </ul>
436
+ </div>
437
+
438
+ <div>
439
+ <h3 class="text-lg font-bold mb-4">Contact</h3>
440
+ <ul class="space-y-2">
441
+ <li class="flex items-start">
442
+ <i data-feather="map-pin" class="w-4 h-4 mt-1 mr-2"></i>
443
+ <a href="#"极 class="text-gray-400 hover:text-white">2 Evergreen Ave Warwick, Rhode Island 02888</a>
444
+ </极li>
445
+ <li class="flex items-center">
446
+ <i data-feather="phone" class="w-4 h-4 mr-2"></i>
447
+ <a href="tel:4012003026" class="text-gray-400 hover:text-white">(401) 200-3026</a>
448
+ </li>
449
+ <li class极="flex items-center">
450
+ <i data-feather="clock" class="w-4 h-4 mr-2"></极i>
451
+ <a href="#" class="text-gray-400 hover:text-white">24/7 Live Answering</a>
452
+ </li>
453
+ </ul>
454
+ </div>
455
+ </div>
456
+
457
+ <div class="border-t border-gray-800 pt-6 flex flex-col md:flex-row justify-between items-center">
458
+ <p class="text-gray-400 mb-4 md:mb-极0">Copyright © 2025 Evergreen Services. All Rights Reserved.</p>
459
+ <div class="flex space-x-4">
460
+ <a href="#" class="text-gray-400 hover:text-white">Privacy Policy</a>
461
+ <a href="#" class="text-gray-400 hover:text-white">Terms of Service</a>
462
+ </div>
463
+ </div>
464
+ </div>
465
+ </footer>
466
+
467
+ <!-- Floating Action Button -->
468
+ <div class="fixed bottom-6 right-6 z-50">
469
+ <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">
470
+ <i data-feather="phone" class="w-6 h-6"></i>
471
+ </a>
472
+ </div>
473
+
474
+ <script>
475
+ AOS.init();
476
+ feather.replace();
477
+ </script>
478
+ </body>
479
+ </html>