Hugging Face's logo

Spaces:
od5965
/
evergreen
Running

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

add a page for water heaters - Follow Up Deployment

Browse files
Files changed (3) hide show
  1. plumbing-repair.html +408 -0
  2. prompts.txt +7 -1
  3. water-heaters.html +476 -0
plumbing-repair.html ADDED
@@ -0,0 +1,408 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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>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">
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-极">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_webp: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="#" 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>
68
+ <div class="group relative">
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>
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">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">
279
+ <form class="space-y-4">
280
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
281
+ <div>
282
+ <label for="first-name" class="block text-gray-700 font-medium mb-1">First Name *</label>
283
+ <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">
284
+ </div>
285
+ <div>
286
+ <label for="last-name" class="block text-gray-700 font-medium mb-1">Last Name *</label>
287
+ <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">
288
+ </div>
289
+ </div>
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>
297
+ <label for="phone" class="block text-gray-700 font-medium mb-1">Phone Number</label>
298
+ <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">
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>
324
+ </div>
325
+ </div>
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>
352
+ <li><a href="#" class="text-gray-400 hover:text-white">Contact</a></li>
353
+ </ul>
354
+ </div>
355
+
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>
363
+ <li><a href="#" class="text-gray-400 hover:text-white">Financing</a></li>
364
+ </ul>
365
+ </div>
366
+
367
+ <div>
368
+ <h3 class="text-lg font-bold mb-4">Contact</h3>
369
+ <ul class="space-y-2">
370
+ <li class="flex items-start">
371
+ <i data-feather="map-pin" class="w-4 h-4 mt-1 mr-2"></i>
372
+ <a href="#" class="text-gray-400 hover:text-white">2 Evergreen Ave Warwick, Rhode Island 02888</a>
373
+ </li>
374
+ <li class="flex items-center">
375
+ <i data-feather="phone" class="w-4 h-4 mr-2"></i>
376
+ <a href="tel:4012003026" class="text-gray-400 hover:text-white">(401) 200-3026</a>
377
+ </li>
378
+ <li class="flex items-center">
379
+ <i data-feather="clock" class="w-4 h-4 mr-2"></i>
380
+ <a href="#" class="text-gray-400 hover:text-white">24/7 Live Answering</a>
381
+ </li>
382
+ </ul>
383
+ </div>
384
+ </div>
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>
392
+ </div>
393
+ </div>
394
+ </footer>
395
+
396
+ <!-- Floating Action Button -->
397
+ <div class="fixed bottom-6 right-6 z-50">
398
+ <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">
399
+ <i data-feather="phone" class="w-6 h-6"></i>
400
+ </a>
401
+ </div>
402
+
403
+ <script>
404
+ AOS.init();
405
+ feather.replace();
406
+ </script>
407
+ </body>
408
+ </html>
prompts.txt CHANGED
@@ -7,4 +7,10 @@ remove this empty block
7
  remove this
8
  add the testimonials from the original website
9
  now build out the plumbing pages
10
- now lets add the sub page duner plumbing called plumber repair
 
 
 
 
 
 
 
7
  remove this
8
  add the testimonials from the original website
9
  now build out the plumbing pages
10
+ now lets add the sub page duner plumbing called plumber repair
11
+ now lets add the sub page duner plumbing called plumber repair
12
+ now create the plumbing repair page
13
+ now create the plumbing repair page
14
+ now create the plumbing repair page
15
+ add a page for plumbing repair
16
+ add a page for water heaters
water-heaters.html ADDED
@@ -0,0 +1,476 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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>Water Heater 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/极ather-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_webp: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="#" 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:极g-gray-100">All Services</a>
66
+ </div>
67
+ </div>
68
+ <div class="group relative">
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>
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
+ <极 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">Water Heater Services</h1>
107
+ <p class="text-xl mb-8">Expert installation, repair, and maintenance for all types of water heaters 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 Water Heater Services</h2>
119
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
120
+ <!-- Tank Water Heaters -->
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/tank-water-heater-icon.png" alt="Tank Water Heaters" class="h-20">
124
+ </div>
125
+ <div class="p-6">
126
+ <h3 class="text-xl font-bold mb-4">Tank Water Heaters</h3>
127
+ <p class="text-gray-700 mb-4">Reliable traditional water heaters with consistent hot water supply for your home.</p>
128
+ <ul class="space-y-2 text-sm">
129
+ <li>Gas and electric models</li>
130
+ <li>Various capacity sizes</li>
131
+ <li>Energy-efficient options</li>
132
+ <li>Professional installation</li>
133
+ </ul>
134
+ </div>
135
+ </div>
136
+
137
+ <!-- Tankless Water Heaters -->
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/tankless-water-heater-icon.png" alt="Tankless Water Heaters" class="h-20">
141
+ </div>
142
+ <div class="p-6">
143
+ <h3 class="text-xl font-bold mb-4">Tankless Water Heaters</h3>
144
+ <p class="text-gray-700 mb-4">Endless hot water on demand with energy-saving tankless technology.</p>
145
+ <ul class="space-y-2 text-sm">
146
+ <li>On-demand hot water</li>
147
+ <li>Energy efficient</li>
148
+ <li>Space-saving design</li>
149
+ <li>Long lifespan</li>
150
+ </ul>
151
+ </div>
152
+ </div>
153
+
154
+ <!-- Water Heater Repair -->
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/water-heater-repair-icon.png" alt="Water Heater Repair" class="h-20">
158
+ </div>
159
+ <div class="p-6">
160
+ <h3 class="text-xl font-bold mb-4">Repair Services</h3>
161
+ <p class="text-gray-700 mb-4">Expert repairs to restore your water heater's performance and efficiency.</p>
162
+ <ul class="space-y-2 text-sm">
163
+ <li>Leak detection and repair</li>
164
+ <li>Heating element replacement</li>
165
+ <li>Thermostat issues</li>
166
+ <li>Pilot light problems</li>
167
+ </ul>
168
+ </div>
169
+ </div>
170
+
171
+ <!-- Maintenance -->
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:av极if/evergreenplumbingri.com/wp-content/uploads/2024/11/maintenance-icon.png" alt="Maintenance" class="h-20">
175
+ </div>
176
+ <div class="p-6">
177
+ <h3 class="text-xl font-bold mb-4">Maintenance</h3>
178
+ <p class="text-gray-700 mb-4">Regular maintenance to extend your water heater's lifespan and efficiency.</p>
179
+ <ul class="space-y-2 text-sm">
180
+ <li>Annual inspections</li>
181
+ <li>Tank flushing</li>
182
+ <li>Anode rod replacement</li>
183
+ <li>Performance optimization</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 water heater services for urgent repairs and replacements.</p>
196
+ <ul class="space-y-2 text-sm">
197
+ <li>Burst tank emergencies</li>
198
+ <li>No hot water issues</li>
199
+ <li>Leak emergencies</li>
200
+ <li>Same-day service</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 water heater replacement with proper disposal of old units.</p>
213
+ <ul class="space-y-2 text-sm">
214
+ <li>Proper sizing assessment</li>
215
+ <li>Efficient installation</li>
216
+ <li>Code compliance</li>
217
+ <li>Old unit disposal</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 Water Heater 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="zap" class="w-8 h-8"></i>
233
+ </div>
234
+ <h3 class="text-xl font-bold mb-3">Energy Efficiency</h3>
235
+ <p class="text-gray-700">Proper installation and maintenance ensure optimal energy efficiency, saving you money on utility bills.</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="shield" class="w-8 h-8"></i>
240
+ </div>
241
+ <h3 class="text-xl font-bold mb-3">Safety Assurance</h3>
242
+ <p class="text-gray-700">Professional installation ensures proper venting, gas connections, and electrical safety compliance.</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="clock" class="w-8 h-8"></i>
247
+ </div>
248
+ <h3 class="text-xl font-bold mb-3">Longer Lifespan</h3>
249
+ <p class="text-gray-700">Regular maintenance extends your water heater's lifespan, protecting your investment.</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">Preventative maintenance and timely repairs avoid costly emergency replacements.</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">Consistent hot water supply with professional-grade equipment and installation.</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">Warranty Protection</h3>
270
+ <p class="text-gray-700">Professional installation preserves manufacturer warranties and includes our workmanship guarantee.</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 Water Heater Evaluation</h2>
280
+ <p class="text-xl mb-8">Get a free assessment and proposal for your water heater installation or replacement</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 current system</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/AO-Smith-Logo-e1596139206994.webp" alt="AO Smith" 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/rheem-logo.png" alt="Rheem" 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/bradford-white-logo.png" alt="Bradford White" 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/state-industries-logo.png" alt="State Industries" 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/navien-logo.png" alt="Navien" 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/evergreenplumbing极ri.com/wp-content/uploads/2024/11/takagi-logo.png" alt="Takagi" 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 Water Heater Help?</h2>
331
+ <p class="mb-4">Contact us for expert water heater 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>Water Heater Installation</option>
364
+ <option>Water Heater Repair</option>
365
+ <option>Water Heater Maintenance</option>
366
+ <option>Water Heater Replacement</option>
367
+ <option>Emergency Service</option>
368
+ <option>Free Evaluation</option>
369
+ </select>
370
+ </div>
371
+
372
+ <div>
373
+ <label for="water-heater-type" class="block text-gray-700 font-medium mb-1">Water Heater Type</label>
374
+ <select id="water-heater-type" class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-green-500">
375
+ <option>Select Type</option>
376
+ <option>Tank Water Heater</option>
377
+ <option>Tankless Water Heater</option>
378
+ <option>Not Sure</option>
379
+ </select>
380
+ </div>
381
+
382
+ <div>
383
+ <label for="message" class="block text-gray-700 font-medium mb-1">Describe Your Needs *</label>
384
+ <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>
385
+ </div>
386
+
387
+ <button type="submit" class="btn-primary text-white font-bold py-3 px-6 rounded-lg w-full">
388
+ Request Water Heater Service
389
+ </button>
390
+ </form>
391
+ </div>
392
+ </div>
393
+ </div>
394
+ </div>
395
+ </section>
396
+
397
+ <!-- Footer -->
398
+ <footer class="bg-gray-900 text-white pt-12 pb-6">
399
+ <div class="container mx-auto px-4">
400
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-8">
401
+ <div>
402
+ <a href="/" class="flex items-center mb-4">
403
+ <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">
404
+ </a>
405
+ <p class="mb-4">Providing quality plumbing, heating, and cooling services to Rhode Island for generations.</p>
406
+ <div class="flex space-x-4">
407
+ <a href="#" class="text-gray-400 hover:text-white"><i data-feather="facebook"></i></a>
408
+ <a href="#" class="text-gray-400 hover:text-white"><i data-feather="twitter"></i></a>
409
+ <a href="#" class="text-gray-400 hover:text-white"><i data-feather="instagram"></i></a>
410
+ </div>
411
+ </div>
412
+
413
+ <div>
414
+ <h3 class="text-lg font-bold mb-4">Quick Links</h3>
415
+ <ul class="space-y-2">
416
+ <li><a href="/" class="text-gray-400 hover:text-white">Home</a></li>
417
+ <极li><a href="#" class="text-gray-400 hover:text-white">About Us</a></li>
418
+ <li><a href="#" class="text-gray-400 hover:text-white">Services</a></li>
419
+ <li><a href="#" class="text-gray-400 hover:text-white">Service Area</a></li>
420
+ <li><a href="#" class="text-gray-400 hover:text-white">Contact</a></li>
421
+ </ul>
422
+ </div>
423
+
424
+ <div>
425
+ <h3 class="text-lg font-bold mb-4">Services</h3>
426
+ <ul class="space-y-2">
427
+ <li><a href="plumbing-repair.html" class="text-gray-400 hover:text-white">Plumbing Repair</a></li>
428
+ <li><a href="water-heaters.html" class="text-gray-400 hover:text-white">Water Heaters</a></li>
429
+ <li><a href="#" class="text-gray-400 hover:text-white">Drains</a></li>
430
+ <li><a href="#" class="text-gray-400 hover:text-white">Heating</a></li>
431
+ <li><a href="#" class="text-gray-400 hover:text-white">Cooling</a></li>
432
+ </ul>
433
+ </div>
434
+
435
+ <div>
436
+ <h3 class="text-lg font-bold mb-4">Contact</极>
437
+ <ul class="space-y-2">
438
+ <li class="flex items-start">
439
+ <i data-feather="map-pin" class="w-4 h-4 mt-1 mr-2"></i>
440
+ <a href="#" class="text-gray-400 hover:text-white">2 Evergreen Ave Warwick, Rhode Island 02888</a>
441
+ </li>
442
+ <li class="flex items-center">
443
+ <i data-feather="phone" class="w-4 h-4 mr-2"></i>
444
+ <a href="tel:4012003026" class="text-gray-400 hover:text-white">(401) 200-3026</a>
445
+ </li>
446
+ <li class="flex items-center">
447
+ <i data-feather="clock" class="w-4 h-4 mr-2"></i>
448
+ <a href="#" class="text-gray-400 hover:text-white">24/7 Live Answering</a>
449
+ </li>
450
+ </ul>
451
+ </div>
452
+ </div>
453
+
454
+ <div class="border-t border-gray-800 pt-6 flex flex-col md:flex-row justify-between items-center">
455
+ <p class="text-gray-400 mb-4 md:mb-0">Copyright © 2025 Evergreen Services. All Rights Reserved.</p>
456
+ <div class="flex space-x-4">
457
+ <a href="#" class="text-gray-400 hover:text-white">Privacy Policy</a>
458
+ <a href="#" class="text-gray-400 hover:text-white">Terms of Service</a>
459
+ </div>
460
+ </div>
461
+ </div>
462
+ </footer>
463
+
464
+ <!-- Floating Action Button -->
465
+ <div class="fixed bottom-6 right-6 z-50">
466
+ <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">
467
+ <i data-feather="phone" class="w-6 h-6"></i>
468
+ </a>
469
+ </div>
470
+
471
+ <script>
472
+ AOS.init();
473
+ feather.replace();
474
+ </script>
475
+ </body>
476
+ </html>