Hugging Face's logo

Spaces:
John2121
/
DGCchat
Running

App Files Community
John2121 commited on
Commit
f3a2dba
·
1 Parent(s): a377af8

feat: larger image section, map moved below images, improved visual layout

Browse files
Files changed (1) hide show
  1. index.html +50 -47
index.html CHANGED
@@ -137,96 +137,81 @@
137
  321-2825</a>
138
  <span class="text-green-200 text-sm mt-1">Fastest response for quotes & questions</span>
139
  </div>
140
- <!-- Portfolio Grid (moved up) -->
141
- <section class="py-12">
142
- <!-- Hero Section (moved below images) -->
143
- <section class="bg-gradient-to-br from-green-900 to-green-700 py-16">
144
- <div class="container mx-auto px-4 text-center">
145
- <h2 class="dynamic-title mb-6">Central Wisconsin's Premier Taxidermy</h2>
146
- <p class="text-lg sm:text-xl md:text-2xl lg:text-3xl text-green-100 mb-8 tracking-wide drop-shadow-lg">
147
- Serving hunters and outdoorsmen throughout Central WI</p>
148
- <a href="quote-calculator.html"
149
- class="inline-block bg-green-600 text-white px-8 py-4 rounded-2xl font-bold text-lg md:text-xl hover:bg-green-500 hover:scale-105 transition-all duration-200 shadow-lg mr-2 focus:outline-none focus:ring-2 focus:ring-amber-400 focus:ring-offset-2">
150
- Get Instant Quote
151
- </a>
152
- <a href="https://buckrubtaxidermy.s3.us-east-2.amazonaws.com/formsubmit-quote-form.html" target="_blank"
153
- class="inline-block bg-amber-500 text-white px-8 py-4 rounded-2xl font-bold text-lg md:text-xl hover:bg-amber-400 hover:scale-105 transition-all duration-200 shadow-lg ml-2 focus:outline-none focus:ring-2 focus:ring-green-400 focus:ring-offset-2">
154
- Quick Online Quote (Email)
155
- </a>
156
- </div>
157
- </section>
158
- <div class="max-w-xl mx-auto mb-8 text-center">
159
- <h3 class="text-2xl font-bold text-green-200 mb-2">Contact & Location</h3>
160
- <div class="text-green-100 mb-2">
161
- <div><strong>Address:</strong> Wisconsin Rapids, WI, United States, 54494</div>
162
- <div><strong>Phone:</strong> <a href="tel:+17153212825" class="underline">+1 715-321-2825</a></div>
163
- <div><strong>Email:</strong> <a href="mailto:cwcoach@yahoo.com" class="underline">cwcoach@yahoo.com</a>
164
- </div>
165
- </div>
166
- <div class="rounded-xl overflow-hidden border border-green-700 shadow-lg mt-4">
167
- <iframe width="100%" height="250" style="border:0" loading="lazy" allowfullscreen
168
- src="https://www.openstreetmap.org/export/embed.html?bbox=-89.858,44.350,-89.758,44.450&amp;layer=mapnik&amp;marker=44.400,-89.808"></iframe>
169
- <div class="text-xs text-green-300 bg-green-900/80 p-1">Location: Wisconsin Rapids, WI, United States,
170
- 54494</div>
171
- </div>
172
  </div>
 
 
 
173
  <div class="container mx-auto px-2 md:px-4">
174
- <div class="swiper mySwiper max-w-lg md:max-w-3xl mx-auto">
175
  <div class="swiper-wrapper">
176
  <!-- S3 Image Cards -->
177
  <div class="swiper-slide flex justify-center">
178
  <div
179
- class="bg-green-800/80 rounded-2xl shadow-2xl p-2 md:p-4 flex flex-col items-center w-full max-w-[520px] transition-transform hover:scale-105 hover:shadow-green-400/30">
180
  <img src="https://buckrubtaxidermy.s3.amazonaws.com/darktable_exported/-taxidermy-studioinput_imagesFiles2025-10-04_09-05-55IMG_5360.jpg"
181
- alt="Portfolio Image 1" class="rounded-xl w-full h-72 object-cover mb-2"
182
  loading="lazy" />
183
  </div>
184
  </div>
185
  <div class="swiper-slide flex justify-center">
186
  <div
187
- class="bg-green-800/80 rounded-2xl shadow-2xl p-2 md:p-4 flex flex-col items-center w-full max-w-[520px] transition-transform hover:scale-105 hover:shadow-green-400/30">
188
  <img src="https://buckrubtaxidermy.s3.amazonaws.com/darktable_exported/-taxidermy-studioinput_imagesFiles2025-10-04_09-05-55IMG_5381.jpg"
189
- alt="Portfolio Image 2" class="rounded-xl w-full h-72 object-cover mb-2"
190
  loading="lazy" />
191
  </div>
192
  </div>
193
  <div class="swiper-slide flex justify-center">
194
  <div
195
- class="bg-green-800/80 rounded-2xl shadow-2xl p-2 md:p-4 flex flex-col items-center w-full max-w-[520px] transition-transform hover:scale-105 hover:shadow-green-400/30">
196
  <img src="https://buckrubtaxidermy.s3.amazonaws.com/darktable_exported/-taxidermy-studioinput_imagesFiles2025-10-04_09-05-55IMG_5386.jpg"
197
- alt="Portfolio Image 3" class="rounded-xl w-full h-72 object-cover mb-2"
198
  loading="lazy" />
199
  </div>
200
  </div>
201
  <div class="swiper-slide flex justify-center">
202
  <div
203
- class="bg-green-800/80 rounded-2xl shadow-2xl p-2 md:p-4 flex flex-col items-center w-full max-w-[520px] transition-transform hover:scale-105 hover:shadow-green-400/30">
204
  <img src="https://buckrubtaxidermy.s3.amazonaws.com/darktable_exported/-taxidermy-studioinput_imagesFiles2025-10-04_09-05-55IMG_5388.jpg"
205
- alt="Portfolio Image 4" class="rounded-xl w-full h-72 object-cover mb-2"
206
  loading="lazy" />
207
  </div>
208
  </div>
209
  <div class="swiper-slide flex justify-center">
210
  <div
211
- class="bg-green-800/80 rounded-2xl shadow-2xl p-2 md:p-4 flex flex-col items-center w-full max-w-[520px] transition-transform hover:scale-105 hover:shadow-green-400/30">
212
  <img src="https://buckrubtaxidermy.s3.amazonaws.com/darktable_exported/-taxidermy-studioinput_imagesFiles2025-10-04_09-05-55IMG_5398.jpg"
213
- alt="Portfolio Image 5" class="rounded-xl w-full h-72 object-cover mb-2"
214
  loading="lazy" />
215
  </div>
216
  </div>
217
  <div class="swiper-slide flex justify-center">
218
  <div
219
- class="bg-green-800/80 rounded-2xl shadow-2xl p-2 md:p-4 flex flex-col items-center w-full max-w-[520px] transition-transform hover:scale-105 hover:shadow-green-400/30">
220
  <img src="https://buckrubtaxidermy.s3.amazonaws.com/darktable_exported/-taxidermy-studioinput_imagesFiles2025-10-04_09-05-55IMG_5402.jpg"
221
- alt="Portfolio Image 6" class="rounded-xl w-full h-72 object-cover mb-2"
222
  loading="lazy" />
223
  </div>
224
  </div>
225
  <div class="swiper-slide flex justify-center">
226
  <div
227
- class="bg-green-800/80 rounded-2xl shadow-2xl p-2 md:p-4 flex flex-col items-center w-full max-w-[520px] transition-transform hover:scale-105 hover:shadow-green-400/30">
228
  <img src="https://buckrubtaxidermy.s3.amazonaws.com/darktable_exported/-taxidermy-studioinput_imagesFiles2025-10-04_09-05-55IMG_5403.jpg"
229
- alt="Portfolio Image 7" class="rounded-xl w-full h-72 object-cover mb-2"
230
  loading="lazy" />
231
  </div>
232
  </div>
@@ -238,6 +223,24 @@
238
  </div>
239
  </div>
240
  </section>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
241
  <!-- Swiper.js initialization for dynamic card carousel -->
242
  <script>
243
  document.addEventListener('DOMContentLoaded', function () {
 
137
  321-2825</a>
138
  <span class="text-green-200 text-sm mt-1">Fastest response for quotes & questions</span>
139
  </div>
140
+ <!-- Hero Section -->
141
+ <section class="bg-gradient-to-br from-green-900 to-green-700 py-12 md:py-16">
142
+ <div class="container mx-auto px-4 text-center">
143
+ <h2 class="dynamic-title mb-6">Central Wisconsin's Premier Taxidermy</h2>
144
+ <p class="text-lg sm:text-xl md:text-2xl lg:text-3xl text-green-100 mb-8 tracking-wide drop-shadow-lg">
145
+ Serving hunters and outdoorsmen throughout Central WI</p>
146
+ <a href="quote-calculator.html"
147
+ class="inline-block bg-green-600 text-white px-8 py-4 rounded-2xl font-bold text-lg md:text-xl hover:bg-green-500 hover:scale-105 transition-all duration-200 shadow-lg mr-2 focus:outline-none focus:ring-2 focus:ring-amber-400 focus:ring-offset-2">
148
+ Get Instant Quote
149
+ </a>
150
+ <a href="https://buckrubtaxidermy.s3.us-east-2.amazonaws.com/formsubmit-quote-form.html" target="_blank"
151
+ class="inline-block bg-amber-500 text-white px-8 py-4 rounded-2xl font-bold text-lg md:text-xl hover:bg-amber-400 hover:scale-105 transition-all duration-200 shadow-lg ml-2 focus:outline-none focus:ring-2 focus:ring-green-400 focus:ring-offset-2">
152
+ Quick Online Quote (Email)
153
+ </a>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
154
  </div>
155
+ </section>
156
+ <!-- Portfolio Grid (larger, more visual) -->
157
+ <section class="py-8 md:py-14 bg-green-950/80">
158
  <div class="container mx-auto px-2 md:px-4">
159
+ <div class="swiper mySwiper max-w-3xl mx-auto">
160
  <div class="swiper-wrapper">
161
  <!-- S3 Image Cards -->
162
  <div class="swiper-slide flex justify-center">
163
  <div
164
+ class="bg-green-800/90 rounded-3xl shadow-2xl p-4 flex flex-col items-center w-full max-w-[700px] transition-transform hover:scale-105 hover:shadow-green-400/30">
165
  <img src="https://buckrubtaxidermy.s3.amazonaws.com/darktable_exported/-taxidermy-studioinput_imagesFiles2025-10-04_09-05-55IMG_5360.jpg"
166
+ alt="Portfolio Image 1" class="rounded-2xl w-full h-[420px] object-cover mb-2"
167
  loading="lazy" />
168
  </div>
169
  </div>
170
  <div class="swiper-slide flex justify-center">
171
  <div
172
+ class="bg-green-800/90 rounded-3xl shadow-2xl p-4 flex flex-col items-center w-full max-w-[700px] transition-transform hover:scale-105 hover:shadow-green-400/30">
173
  <img src="https://buckrubtaxidermy.s3.amazonaws.com/darktable_exported/-taxidermy-studioinput_imagesFiles2025-10-04_09-05-55IMG_5381.jpg"
174
+ alt="Portfolio Image 2" class="rounded-2xl w-full h-[420px] object-cover mb-2"
175
  loading="lazy" />
176
  </div>
177
  </div>
178
  <div class="swiper-slide flex justify-center">
179
  <div
180
+ class="bg-green-800/90 rounded-3xl shadow-2xl p-4 flex flex-col items-center w-full max-w-[700px] transition-transform hover:scale-105 hover:shadow-green-400/30">
181
  <img src="https://buckrubtaxidermy.s3.amazonaws.com/darktable_exported/-taxidermy-studioinput_imagesFiles2025-10-04_09-05-55IMG_5386.jpg"
182
+ alt="Portfolio Image 3" class="rounded-2xl w-full h-[420px] object-cover mb-2"
183
  loading="lazy" />
184
  </div>
185
  </div>
186
  <div class="swiper-slide flex justify-center">
187
  <div
188
+ class="bg-green-800/90 rounded-3xl shadow-2xl p-4 flex flex-col items-center w-full max-w-[700px] transition-transform hover:scale-105 hover:shadow-green-400/30">
189
  <img src="https://buckrubtaxidermy.s3.amazonaws.com/darktable_exported/-taxidermy-studioinput_imagesFiles2025-10-04_09-05-55IMG_5388.jpg"
190
+ alt="Portfolio Image 4" class="rounded-2xl w-full h-[420px] object-cover mb-2"
191
  loading="lazy" />
192
  </div>
193
  </div>
194
  <div class="swiper-slide flex justify-center">
195
  <div
196
+ class="bg-green-800/90 rounded-3xl shadow-2xl p-4 flex flex-col items-center w-full max-w-[700px] transition-transform hover:scale-105 hover:shadow-green-400/30">
197
  <img src="https://buckrubtaxidermy.s3.amazonaws.com/darktable_exported/-taxidermy-studioinput_imagesFiles2025-10-04_09-05-55IMG_5398.jpg"
198
+ alt="Portfolio Image 5" class="rounded-2xl w-full h-[420px] object-cover mb-2"
199
  loading="lazy" />
200
  </div>
201
  </div>
202
  <div class="swiper-slide flex justify-center">
203
  <div
204
+ class="bg-green-800/90 rounded-3xl shadow-2xl p-4 flex flex-col items-center w-full max-w-[700px] transition-transform hover:scale-105 hover:shadow-green-400/30">
205
  <img src="https://buckrubtaxidermy.s3.amazonaws.com/darktable_exported/-taxidermy-studioinput_imagesFiles2025-10-04_09-05-55IMG_5402.jpg"
206
+ alt="Portfolio Image 6" class="rounded-2xl w-full h-[420px] object-cover mb-2"
207
  loading="lazy" />
208
  </div>
209
  </div>
210
  <div class="swiper-slide flex justify-center">
211
  <div
212
+ class="bg-green-800/90 rounded-3xl shadow-2xl p-4 flex flex-col items-center w-full max-w-[700px] transition-transform hover:scale-105 hover:shadow-green-400/30">
213
  <img src="https://buckrubtaxidermy.s3.amazonaws.com/darktable_exported/-taxidermy-studioinput_imagesFiles2025-10-04_09-05-55IMG_5403.jpg"
214
+ alt="Portfolio Image 7" class="rounded-2xl w-full h-[420px] object-cover mb-2"
215
  loading="lazy" />
216
  </div>
217
  </div>
 
223
  </div>
224
  </div>
225
  </section>
226
+ <!-- Contact & Map Section (moved below images) -->
227
+ <section class="py-8 text-center">
228
+ <div class="max-w-xl mx-auto bg-green-900/80 rounded-2xl shadow-lg p-4 mb-4">
229
+ <h3 class="text-2xl font-bold text-green-200 mb-2">Contact & Location</h3>
230
+ <div class="text-green-100 mb-2">
231
+ <div><strong>Address:</strong> Wisconsin Rapids, WI, United States, 54494</div>
232
+ <div><strong>Phone:</strong> <a href="tel:+17153212825" class="underline">+1 715-321-2825</a></div>
233
+ <div><strong>Email:</strong> <a href="mailto:cwcoach@yahoo.com" class="underline">cwcoach@yahoo.com</a>
234
+ </div>
235
+ </div>
236
+ <div class="rounded-xl overflow-hidden border border-green-700 shadow-lg mt-4">
237
+ <iframe width="100%" height="250" style="border:0" loading="lazy" allowfullscreen
238
+ src="https://www.openstreetmap.org/export/embed.html?bbox=-89.858,44.350,-89.758,44.450&amp;layer=mapnik&amp;marker=44.400,-89.808"></iframe>
239
+ <div class="text-xs text-green-300 bg-green-900/80 p-1">Location: Wisconsin Rapids, WI, United States,
240
+ 54494</div>
241
+ </div>
242
+ </div>
243
+ </section>
244
  <!-- Swiper.js initialization for dynamic card carousel -->
245
  <script>
246
  document.addEventListener('DOMContentLoaded', function () {