Hugging Face's logo

Spaces:
spwotton
/
allenselectricco
Running

App Files Community
spwotton commited on
Commit
6e142fa
·
verified ·
1 Parent(s): 3c2b9e8

Add 2 files

Browse files
Files changed (2) hide show
  1. index.html +44 -35
  2. prompts.txt +2 -1
index.html CHANGED
@@ -3,7 +3,7 @@
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Allen's Electric Co | Father & Son Electricians in Coeur d'Alene, ID</title>
7
  <script src="https://cdn.tailwindcss.com"></script>
8
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
  <style>
@@ -14,6 +14,15 @@
14
  scroll-behavior: smooth;
15
  }
16
 
 
 
 
 
 
 
 
 
 
17
  .hero-gradient {
18
  background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);
19
  }
@@ -52,7 +61,7 @@
52
  <body class="bg-gray-50">
53
  <!-- Header/Navigation -->
54
  <header class="bg-white shadow-sm sticky top-0 z-50">
55
- <div class="container mx-auto px-4 py-3 flex justify-between items-center">
56
  <div class="flex items-center">
57
  <div class="bg-blue-600 text-white p-2 rounded-lg mr-3">
58
  <i class="fas fa-bolt text-xl"></i>
@@ -82,9 +91,9 @@
82
 
83
  <!-- Hero Section -->
84
  <section class="hero-gradient text-white py-16 md:py-24">
85
- <div class="container mx-auto px-4 flex flex-col md:flex-row items-center">
86
  <div class="md:w-1/2 mb-10 md:mb-0">
87
- <h2 class="text-3xl md:text-5xl font-bold mb-4">Trusted Electricians in Coeur d'Alene</h2>
88
  <p class="text-xl mb-8 opacity-90">Father & son team providing reliable, affordable electrical services for over 15 years.</p>
89
  <div class="flex flex-col sm:flex-row gap-4">
90
  <a href="#contact" class="bg-white text-blue-600 hover:bg-gray-100 font-bold py-3 px-6 rounded-lg text-center transition duration-300">
@@ -134,7 +143,7 @@
134
 
135
  <!-- Trust Badges -->
136
  <section class="bg-gray-100 py-8">
137
- <div class="container mx-auto px-4">
138
  <div class="flex flex-wrap justify-center items-center gap-8 md:gap-16">
139
  <div class="flex items-center">
140
  <i class="fas fa-clock text-blue-600 text-2xl mr-2"></i>
@@ -154,7 +163,7 @@
154
 
155
  <!-- Services Section -->
156
  <section id="services" class="py-16 bg-white">
157
- <div class="container mx-auto px-4">
158
  <div class="text-center mb-12">
159
  <h2 class="text-3xl font-bold text-gray-800 mb-4">Our Electrical Services</h2>
160
  <p class="text-gray-600 max-w-2xl mx-auto">From small repairs to complete rewiring, we handle all your electrical needs with precision and care.</p>
@@ -214,11 +223,11 @@
214
 
215
  <!-- About Section -->
216
  <section id="about" class="py-16 bg-gray-50">
217
- <div class="container mx-auto px-4">
218
  <div class="flex flex-col md:flex-row items-center">
219
  <div class="md:w-1/2 mb-10 md:mb-0 md:pr-10">
220
  <h2 class="text-3xl font-bold text-gray-800 mb-6">A Family You Can Trust</h2>
221
- <p class="text-gray-600 mb-4">Founded in 2008, Allen's Electric Co has been serving the Coeur d'Alene community with honesty and integrity. What started as a one-man operation has grown into a father-son team dedicated to quality electrical work.</p>
222
  <p class="text-gray-600 mb-6">We believe in treating every customer like family, which means we'll never recommend work you don't need and we always stand behind our service.</p>
223
  <div class="flex flex-col sm:flex-row gap-4">
224
  <div class="flex items-center mb-4 sm:mb-0">
@@ -263,7 +272,7 @@
263
 
264
  <!-- Testimonials -->
265
  <section id="testimonials" class="py-16 bg-blue-600 text-white">
266
- <div class="container mx-auto px-4">
267
  <div class="text-center mb-12">
268
  <h2 class="text-3xl font-bold mb-4">What Our Customers Say</h2>
269
  <p class="max-w-2xl mx-auto opacity-90">Don't just take our word for it - hear from homeowners and businesses we've worked with.</p>
@@ -284,7 +293,7 @@
284
  <img class="w-10 h-10 rounded-full mr-3" src="https://randomuser.me/api/portraits/women/32.jpg" alt="Sarah J.">
285
  <div>
286
  <p class="font-bold text-gray-800">Sarah J.</p>
287
- <p class="text-sm text-gray-600">Coeur d'Alene, ID</p>
288
  </div>
289
  </div>
290
  </div>
@@ -322,7 +331,7 @@
322
  <img class="w-10 h-10 rounded-full mr-3" src="https://randomuser.me/api/portraits/women/68.jpg" alt="Lisa R.">
323
  <div>
324
  <p class="font-bold text-gray-800">Lisa R.</p>
325
- <p class="text-sm text-gray-600">Hayden, ID</p>
326
  </div>
327
  </div>
328
  </div>
@@ -338,9 +347,9 @@
338
 
339
  <!-- CTA Section -->
340
  <section class="py-16 bg-gray-800 text-white">
341
- <div class="container mx-auto px-4 text-center">
342
  <h2 class="text-3xl font-bold mb-6">Ready to Power Up Your Home or Business?</h2>
343
- <p class="text-xl mb-8 max-w-2xl mx-auto">Contact Allen's Electric Co today for reliable electrical service in the Coeur d'Alene area.</p>
344
  <div class="flex flex-col sm:flex-row justify-center gap-4">
345
  <a href="#contact" class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-8 rounded-lg transition duration-300">
346
  <i class="fas fa-envelope mr-2"></i> Send a Message
@@ -354,7 +363,7 @@
354
 
355
  <!-- Contact Form -->
356
  <section id="contact" class="py-16 bg-white">
357
- <div class="container mx-auto px-4">
358
  <div class="max-w-4xl mx-auto">
359
  <div class="text-center mb-12">
360
  <h2 class="text-3xl font-bold text-gray-800 mb-4">Get in Touch</h2>
@@ -406,7 +415,7 @@
406
  </div>
407
 
408
  <div class="md:col-span-2 text-center text-sm text-gray-500">
409
- <p>By submitting this form, you agree to our <a href="#" class="text-blue-600 hover:underline">privacy policy</a>.</p>
410
  </div>
411
  </form>
412
 
@@ -416,7 +425,7 @@
416
  <i class="fas fa-map-marker-alt text-blue-600 text-xl"></i>
417
  </div>
418
  <h4 class="font-bold text-gray-800 mb-2">Service Area</h4>
419
- <p class="text-gray-600">Coeur d'Alene, Post Falls, Hayden, Rathdrum, and surrounding areas</p>
420
  </div>
421
 
422
  <div class="bg-gray-50 p-6 rounded-lg shadow-sm text-center">
@@ -424,7 +433,7 @@
424
  <i class="fas fa-clock text-blue-600 text-xl"></i>
425
  </div>
426
  <h4 class="font-bold text-gray-800 mb-2">Hours</h4>
427
- <p class="text-gray-600">Mon-Fri: 7am - 6pm<br>Sat: 8am - 4pm<br>Emergency: 24/7</p>
428
  </div>
429
 
430
  <div class="bg-gray-50 p-6 rounded-lg shadow-sm text-center">
@@ -432,7 +441,7 @@
432
  <i class="fas fa-phone text-blue-600 text-xl"></i>
433
  </div>
434
  <h4 class="font-bold text-gray-800 mb-2">Contact</h4>
435
- <p class="text-gray-600">
436
  <a href="tel:2085551234" class="hover:text-blue-600">(208) 555-1234</a><br>
437
  <a href="mailto:info@allenselectric.com" class="hover:text-blue-600">info@allenselectric.com</a>
438
  </p>
@@ -444,7 +453,7 @@
444
 
445
  <!-- Footer -->
446
  <footer class="bg-gray-900 text-white py-12">
447
- <div class="container mx-auto px-4">
448
  <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
449
  <div>
450
  <div class="flex items-center mb-4">
@@ -453,7 +462,7 @@
453
  </div>
454
  <h3 class="text-xl font-bold">Allen's Electric Co</h3>
455
  </div>
456
- <p class="text-gray-400 mb-4">Family-owned electrical services in Coeur d'Alene, ID since 2008.</p>
457
  <div class="flex space-x-4">
458
  <a href="#" class="text-gray-400 hover:text-white transition duration-300">
459
  <i class="fab fa-facebook-f text-xl"></i>
@@ -470,31 +479,31 @@
470
  <div>
471
  <h4 class="text-lg font-bold mb-4">Services</h4>
472
  <ul class="space-y-2">
473
- <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Residential Electrical</a></li>
474
- <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Commercial Electrical</a></li>
475
- <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Electrical Repairs</a></li>
476
- <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Panel Upgrades</a></li>
477
- <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Lighting Installation</a></li>
478
  </ul>
479
  </div>
480
 
481
  <div>
482
  <h4 class="text-lg font-bold mb-4">Quick Links</h4>
483
  <ul class="space-y-2">
484
- <li><a href="#services" class="text-gray-400 hover:text-white transition duration-300">Services</a></li>
485
- <li><a href="#about" class="text-gray-400 hover:text-white transition duration-300">About Us</a></li>
486
- <li><a href="#testimonials" class="text-gray-400 hover:text-white transition duration-300">Reviews</a></li>
487
- <li><a href="#contact" class="text-gray-400 hover:text-white transition duration-300">Contact</a></li>
488
- <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Blog</a></li>
489
  </ul>
490
  </div>
491
 
492
  <div>
493
  <h4 class="text-lg font-bold mb-4">Contact Info</h4>
494
- <ul class="space-y-2 text-gray-400">
495
  <li class="flex items-start">
496
  <i class="fas fa-map-marker-alt mt-1 mr-3 text-blue-600"></i>
497
- <span>1234 Electric Ave<br>Coeur d'Alene, ID 83814</span>
498
  </li>
499
  <li class="flex items-center">
500
  <i class="fas fa-phone mr-3 text-blue-600"></i>
@@ -513,10 +522,10 @@
513
  </div>
514
 
515
  <div class="border-t border-gray-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center">
516
- <p class="text-gray-400 mb-4 md:mb-0">© 2023 Allen's Electric Co. All rights reserved.</p>
517
  <div class="flex space-x-6">
518
- <a href="#" class="text-gray-400 hover:text-white transition duration-300">Privacy Policy</a>
519
- <a href="#" class="text-gray-400 hover:text-white transition duration-300">Terms of Service</a>
520
  </div>
521
  </div>
522
  </div>
 
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Allen's Electric Co | Father & Son Electricians in Post Falls, ID</title>
7
  <script src="https://cdn.tailwindcss.com"></script>
8
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
  <style>
 
14
  scroll-behavior: smooth;
15
  }
16
 
17
+ .container {
18
+ max-width: 75rem; /* 1200px */
19
+ width: 100%;
20
+ margin-left: auto;
21
+ margin-right: auto;
22
+ padding-left: 1rem;
23
+ padding-right: 1rem;
24
+ }
25
+
26
  .hero-gradient {
27
  background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);
28
  }
 
61
  <body class="bg-gray-50">
62
  <!-- Header/Navigation -->
63
  <header class="bg-white shadow-sm sticky top-0 z-50">
64
+ <div class="container flex justify-between items-center py-3">
65
  <div class="flex items-center">
66
  <div class="bg-blue-600 text-white p-2 rounded-lg mr-3">
67
  <i class="fas fa-bolt text-xl"></i>
 
91
 
92
  <!-- Hero Section -->
93
  <section class="hero-gradient text-white py-16 md:py-24">
94
+ <div class="container flex flex-col md:flex-row items-center">
95
  <div class="md:w-1/2 mb-10 md:mb-0">
96
+ <h2 class="text-3xl md:text-5xl font-bold mb-4">Trusted Electricians in Post Falls</h2>
97
  <p class="text-xl mb-8 opacity-90">Father & son team providing reliable, affordable electrical services for over 15 years.</p>
98
  <div class="flex flex-col sm:flex-row gap-4">
99
  <a href="#contact" class="bg-white text-blue-600 hover:bg-gray-100 font-bold py-3 px-6 rounded-lg text-center transition duration-300">
 
143
 
144
  <!-- Trust Badges -->
145
  <section class="bg-gray-100 py-8">
146
+ <div class="container">
147
  <div class="flex flex-wrap justify-center items-center gap-8 md:gap-16">
148
  <div class="flex items-center">
149
  <i class="fas fa-clock text-blue-600 text-2xl mr-2"></i>
 
163
 
164
  <!-- Services Section -->
165
  <section id="services" class="py-16 bg-white">
166
+ <div class="container">
167
  <div class="text-center mb-12">
168
  <h2 class="text-3xl font-bold text-gray-800 mb-4">Our Electrical Services</h2>
169
  <p class="text-gray-600 max-w-2xl mx-auto">From small repairs to complete rewiring, we handle all your electrical needs with precision and care.</p>
 
223
 
224
  <!-- About Section -->
225
  <section id="about" class="py-16 bg-gray-50">
226
+ <div class="container">
227
  <div class="flex flex-col md:flex-row items-center">
228
  <div class="md:w-1/2 mb-10 md:mb-0 md:pr-10">
229
  <h2 class="text-3xl font-bold text-gray-800 mb-6">A Family You Can Trust</h2>
230
+ <p class="text-gray-600 mb-4">Founded in 2008, Allen's Electric Co has been serving the Post Falls community with honesty and integrity. What started as a one-man operation has grown into a father-son team dedicated to quality electrical work.</p>
231
  <p class="text-gray-600 mb-6">We believe in treating every customer like family, which means we'll never recommend work you don't need and we always stand behind our service.</p>
232
  <div class="flex flex-col sm:flex-row gap-4">
233
  <div class="flex items-center mb-4 sm:mb-0">
 
272
 
273
  <!-- Testimonials -->
274
  <section id="testimonials" class="py-16 bg-blue-600 text-white">
275
+ <div class="container">
276
  <div class="text-center mb-12">
277
  <h2 class="text-3xl font-bold mb-4">What Our Customers Say</h2>
278
  <p class="max-w-2xl mx-auto opacity-90">Don't just take our word for it - hear from homeowners and businesses we've worked with.</p>
 
293
  <img class="w-10 h-10 rounded-full mr-3" src="https://randomuser.me/api/portraits/women/32.jpg" alt="Sarah J.">
294
  <div>
295
  <p class="font-bold text-gray-800">Sarah J.</p>
296
+ <p class="text-sm text-gray-600">Post Falls, ID</p>
297
  </div>
298
  </div>
299
  </div>
 
331
  <img class="w-10 h-10 rounded-full mr-3" src="https://randomuser.me/api/portraits/women/68.jpg" alt="Lisa R.">
332
  <div>
333
  <p class="font-bold text-gray-800">Lisa R.</p>
334
+ <p class="text-sm text-gray-600">Post Falls, ID</p>
335
  </div>
336
  </div>
337
  </div>
 
347
 
348
  <!-- CTA Section -->
349
  <section class="py-16 bg-gray-800 text-white">
350
+ <div class="container text-center">
351
  <h2 class="text-3xl font-bold mb-6">Ready to Power Up Your Home or Business?</h2>
352
+ <p class="text-xl mb-8 max-w-2xl mx-auto">Contact Allen's Electric Co today for reliable electrical service in the Post Falls area.</p>
353
  <div class="flex flex-col sm:flex-row justify-center gap-4">
354
  <a href="#contact" class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-8 rounded-lg transition duration-300">
355
  <i class="fas fa-envelope mr-2"></i> Send a Message
 
363
 
364
  <!-- Contact Form -->
365
  <section id="contact" class="py-16 bg-white">
366
+ <div class="container">
367
  <div class="max-w-4xl mx-auto">
368
  <div class="text-center mb-12">
369
  <h2 class="text-3xl font-bold text-gray-800 mb-4">Get in Touch</h2>
 
415
  </div>
416
 
417
  <div class="md:col-span-2 text-center text-sm text-gray-500">
418
+ <p class="text-sm">By submitting this form, you agree to our <a href="#" class="text-blue-600 hover:underline">privacy policy</a>.</p>
419
  </div>
420
  </form>
421
 
 
425
  <i class="fas fa-map-marker-alt text-blue-600 text-xl"></i>
426
  </div>
427
  <h4 class="font-bold text-gray-800 mb-2">Service Area</h4>
428
+ <p class="text-gray-600 text-sm">Post Falls, Coeur d'Alene, Hayden, Rathdrum, and surrounding areas</p>
429
  </div>
430
 
431
  <div class="bg-gray-50 p-6 rounded-lg shadow-sm text-center">
 
433
  <i class="fas fa-clock text-blue-600 text-xl"></i>
434
  </div>
435
  <h4 class="font-bold text-gray-800 mb-2">Hours</h4>
436
+ <p class="text-gray-600 text-sm">Mon-Fri: 7am - 6pm<br>Sat: 8am - 4pm<br>Emergency: 24/7</p>
437
  </div>
438
 
439
  <div class="bg-gray-50 p-6 rounded-lg shadow-sm text-center">
 
441
  <i class="fas fa-phone text-blue-600 text-xl"></i>
442
  </div>
443
  <h4 class="font-bold text-gray-800 mb-2">Contact</h4>
444
+ <p class="text-gray-600 text-sm">
445
  <a href="tel:2085551234" class="hover:text-blue-600">(208) 555-1234</a><br>
446
  <a href="mailto:info@allenselectric.com" class="hover:text-blue-600">info@allenselectric.com</a>
447
  </p>
 
453
 
454
  <!-- Footer -->
455
  <footer class="bg-gray-900 text-white py-12">
456
+ <div class="container">
457
  <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
458
  <div>
459
  <div class="flex items-center mb-4">
 
462
  </div>
463
  <h3 class="text-xl font-bold">Allen's Electric Co</h3>
464
  </div>
465
+ <p class="text-gray-400 mb-4 text-sm">Family-owned electrical services in Post Falls, ID since 2008.</p>
466
  <div class="flex space-x-4">
467
  <a href="#" class="text-gray-400 hover:text-white transition duration-300">
468
  <i class="fab fa-facebook-f text-xl"></i>
 
479
  <div>
480
  <h4 class="text-lg font-bold mb-4">Services</h4>
481
  <ul class="space-y-2">
482
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300 text-sm">Residential Electrical</a></li>
483
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300 text-sm">Commercial Electrical</a></li>
484
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300 text-sm">Electrical Repairs</a></li>
485
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300 text-sm">Panel Upgrades</a></li>
486
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300 text-sm">Lighting Installation</a></li>
487
  </ul>
488
  </div>
489
 
490
  <div>
491
  <h4 class="text-lg font-bold mb-4">Quick Links</h4>
492
  <ul class="space-y-2">
493
+ <li><a href="#services" class="text-gray-400 hover:text-white transition duration-300 text-sm">Services</a></li>
494
+ <li><a href="#about" class="text-gray-400 hover:text-white transition duration-300 text-sm">About Us</a></li>
495
+ <li><a href="#testimonials" class="text-gray-400 hover:text-white transition duration-300 text-sm">Reviews</a></li>
496
+ <li><a href="#contact" class="text-gray-400 hover:text-white transition duration-300 text-sm">Contact</a></li>
497
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300 text-sm">Blog</a></li>
498
  </ul>
499
  </div>
500
 
501
  <div>
502
  <h4 class="text-lg font-bold mb-4">Contact Info</h4>
503
+ <ul class="space-y-2 text-gray-400 text-sm">
504
  <li class="flex items-start">
505
  <i class="fas fa-map-marker-alt mt-1 mr-3 text-blue-600"></i>
506
+ <span>1234 Electric Ave<br>Post Falls, ID 83854</span>
507
  </li>
508
  <li class="flex items-center">
509
  <i class="fas fa-phone mr-3 text-blue-600"></i>
 
522
  </div>
523
 
524
  <div class="border-t border-gray-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center">
525
+ <p class="text-gray-400 mb-4 md:mb-0 text-sm">© 2023 Allen's Electric Co. All rights reserved.</p>
526
  <div class="flex space-x-6">
527
+ <a href="#" class="text-gray-400 hover:text-white transition duration-300 text-sm">Privacy Policy</a>
528
+ <a href="#" class="text-gray-400 hover:text-white transition duration-300 text-sm">Terms of Service</a>
529
  </div>
530
  </div>
531
  </div>
prompts.txt CHANGED
@@ -1 +1,2 @@
1
- a modern, mobile first, lead-gen focused website for Allen's Electric Co, a fataher and son electrician team in C'oure D'alene Idaho (i spelled this wrong)
 
 
1
+ a modern, mobile first, lead-gen focused website for Allen's Electric Co, a fataher and son electrician team in C'oure D'alene Idaho (i spelled this wrong)
2
+ can we make it like 1200px or the rem equivalent for my hp envy laptop so its not completely widescreen? make it look nice tho. i think theyre in post falls, id too