Hugging Face's logo

Spaces:
od5965
/
evergreen
Running

App Files Community
od5965 commited on
Commit
9a55516
·
verified ·
1 Parent(s): 4db1b7b

create a page under the plumbing menu for leak detection

Browse files
Files changed (1) hide show
  1. leak-detection.html +518 -0
leak-detection.html ADDED
@@ -0,0 +1,518 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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>Leak Detection 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
+ .group:hover .group-hover\\:block {
22
+ display: block;
23
+ }
24
+ .group .group-hover\\:block {
25
+ transition: opacity 0.2s ease-in-out;
26
+ }
27
+ .service-card:hover {
28
+ transform: translateY(-5px);
29
+ box-shadow: 0 10px 25极px rgba(0,0,0,0.1);
30
+ }
31
+ .btn-primary {
32
+ background-color: #10b981;
33
+ transition: all 0.3s ease;
34
+ }
35
+ .btn-primary:hover {
36
+ background-color: #059669;
37
+ transform: translateY(-2px);
38
+ }
39
+ </style>
40
+ </head>
41
+ <body class="bg-gray-50">
42
+ <!-- Top Bar -->
43
+ <div class="bg-green-800 text-white py-2 px-4">
44
+ <div class="container mx-auto flex justify-between items-center">
45
+ <div class="flex items-center space-x-4">
46
+ <i data-feather="phone" class="w-4 h-4"></i>
47
+ <a href="tel:4012003026" class="hover:text-green-200">(401) 200-3026</a>
48
+ </div>
49
+ <div class="flex items-center space-x-4">
50
+ <a href="#" class="hover:text-green-200">Emergency Services</a>
51
+ <a href="#" class="hover:text-green-200">Financing</a>
52
+ </div>
53
+ </div>
54
+ </div>
55
+
56
+ <!-- Navigation -->
57
+ <nav class="bg-white shadow-md sticky top-0 z-50">
58
+ <div class="container mx-auto px-4 py极-3 flex justify-between items-center">
59
+ <a href="/" class="flex items-center">
60
+ <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">
61
+ <span class="ml-2 text-xl font-bold text-gray-800">Evergreen Services</极span>
62
+ </a>
63
+
64
+ <div class="hidden md:flex space-x-8">
65
+ <div class="group relative">
66
+ <a href="#" class="nav-link text-gray-700 hover:text-green-600 font-medium" onclick="event.preventDefault(); this.parentElement.classList.toggle('open')">Plumbing</a>
67
+ <div class="absolute hidden group-hover:block group-[.open]:block bg-white shadow-lg rounded-md mt-2 w-48 z-50 transition-opacity duration-200">
68
+ <a href="plumbing-repair.html" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Plumbing Repair</a>
69
+ <a href="water-heaters.html" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Water Heaters</a>
70
+ <a href="sump-pumps.html" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Sump Pumps</a>
71
+ <a href="leak-detection.html" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Leak Detection</a>
72
+ <a href="#" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">All Services</a>
73
+ </div>
74
+ </div>
75
+ <div class="group relative">
76
+ <a href="#" class="nav-link text-gray-700 hover:text-green-600 font-medium">Drains</a>
77
+ <div class="absolute hidden group-hover:block bg-white shadow-lg rounded-md mt-2 w-48 z-50 transition-opacity duration-200">
78
+ <a href="#" class="block px-4 py-2 text-gray-700 hover:bg-gray极-100">Drain Clearing</a>
79
+ <a href="#" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Sewer Line Repair</a>
80
+ <a href="#" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Rooter Services</a>
81
+ </div>
82
+ </div>
83
+ <div class="group relative">
84
+ <a href="#" class="nav-link text-gray-700 hover:text-green-600 font-medium">Heating</a>
85
+ <div class="absolute hidden group-hover:block bg-white shadow-lg rounded-md mt-2 w-48 z-50 transition-opacity duration-200">
86
+ <a href="#" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Furnace Repair</a>
87
+ <a href="#" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Boiler Services</a>
88
+ <a href="#" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Heat Pumps</��a>
89
+ </div>
90
+ </div>
91
+ <div class="group relative">
92
+ <a href="#" class="nav-link text-gray-700 hover:text-green-600 font-medium" onclick="event.preventDefault(); this.parentElement.classList.toggle('open')">Cooling</a>
93
+ <div class="absolute hidden group-hover:block group-[.open]:block bg-white shadow-lg rounded-md mt-2 w-48 z-50 transition-opacity duration-200">
94
+ <a href="#" class="block px-4 py-2 text极-gray-700 hover:bg-gray-100">AC Repair</a>
95
+ <a href="#" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Mini-Splits</a>
96
+ <a href="#" class="block px-4 py-2 text-gray-700 hover:bg-gray-100">Maintenance</a>
97
+ </div>
98
+ </极div>
99
+ <a href="#" class="nav-link text-gray-700 hover:text-green-600 font-medium">About</a>
100
+ <a href="#" class="nav-link text-gray-700 hover:text-green-600 font-medium">Contact</a>
101
+ </div>
102
+
103
+ <button class="md:hidden focus:outline-none">
104
+ <i data-feather="menu" class="w-6 h-6 text-gray-700"></i>
105
+ </button>
106
+ </div>
107
+ </nav>
108
+
109
+ <!-- Hero Section -->
110
+ <section class="relative bg-gradient-to-r from-green-700 to-green-900 text-white py-20">
111
+ <div class="container mx-auto px-4">
112
+ <div class="max-w-4xl mx-auto text-center">
113
+ <h1 class="text-4xl md:text-5xl font-bold mb-6">Professional Leak Detection</h1>
114
+ <p class="text-xl mb-8">Advanced leak detection technology to find hidden water leaks before they cause major damage in Warwick, RI</p>
115
+ <a href="tel:4012003026" class="btn-primary text-white font-bold py-3 px-8 rounded-lg text-center inline-block">
116
+ Call Now (401) 200-3026
117
+ </a>
118
+ </div>
119
+ </div>
120
+ </section>
121
+
122
+ <!-- Services Offered -->
123
+ <section class="py-16 bg-white">
124
+ <div class="container mx-auto px-4">
125
+ <h2 class="text-3xl font-bold text-center mb-12">Our Leak Detection Services</h2>
126
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
127
+ <!-- Electronic Leak Detection -->
128
+ <div class="service-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300">
129
+ <div class="bg-green-100 p-6 flex justify-center">
130
+ <img src="http://static.photos/technology/320x240/123" alt="Electronic Leak Detection" class="h-20">
131
+ </div>
132
+ <div class="p-6">
133
+ <h3 class="text-xl font-bold mb-4">Electronic Detection</h3>
134
+ <p class="text-gray-700 mb-4">State-of-the-art electronic equipment to pinpoint leaks without destructive digging.</p>
135
+ <ul class="space-y-2 text-sm">
136
+ <li>Acoustic listening devices</li>
137
+ <li>Ground microphones</li>
138
+ <li>Correlation technology</li>
139
+ <li>Non-invasive methods</li>
140
+ </ul>
141
+ </div>
142
+ </div>
143
+
144
+ <!-- Thermal Imaging -->
145
+ <div class="service-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300">
146
+ <div class="bg-green-100 p-6 flex justify-center">
147
+ <img src="http://static.photos/technology/320x240/124" alt="Thermal Imaging" class="h-20">
148
+ </div>
149
+ <div class="p-6">
150
+ <h3 class="text-xl font-bold mb-4">Thermal Imaging</h3>
151
+ <p class极="text-gray-700 mb-4">Infrared cameras detect temperature differences to reveal hidden water leaks.</p>
152
+ <ul class="space-y-2 text-sm">
153
+ <li>Wall and floor moisture detection</li>
154
+ <li>Pipe location mapping</li>
155
+ <li>Non-destructive inspection</li>
156
+ <li>Real-time visual results</li>
157
+ </ul>
158
+ </div>
159
+ </div>
160
+
161
+ <!-- Video Pipe Inspection -->
162
+ <div class="service-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300">
163
+ <div class="bg-green-100 p-6 flex justify-center">
164
+ <img src="http://static.photos/technology/320x240/125" alt="Video Pipe Inspection" class="h-20">
165
+ </div>
166
+ <div class="p-6">
167
+ <h3 class="text-xl font-bold mb-4">Video Inspection</h3>
168
+ <p class="text-gray-700 mb-4">Miniature cameras inspect pipes internally to locate cracks and leaks.</p>
169
+ <ul class="space-y-2 text-sm">
170
+ <li>High-resolution cameras</li>
171
+ <li>Real-time video feed</li>
172
+ <li>Pipe condition assessment</li>
173
+ <li>Precise leak location</li>
174
+ </ul>
175
+ </div>
176
+ </div>
177
+
178
+ <!-- Slab Leak Detection -->
179
+ <div class="service-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300">
180
+ <div class="bg-green-100 p-6 flex justify-center">
181
+ <img src="http://static.photos/construction/320x240/126" alt="Slab Leak Detection" class="h-20">
182
+ </div>
183
+ <div class="p-6">
184
+ <h3 class="text-xl font-bold mb-4">Slab Leaks</h3>
185
+ <p class="text-gray-700 mb-4">Specialized detection for leaks under concrete slabs and foundations.</p>
186
+ <ul class="space-y-2 text-sm">
187
+ <li>Concrete penetration detection</li>
188
+ <li>Foundation protection</li>
189
+ <li>Minimal disruption repairs</li>
190
+ <li>Structural damage prevention</li>
191
+ </ul>
192
+ </div>
193
+ </div>
194
+
195
+ <!-- Emergency Leak Response -->
196
+ <div class="service-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300">
197
+ <div class="bg-green-100 p-6 flex justify-center">
198
+ <img src="http://static.photos/emergency/320x240/127" alt="Emergency Leak Response" class="h-20">
199
+ </div>
200
+ <div class="p-6">
201
+ <h3 class="text-xl font-bold mb-4">Emergency Response</h3>
202
+ <p class="text-gray-700 mb-4">24/7 emergency leak detection and water damage mitigation services.</p>
203
+ <ul class="space-y-2极 text-sm">
204
+ <li>Rapid response teams</li>
205
+ <li>Water extraction services</li>
206
+ <li>Emergency repairs</li>
207
+ <li>Damage prevention</li>
208
+ </ul>
209
+ </div>
210
+ </div>
211
+
212
+ <!-- Preventive Maintenance -->
213
+ <div class="service-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300">
214
+ <div class="bg-green-100 p-6 flex justify-center">
215
+ <img src="http://static.photos/maintenance/320x240/128" alt="Preventive Maintenance" class="h-20">
216
+ </div>
217
+ <div class="p-6">
218
+ <h3 class="text-xl font-bold mb-4">Preventive Programs</h3>
219
+ <p class="text-gray-700 mb-4">Regular inspection programs to catch leaks early and prevent major damage.</p>
220
+ <ul class="space-y-2 text-sm">
221
+ <li>Scheduled inspections</li>
222
+ <li>System health reports</li>
223
+ <li>Early warning detection</li>
224
+ <li>Cost-saving prevention</li>
225
+ </ul>
226
+ </div>
227
+ </div>
228
+ </div>
229
+ </div>
230
+ </section>
231
+
232
+ <!-- Benefits Section -->
233
+ <section class="py-16 bg-gray-100">
234
+ <div class="container mx-auto px-4">
235
+ <h2 class="text-3xl font-bold text-center mb-12">Benefits of Professional Leak Detection</h2>
236
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
237
+ <div class="bg-white p-6 rounded-lg shadow-md">
238
+ <div class="text-green-600 mb-4">
239
+ <i data-feather="home" class="w-8 h-8"></i>
240
+ </div>
241
+ <h3 class="text-xl font-bold mb-3">Property Protection</h3>
242
+ <p class="text-gray-700">Prevent structural damage, mold growth, and foundation issues caused by hidden leaks.</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="dollar-sign" class="w-8 h-8"></i>
247
+ </div>
248
+ <h3 class="text-xl font-bold mb-3">Cost Savings</h3>
249
+ <p class="text-gray-700">Early detection prevents expensive repairs and reduces water waste on your utility bills.</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="shield" class="w-8 h-8"></i>
254
+ </div>
255
+ <h3 class="text-xl font-bold mb-3">Non-Invasive</h3>
256
+ <p class="text-gray-700">Advanced technology finds leaks without destructive digging or wall demolition.</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="zap" class="w-8 h-8"></i>
261
+ </div>
262
+ <h3 class="text-xl font-bold mb-3">Quick Resolution</h3>
263
+ <p class="text-gray-700">Precise location means faster repairs with minimal disruption to your home.</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="check-circle" class="w-8 h-8"></i>
268
+ </div>
269
+ <h3 class="text-xl font-bold mb-3">Accuracy</h3>
270
+ <p class="text-gray-700">Professional equipment provides exact leak locations for targeted repairs.</p>
271
+ </div>
272
+ <div class="bg-white p-6 rounded-lg shadow-md">
273
+ <div class="text-green-600 mb-4">
274
+ <i data-feather="award" class="w-8 h-8"></i>
275
+ </div>
276
+ <h3 class="text-xl font-bold mb-3">Peace of Mind</h3>
277
+ <p class="text-gray-700">Comprehensive detection ensures no hidden leaks are left undetected.</p>
278
+ </div>
279
+ </div>
280
+ </div>
281
+ </section>
282
+
283
+ <!-- Free Evaluation Offer -->
284
+ <section class="py-16 bg-green-800 text-white">
285
+ <div class="container mx-auto px-4 text-center">
286
+ <h2 class="text-3xl font-bold mb-6">Free Leak Detection Evaluation</h2>
287
+ <p class="text-xl mb-8">Suspect a hidden leak? Get a free assessment with our advanced detection technology</p>
288
+ <div class="bg-white text-green-800 p-6 rounded-lg max-w-2xl mx-auto mb-8">
289
+ <h3 class="text-xl font-bold mb-4">What's Included:</h3>
290
+ <ul class="space-y-2 text-left">
291
+ <li>✓ Professional assessment of your property</li>
292
+ <li>✓ Advanced electronic leak detection</li>
293
+ <li>✓ Detailed findings report</li>
294
+ <li>✓ Repair recommendations</li>
295
+ <li>✓ No-obligation estimate</li>
296
+ </ul>
297
+ </div>
298
+ <a href="tel:4012003026" class="btn-primary text-white font-bold py-3 px-8极 rounded-lg text-center inline-block">
299
+ Schedule Free Evaluation (401) 200-3026
300
+ </a>
301
+ </div>
302
+ </section>
303
+
304
+ <!-- Signs of Leaks Section -->
305
+ <section class="py-16 bg-white">
306
+ <div class="container mx-auto px-4">
307
+ <h2 class="text-3xl font-bold text-center mb-12">Signs You May Have a Hidden Leak</h2>
308
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
309
+ <div class="bg-gray-100 p-6 rounded-lg">
310
+ <h3 class="text-xl font-bold mb-4 text-green-600">Common Indicators</h3>
311
+ <ul class="space-y-3">
312
+ <li class="flex items-start">
313
+ <i data-feather="alert-circle" class="w-5 h-5 text-red-500 mt-1 mr-3"></i>
314
+ <span>Unexplained increase in water bills</span>
315
+ </li>
316
+ <li class="flex items-start">
317
+ <i data-feather="alert-circle" class="w-5 h-5 text-red-500 mt-1 mr-3"></i>
318
+ <span>Sound of running water when no fixtures are in use</span>
319
+ </li>
320
+ <li class="flex items-start">
321
+ <i data-feather="alert-circle" class="w-5 h-5 text-red-500 mt-1 mr-3"></i>
322
+ <span>Damp spots on walls, floors, or ceilings</span>
323
+ </li>
324
+ <li class="flex items-start">
325
+ <i data-feather="alert-circle" class="w-5 h-5 text-red-500 mt-1 mr-3"></i>
326
+ <span>Mold or mildew growth</span>
327
+ </li>
328
+ <li class="flex items-start">
329
+ <i data-feather="alert-circle" class="w-5 h-5 text-red-500 mt极-1 mr-3"></i>
330
+ <span>Warm spots on floors (for hot water leaks)</span>
331
+ </li>
332
+ </ul>
333
+ </div>
334
+ <div class="bg-gray-100 p-6 rounded-lg">
335
+ <h3 class="text-xl font-bold mb-4 text-green-600">Outdoor Signs</h3>
336
+ <ul class="space-y-3">
337
+ <li class="flex items-start">
338
+ <i data-feather="alert-circle" class="w-5 h-5 text-red-500 mt-1 mr-3"></i>
339
+ <span>Unexplained wet areas in yard</span>
340
+ </li>
341
+ <li class="flex items-start">
342
+ <i data-feather="alert-circle" class="w-5 h-5 text-red-500 mt-1 mr-3极"></i>
343
+ <span>Sinkholes or depressions in soil</span>
344
+ </li>
345
+ <li class="flex items-start">
346
+ <i data-feather="alert-circle" class="w-5极 h-5 text-red-500 mt-1 mr-3"></i>
347
+ <span>Foundation cracks or movement</span>
348
+ </li>
349
+ <li class="flex items-start">
350
+ <i data-feather="alert-circle" class="w-5 h-5 text-red-500 mt-1 mr-3"></i>
351
+ <span>Unexplained lush green patches in grass</span>
352
+ </li>
353
+ <li class="flex items-start">
354
+ <i data-feather="alert-circle" class="w-5 h-5 text-red-500 mt-1 mr-3"></i>
355
+ <span>Low water pressure throughout home</span>
356
+ </li>
357
+ </ul>
358
+ </div>
359
+ </div>
360
+ </div>
361
+ </section>
362
+
363
+ <!-- Contact Form -->
364
+ <section class="py-16 bg-gray-100">
365
+ <div class="container mx-auto px-4">
366
+ <div class="max-w-4xl mx-auto bg-white rounded-lg shadow-md overflow-hidden">
367
+ <div class极="md:flex">
368
+ <div class="md:w-1/2 bg-green-800 text-white p-8 flex flex-col justify-center">
369
+ <h2 class="text-2xl font-bold mb-6">Suspect a Leak?</h2>
370
+ <p class="mb-4">Don't wait for major damage. Contact us for professional leak detection services.</p>
371
+ <a href="tel:4012003026" class="text-2xl font-bold hover:text-green-200 mb-8">(401) 200-3026</a>
372
+ <p class="text-sm">Serving Warwick, RI and surrounding areas</p>
373
+ </div>
374
+
375
+ <div class="md:w-1/2 p-8">
376
+ <form class="space-y-4">
377
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
378
+ <极div>
379
+ <label for="first-name" class="block text-gray-700 font-medium mb-1">First Name *</label>
380
+ <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">
381
+ </div>
382
+ <div>
383
+ <label for="last-name" class="block text-gray-700 font-medium mb-1">Last Name *</label>
384
+ <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">
385
+ </div>
386
+ </div>
387
+
388
+ <div>
389
+ <label for="email" class="block text-gray-700 font-medium mb-1极">Email *</label>
390
+ <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">
391
+ </div>
392
+
393
+ <div>
394
+ <label for="phone" class="block text-gray-700 font-medium mb-1">Phone Number</label>
395
+ <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">
396
+ </div>
397
+
398
+ <div>
399
+ <label for="suspected-area" class="block text-gray-700 font-medium mb-1">Suspected Leak Location</label>
400
+ <select id="suspected-area" class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-green-500">
401
+ <option>Select Area</option>
402
+ <option>Basement/Crawlspace</option>
403
+ <option>Bathroom</option>
404
+ <option>Kitchen</option>
405
+ <option>Under Slab/Foundation</option>
406
+ <option>Yard/Outdoor</option>
407
+ <option>Not Sure</option>
408
+ </select>
409
+ </div>
410
+
411
+ <div>
412
+ <label for="symptoms" class="block text-gray-700 font-medium mb-1">Symptoms Noticed</label>
413
+ <select id="symptoms" class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-green-500">
414
+ <option>Select Symptoms</option>
415
+ <option>High Water Bill</option>
416
+ <option>Water Sounds</option>
417
+ <option>Wet Spots/Damage</option>
418
+ <option>Mold Growth</option>
419
+ <option>Low Water Pressure</option>
420
+ <option>Multiple Issues</option>
421
+ </select>
422
+ </div>
423
+
424
+ <div>
425
+ <label for="message" class="block text-gray-700 font-medium mb-1">Additional Details *</label>
426
+ <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>
427
+ </div>
428
+
429
+ <button type="submit" class="btn-primary text-white font-bold py-3 px-6 rounded-lg w-full">
430
+ Request Leak Detection Service
431
+ </button>
432
+ </form>
433
+ </div>
434
+ </div>
435
+ </div>
436
+ </div>
437
+ </section>
438
+
439
+ <!-- Footer -->
440
+ <footer class="bg-gray-900 text-white pt-12 pb-6">
441
+ <div class="container mx-auto px-4">
442
+ <div class="grid grid-cols极-1 md:grid-cols-4 gap-8 mb-8">
443
+ <div>
444
+ <a href="/" class="flex items-center mb-4">
445
+ <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">
446
+ </a>
447
+ <p class="mb-4">Providing quality plumbing, heating, and cooling services to Rhode Island for generations.</p>
448
+ <div class="flex space-x-4">
449
+ <a href="#" class="text-gray-400 hover:text-white"><i data-feather="facebook"></i></a>
450
+ <a href="#" class="text-gray-400 hover:text-white"><i data-feather="twitter"></i></a>
451
+ <a href="#" class="text-gray-400 hover:text-white"><i data-feather="instagram"></i></a>
452
+ </div>
453
+ </div>
454
+
455
+ <div>
456
+ <h3 class="text-lg font-bold mb-4">Quick Links</h极3>
457
+ <ul class="space-y-2">
458
+ <li><a href="/" class="text-gray-400 hover:text-white">Home</a></li>
459
+ <li><a href="#" class="text-gray-400 hover:text-white">About Us</a></li>
460
+ <li><a href="#" class="text-gray-400 hover:text-white">Services</a></li>
461
+ <li><a href="#" class="text-gray-400 hover:text-white">Service Area</极a></li>
462
+ <li><a href="#" class="极text-gray-400 hover:text-white">Contact</a></极li>
463
+ </ul>
464
+ </div>
465
+
466
+ <div>
467
+ <h3 class="text-lg font-bold mb-4">Services</h3>
468
+ <ul class="space-y-2">
469
+ <li><a href="plumbing-repair.html" class="text-gray-400 hover:text-white">Plumbing Repair</a></li>
470
+ <li><a href="water-heaters.html" class="text-gray-400 hover:text-white">Water Heaters</a></li>
471
+ <li><a href="sump-pumps.html" class="text-gray-400 hover:text-white">Sump Pumps</a></li>
472
+ <li><a href="leak-detection.html" class="text-gray-400 hover:text-white">Leak Detection</a></li>
473
+ <li><a href="#" class="text-gray-400 hover:text-white">Drains</a></li>
474
+ </ul>
475
+ </div>
476
+
477
+ <div>
478
+ <h3 class="text-lg font-bold mb-4">Contact</h3>
479
+ <ul class="space-y-2">
480
+ <li class="flex items-start">
481
+ <i data-feather="map-p极in" class="w-4 h-4 mt-1 mr-2"></i>
482
+ <a href="#" class="text-gray-400 hover:text-white">2 Evergreen Ave Warwick, Rhode Island 02888</a>
483
+ </li>
484
+ <li class="flex items-center">
485
+ <i data-feather="phone" class="w-4 h-4 mr-2"></极i>
486
+ <a href极="tel:4012003026" class="text-gray-400 hover:text-white">(401) 200-302极6</a>
487
+ </li>
488
+ <li class="flex items-center">
489
+ <i data-feather="clock" class="w-4 h-4 mr-2"></i>
490
+ <a href="#" class="text-gray-400 hover:text-white">24/7 Live Answering</a>
491
+ </li>
492
+ </ul>
493
+ </div>
494
+ </div>
495
+
496
+ <div class="border-t border-gray-800 pt-6 flex flex-col md:flex极-row justify-between items-center">
497
+ <p class="text-gray-400 mb-4 md:mb-0">Copyright © 2025 Evergreen Services. All Rights Reserved.</p>
498
+ 极 <div class="flex space-x-4">
499
+ <a href="#" class="text-gray-400 hover:text-white">Privacy Policy</a>
500
+ <a href="#" class="text-gray-400 hover:text-white">Terms of Service</a>
501
+ </div>
502
+ </div>
503
+ </div>
504
+ </footer>
505
+
506
+ <!-- Floating Action Button -->
507
+ <div class="fixed bottom-6 right-6 z-50">
508
+ <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">
509
+ <i data-feather="phone" class="w-6 h-6"></i>
510
+ </a>
511
+ </div>
512
+
513
+ <script>
514
+ AOS.init();
515
+ feather.replace();
516
+ </script>
517
+ </body>
518
+ </html>