Hugging Face's logo

Spaces:
od5965
/
evergreen
Running

App Files Community
od5965 commited on
Commit
0e01b10
·
verified ·
1 Parent(s): d32d0f0

- Initial Deployment

Browse files
Files changed (3) hide show
  1. README.md +6 -4
  2. index.html +572 -18
  3. prompts.txt +0 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Evergreen
3
- emoji: 🐨
4
  colorFrom: purple
5
- colorTo: purple
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: evergreen
3
+ emoji: 🐳
4
  colorFrom: purple
5
+ colorTo: red
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,573 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
19
  </html>
 
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>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">
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_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="#" 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</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 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="http://static.photos/technology/640x360/42" alt="HVAC Technician" class="rounded-lg">
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">
285
+ <form class="space-y-4">
286
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
287
+ <div>
288
+ <label for="first-name" class="block text-gray-700 font-medium mb-1">First Name *</label>
289
+ <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">
290
+ </div>
291
+ <div>
292
+ <label for="last-name" class="block text-gray-700 font-medium mb-1">Last Name *</label>
293
+ <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">
294
+ </div>
295
+ </div>
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>
303
+ <label for="phone" class="block text-gray-700 font-medium mb-1">Phone Number</label>
304
+ <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">
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>
330
+ </div>
331
+ </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
+ <div class="flex justify-center mb-12">
396
+ <img src="https://spcdn.shortpixel.ai/spio/ret_img,q_cdnize,to_auto,s_webp:avif/evergreenplumbingri.com/wp-content/uploads/2024/11/Group-7095.webp" alt="Values Icon" class="h-20">
397
+ </div>
398
+
399
+ <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-6 text-center">
400
+ <div class="bg-gray-100 p-6 rounded-lg">
401
+ <h3 class="font-bold text-lg mb-2">Accountability</h3>
402
+ <p class="text-gray-700">We take responsibility for our work and stand behind it.</p>
403
+ </div>
404
+ <div class="bg-gray-100 p-6 rounded-lg">
405
+ <h3 class="font-bold text-lg mb-2">Empathy</h3>
406
+ <p class="text-gray-700">We understand your needs and work to exceed expectations.</p>
407
+ </div>
408
+ <div class="bg-gray-100 p-6 rounded-lg">
409
+ <h3 class="font-bold text-lg mb-2">Integrity</h3>
410
+ <p class="text-gray-700">Honest, transparent service you can trust.</p>
411
+ </div>
412
+ <div class="bg-gray-100 p-6 rounded-lg">
413
+ <h3 class="font-bold text-lg mb-2">Innovation</h3>
414
+ <p class="text-gray-700">We stay current with the latest technologies.</p>
415
+ </div>
416
+ <div class="bg-gray-100 p-6 rounded-lg">
417
+ <h3 class="font-bold text-lg mb-2">Professionalism</h3>
418
+ <p class="text-gray-700">Courteous, knowledgeable technicians.</p>
419
+ </div>
420
+ <div class="bg-gray-100 p-6 rounded-lg">
421
+ <h3 class="font-bold text-lg mb-2">Reliability</h3>
422
+ <p class="text-gray-700">Dependable service when you need it most.</p>
423
+ </div>
424
+ </div>
425
+ </div>
426
+ </section>
427
+
428
+ <!-- Membership Section -->
429
+ <section class="py-16 bg-green-800 text-white">
430
+ <div class="container mx-auto px-4">
431
+ <div class="flex flex-col md:flex-row items-center">
432
+ <div class="md:w-1/2 mb-10 md:mb-0">
433
+ <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">
434
+ </div>
435
+ <div class="md:w-1/2 md:pl-12">
436
+ <h2 class="text-3xl font-bold mb-6">TOTAL HOME CARE CLUB MEMBERSHIP</h2>
437
+ <a href="#" class="inline-block mb-8 text-yellow-300 font-bold hover:text-yellow-200">
438
+ Click Here FOR EXCLUSIVE TOTAL HOME CARE CLUB BENEFITS
439
+ </a>
440
+
441
+ <h3 class="text-2xl font-semibold mb-4">NEED FINANCING? LEARN ABOUT OUR FINANCING PLAN!</h3>
442
+ <a href="#" class="btn-primary text-white font-bold py-3 px-6 rounded-lg inline-block">
443
+ Learn More
444
+ </a>
445
+ </div>
446
+ </div>
447
+ </div>
448
+ </section>
449
+
450
+ <!-- Partners Section -->
451
+ <section class="py-16 bg-gray-100">
452
+ <div class="container mx-auto px-4">
453
+ <h2 class="text-3xl font-bold text-center mb-12">Customer Comments</h2>
454
+
455
+ <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-8 gap-6">
456
+ <div class="bg-white p-4 rounded-lg shadow-sm flex justify-center items-center h-24">
457
+ <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">
458
+ </div>
459
+ <div class="bg-white p-4 rounded-lg shadow-sm flex justify-center items-center h-24">
460
+ <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">
461
+ </div>
462
+ <div class="bg-white p-4 rounded-lg shadow-sm flex justify-center items-center h-24">
463
+ <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">
464
+ </div>
465
+ <div class="bg-white p-4 rounded-lg shadow-sm flex justify-center items-center h-24">
466
+ <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">
467
+ </div>
468
+ <div class="bg-white p-4 rounded-lg shadow-sm flex justify-center items-center h-24">
469
+ <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">
470
+ </div>
471
+ <div class="bg-white p-4 rounded-lg shadow-sm flex justify-center items-center h-24">
472
+ <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">
473
+ </div>
474
+ <div class="bg-white p-4 rounded-lg shadow-sm flex justify-center items-center h-24">
475
+ <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">
476
+ </div>
477
+ <div class="bg-white p-4 rounded-lg shadow-sm flex justify-center items-center h-24">
478
+ <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">
479
+ </div>
480
+ </div>
481
+ </div>
482
+ </section>
483
+
484
+ <!-- Footer -->
485
+ <footer class="bg-gray-900 text-white pt-12 pb-6">
486
+ <div class="container mx-auto px-4">
487
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-8">
488
+ <div>
489
+ <a href="/" class="flex items-center mb-4">
490
+ <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">
491
+ </a>
492
+ <p class="mb-4">Providing quality plumbing, heating, and cooling services to Rhode Island for generations.</p>
493
+ <div class="flex space-x-4">
494
+ <a href="#" class="text-gray-400 hover:text-white"><i data-feather="facebook"></i></a>
495
+ <a href="#" class="text-gray-400 hover:text-white"><i data-feather="twitter"></i></a>
496
+ <a href="#" class="text-gray-400 hover:text-white"><i data-feather="instagram"></i></a>
497
+ </div>
498
+ </div>
499
+
500
+ <div>
501
+ <h3 class="text-lg font-bold mb-4">Quick Links</h3>
502
+ <ul class="space-y-2">
503
+ <li><a href="#" class="text-gray-400 hover:text-white">Home</a></li>
504
+ <li><a href="#" class="text-gray-400 hover:text-white">About Us</a></li>
505
+ <li><a href="#" class="text-gray-400 hover:text-white">Services</a></li>
506
+ <li><a href="#" class="text-gray-400 hover:text-white">Service Area</a></li>
507
+ <li><a href="#" class="text-gray-400 hover:text-white">Contact</a></li>
508
+ </ul>
509
+ </div>
510
+
511
+ <div>
512
+ <h3 class="text-lg font-bold mb-4">Services</h3>
513
+ <ul class="space-y-2">
514
+ <li><a href="#" class="text-gray-400 hover:text-white">Plumbing</a></li>
515
+ <li><a href="#" class="text-gray-400 hover:text-white">Drains</a></li>
516
+ <li><a href="#" class="text-gray-400 hover:text-white">Heating</a></li>
517
+ <li><a href="#" class="text-gray-400 hover:text-white">Cooling</a></li>
518
+ <li><a href="#" class="text-gray-400 hover:text-white">Financing</a></li>
519
+ </ul>
520
+ </div>
521
+
522
+ <div>
523
+ <h3 class="text-lg font-bold mb-4">Contact</h3>
524
+ <ul class="space-y-2">
525
+ <li class="flex items-start">
526
+ <i data-feather="map-pin" class="w-4 h-4 mt-1 mr-2"></i>
527
+ <a href="#" class="text-gray-400 hover:text-white">2 Evergreen Ave Warwick, Rhode Island 02888</a>
528
+ </li>
529
+ <li class="flex items-center">
530
+ <i data-feather="phone" class="w-4 h-4 mr-2"></i>
531
+ <a href="tel:4012003026" class="text-gray-400 hover:text-white">(401) 200-3026</a>
532
+ </li>
533
+ <li class="flex items-center">
534
+ <i data-feather="clock" class="w-4 h-4 mr-2"></i>
535
+ <a href="#" class="text-gray-400 hover:text-white">24/7 Live Answering</a>
536
+ </li>
537
+ </ul>
538
+ </div>
539
+ </div>
540
+
541
+ <div class="border-t border-gray-800 pt-6 flex flex-col md:flex-row justify-between items-center">
542
+ <p class="text-gray-400 mb-4 md:mb-0">Copyright © 2025 Evergreen Services. All Rights Reserved.</p>
543
+ <div class="flex space-x-4">
544
+ <a href="#" class="text-gray-400 hover:text-white">Privacy Policy</a>
545
+ <a href="#" class="text-gray-400 hover:text-white">Terms of Service</a>
546
+ </div>
547
+ </div>
548
+ </div>
549
+ </footer>
550
+
551
+ <!-- Floating Action Button -->
552
+ <div class="fixed bottom-6 right-6 z-50">
553
+ <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">
554
+ <i data-feather="phone" class="w-6 h-6"></i>
555
+ </a>
556
+ </div>
557
+
558
+ <script>
559
+ AOS.init();
560
+ feather.replace();
561
+
562
+ // Mobile menu toggle
563
+ document.addEventListener('DOMContentLoaded', function() {
564
+ const menuButton = document.querySelector('button[aria-label="Menu"]');
565
+ const mobileMenu = document.querySelector('.mobile-menu');
566
+
567
+ menuButton.addEventListener('click', function() {
568
+ mobileMenu.classList.toggle('hidden');
569
+ });
570
+ });
571
+ </script>
572
+ </body>
573
  </html>
prompts.txt ADDED
File without changes