socialhostpro commited on
Commit
f06344e
·
verified ·
1 Parent(s): 6bf5e19

Add 2 files

Browse files
Files changed (2) hide show
  1. index.html +542 -227
  2. prompts.txt +4 -0
index.html CHANGED
@@ -88,6 +88,127 @@
88
  .bug-icon {
89
  filter: drop-shadow(0 0 5px var(--primary));
90
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
91
  </style>
92
  </head>
93
  <body class="min-h-screen">
@@ -105,13 +226,11 @@
105
  </div>
106
  <div class="hidden md:flex space-x-8">
107
  <a href="index.html" class="hover:text-[#00f0ff] transition">Home</a>
108
- <a href="services.html" class="hover:text-[#00f0ff] transition">Services</a>
109
- <a href="cases.html" class="hover:text-[#00f0ff] transition">Case Results</a>
110
- <a href="about.html" class="hover:text-[#00f0ff] transition">About</a>
111
- <a href="blog.html" class="hover:text-[#00f0ff] transition">Blog</a>
112
  <a href="contact.html" class="hover:text-[#00f0ff] transition">Contact</a>
113
  </div>
114
- <button class="gradient-bg text-[#0a0a1a] font-bold px-6 py-2 rounded-full glow hover:opacity-90 transition">
115
  Free Case Review
116
  </button>
117
  </nav>
@@ -127,11 +246,11 @@
127
  Using cutting-edge legal technology and forensic entomology, we hold negligent property owners accountable for bed bug infestations that have impacted your health and wellbeing.
128
  </p>
129
  <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
130
- <button class="gradient-bg text-[#0a0a1a] font-bold px-8 py-4 rounded-full glow hover:opacity-90 transition text-lg">
131
  Start Your Claim <i class="fas fa-arrow-right ml-2"></i>
132
  </button>
133
  <button class="border border-[#00f0ff] text-[#00f0ff] font-bold px-8 py-4 rounded-full hover:bg-[#00f0ff] hover:text-[#0a0a1a] transition text-lg">
134
- <i class="fas fa-phone-alt mr-2"></i> (888) 555-2025
135
  </button>
136
  </div>
137
  </div>
@@ -156,254 +275,450 @@
156
  <span>Property Negligence</span>
157
  <span class="text-[#00f0ff]">Confirmed</span>
158
  </div>
159
- <div class="w-full bg-gray-700 rounded-full h-2.5">
160
- <div class="gradient-bg h-2.5 rounded-full" style="width: 92%"></div>
161
- </div>
162
- </div>
163
- <div>
164
- <div class="flex justify-between mb-1">
165
- <span>Health Impact</span>
166
- <span class="text-[#00f0ff]">Substantial</span>
167
- </div>
168
- <div class="w-full bg-gray-700 rounded-full h-2.5">
169
- <div class="gradient-bg h-2.5 rounded-full" style="width: 78%"></div>
170
- </div>
171
- </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
172
  </div>
173
- <div class="mt-6 text-center">
174
- <p class="text-sm opacity-80">Our AI-powered assessment shows you have a <span class="text-[#00f0ff] font-bold">92%</span> chance of a successful claim</p>
 
 
 
 
 
 
 
 
 
 
 
 
 
175
  </div>
176
  </div>
177
- <div class="absolute -z-10 w-full h-full top-4 left-4 rounded-2xl border border-[#00f0ff] opacity-30"></div>
 
 
 
178
  </div>
179
- </section>
180
-
181
- <!-- Stats Section -->
182
- <section class="container mx-auto px-6 py-16 bg-gradient-to-r from-[#0a0a1a] via-[#0f0f25] to-[#0a0a1a] rounded-2xl my-12 border border-[#00f0ff] border-opacity-20">
183
- <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center">
184
- <div class="holographic-card p-6">
185
- <div class="text-4xl font-bold gradient-text mb-2">$250M+</div>
186
- <div class="opacity-80">Recovered for Clients</div>
 
 
187
  </div>
188
- <div class="holographic-card p-6">
189
- <div class="text-4xl font-bold gradient-text mb-2">98%</div>
190
- <div class="opacity-80">Success Rate</div>
191
  </div>
192
- <div class="holographic-card p-6">
193
- <div class="text-4xl font-bold gradient-text mb-2">5,000+</div>
194
- <div class="opacity-80">Cases Handled</div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
195
  </div>
196
- <div class="holographic-card p-6">
197
- <div class="text-4xl font-bold gradient-text mb-2">24/7</div>
198
- <div class="opacity-80">Case Support</div>
 
 
 
 
199
  </div>
200
  </div>
201
- </section>
202
-
203
- <!-- Services Section -->
204
- <section id="services" class="container mx-auto px-6 py-20">
205
- <div class="text-center mb-16">
206
- <h2 class="text-3xl md:text-4xl font-bold gradient-text mb-4">Advanced Legal Solutions</h2>
207
- <p class="max-w-2xl mx-auto opacity-90">We combine traditional legal expertise with innovative technology to build unbeatable cases</p>
 
 
208
  </div>
209
 
210
- <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
211
- <div class="holographic-card p-8 scanline">
212
- <div class="text-[#00f0ff] text-3xl mb-4">
213
- <i class="fas fa-dna"></i>
214
- </div>
215
- <h3 class="text-xl font-bold mb-3">Forensic Entomology</h3>
216
- <p class="opacity-90">Our team includes certified entomologists who can scientifically prove the origin and duration of your infestation through DNA analysis of bed bug specimens.</p>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
217
  </div>
218
 
219
- <div class="holographic-card p-8 scanline">
220
- <div class="text-[#00f0ff] text-3xl mb-4">
221
- <i class="fas fa-robot"></i>
222
- </div>
223
- <h3 class="text-xl font-bold mb-3">AI Case Prediction</h3>
224
- <p class="opacity-90">Our proprietary AI analyzes thousands of similar cases to predict optimal settlement amounts and identify the strongest legal arguments for your situation.</p>
225
  </div>
226
 
227
- <div class="holographic-card p-8 scanline">
228
- <div class="text-[#00f0ff] text-3xl mb-4">
229
- <i class="fas fa-vr-cardboard"></i>
230
- </div>
231
- <h3 class="text-xl font-bold mb-3">VR Reenactments</h3>
232
- <p class="opacity-90">We create immersive virtual reality experiences that allow juries to "experience" the infestation from your perspective, dramatically increasing settlement values.</p>
233
  </div>
234
- </div>
235
- </section>
236
-
237
- <!-- Case Results -->
238
- <section id="cases" class="py-20 bg-gradient-to-b from-[#0f0f25] to-[#0a0a1a]">
239
- <div class="container mx-auto px-6">
240
- <div class="text-center mb-16">
241
- <h2 class="text-3xl md:text-4xl font-bold gradient-text mb-4">Recent Case Victories</h2>
242
- <p class="max-w-2xl mx-auto opacity-90">Our track record speaks for itself</p>
243
  </div>
244
 
245
- <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
246
- <div class="holographic-card p-6">
247
- <div class="flex items-center mb-4">
248
- <div class="gradient-bg w-12 h-12 rounded-full flex items-center justify-center text-[#0a0a1a] mr-4">
249
- <i class="fas fa-hotel text-xl"></i>
250
- </div>
251
- <div>
252
- <h3 class="font-bold">Luxury Hotel Chain</h3>
253
- <p class="text-sm opacity-80">Multiple Infestations</p>
254
- </div>
255
- </div>
256
- <p class="opacity-90 mb-4">Negligent pest control practices led to recurring infestations across multiple properties.</p>
257
- <div class="gradient-bg text-[#0a0a1a] font-bold px-4 py-1 rounded-full text-sm inline-block">
258
- $4.2M Settlement
259
- </div>
260
- </div>
261
-
262
- <div class="holographic-card p-6">
263
- <div class="flex items-center mb-4">
264
- <div class="gradient-bg w-12 h-12 rounded-full flex items-center justify-center text-[#0a0a1a] mr-4">
265
- <i class="fas fa-building text-xl"></i>
266
- </div>
267
- <div>
268
- <h3 class="font-bold">Apartment Complex</h3>
269
- <p class="text-sm opacity-80">Chronic Neglect</p>
270
- </div>
271
- </div>
272
- <p class="opacity-90 mb-4">Management ignored repeated complaints leading to severe health consequences for tenants.</p>
273
- <div class="gradient-bg text-[#0a0a1a] font-bold px-4 py-1 rounded-full text-sm inline-block">
274
- $2.8M Verdict
275
- </div>
276
- </div>
277
-
278
- <div class="holographic-card p-6">
279
- <div class="flex items-center mb-4">
280
- <div class="gradient-bg w-12 h-12 rounded-full flex items-center justify-center text-[#0a0a1a] mr-4">
281
- <i class="fas fa-plane text-xl"></i>
282
- </div>
283
- <div>
284
- <h3 class="font-bold">Airline Passenger</h3>
285
- <p class="text-sm opacity-80">International Flight</p>
286
- </div>
287
- </div>
288
- <p class="opacity-90 mb-4">Infested seating caused severe bites and subsequent PTSD from the experience.</p>
289
- <div class="gradient-bg text-[#0a0a1a] font-bold px-4 py-1 rounded-full text-sm inline-block">
290
- $1.5M Settlement
291
- </div>
292
- </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
293
  </div>
294
  </div>
295
- </section>
296
-
297
- <!-- CTA Section -->
298
- <section class="py-20">
299
- <div class="container mx-auto px-6">
300
- <div class="holographic-card p-12 text-center rounded-3xl relative overflow-hidden">
301
- <div class="absolute -top-20 -right-20 w-40 h-40 rounded-full gradient-bg opacity-20 blur-3xl"></div>
302
- <div class="absolute -bottom-20 -left-20 w-40 h-40 rounded-full gradient-bg opacity-20 blur-3xl"></div>
303
-
304
- <h2 class="text-3xl md:text-4xl font-bold mb-6 gradient-text">Ready to Take Legal Action?</h2>
305
- <p class="text-xl mb-8 max-w-2xl mx-auto opacity-90">
306
- Our quantum-powered case assessment can determine your potential compensation in under 60 seconds.
307
- </p>
308
- <button class="gradient-bg text-[#0a0a1a] font-bold px-8 py-4 rounded-full glow hover:opacity-90 transition text-lg pulse">
309
- Begin Instant Assessment <i class="fas fa-bolt ml-2"></i>
310
- </button>
 
 
 
 
311
  </div>
312
  </div>
313
- </section>
314
-
315
- <!-- Footer -->
316
- <footer class="py-12 border-t border-[#00f0ff] border-opacity-20">
317
- <div class="container mx-auto px-6">
318
- <div class="grid grid-cols-1 md:grid-cols-4 gap-12">
319
- <div>
320
- <div class="flex items-center space-x-2 mb-4">
321
- <i class="fas fa-bug text-2xl gradient-text"></i>
322
- <span class="text-2xl font-bold gradient-text">TheyBiteWeFight.com</span>
323
- </div>
324
- <p class="opacity-80 mb-4">
325
- Pioneering the future of bed bug litigation through technology and expertise.
326
- </p>
327
- <div class="flex space-x-4">
328
- <a href="#" class="text-xl hover:text-[#00f0ff] transition"><i class="fab fa-twitter"></i></a>
329
- <a href="#" class="text-xl hover:text-[#00f0ff] transition"><i class="fab fa-linkedin"></i></a>
330
- <a href="#" class="text-xl hover:text-[#00f0ff] transition"><i class="fab fa-facebook"></i></a>
331
- </div>
332
- </div>
333
-
334
- <div>
335
- <h3 class="text-lg font-bold mb-4 gradient-text">Quick Links</h3>
336
- <ul class="space-y-2">
337
- <li><a href="index.html" class="opacity-80 hover:text-[#00f0ff] transition">Home</a></li>
338
- <li><a href="about.html" class="opacity-80 hover:text-[#00f0ff] transition">About Us</a></li>
339
- <li><a href="cases.html" class="opacity-80 hover:text-[#00f0ff] transition">Case Results</a></li>
340
- <li><a href="blog.html" class="opacity-80 hover:text-[#00f0ff] transition">Blog</a></li>
341
- <li><a href="contact.html" class="opacity-80 hover:text-[#00f0ff] transition">Contact</a></li>
342
- </ul>
343
- </div>
344
-
345
- <div>
346
- <h3 class="text-lg font-bold mb-4 gradient-text">Services</h3>
347
- <ul class="space-y-2">
348
- <li><a href="free-review.html" class="opacity-80 hover:text-[#00f0ff] transition">Free Case Review</a></li>
349
- <li><a href="bedbug-lawsuits.html" class="opacity-80 hover:text-[#00f0ff] transition">Bed Bug Lawsuits</a></li>
350
- <li><a href="hotel-claims.html" class="opacity-80 hover:text-[#00f0ff] transition">Hotel Claims</a></li>
351
- <li><a href="apartment-claims.html" class="opacity-80 hover:text-[#00f0ff] transition">Apartment Claims</a></li>
352
- <li><a href="medical-docs.html" class="opacity-80 hover:text-[#00f0ff] transition">Medical Documentation</a></li>
353
- </ul>
354
- </div>
355
-
356
- <div id="contact">
357
- <h3 class="text-lg font-bold mb-4 gradient-text">Contact Us</h3>
358
- <ul class="space-y-2">
359
- <li class="flex items-center opacity-80">
360
- <i class="fas fa-map-marker-alt mr-2 text-[#00f0ff]"></i>
361
- 123 Tech Plaza, Suite 300<br>New York, NY 10001
362
- </li>
363
- <li class="flex items-center opacity-80">
364
- <i class="fas fa-phone-alt mr-2 text-[#00f0ff]"></i> (888) 555-2025
365
- </li>
366
- <li class="flex items-center opacity-80">
367
- <i class="fas fa-envelope mr-2 text-[#00f0ff]"></i> justice@nexuslegal.ai
368
- </li>
369
- </ul>
370
- </div>
371
  </div>
372
-
373
- <div class="border-t border-[#00f0ff] border-opacity-20 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center">
374
- <p class="opacity-80 mb-4 md:mb-0">© 2025 TheyBiteWeFight.com All rights reserved.</p>
375
- <div class="flex space-x-6">
376
- <a href="privacy.html" class="opacity-80 hover:text-[#00f0ff] transition">Privacy Policy</a>
377
- <a href="terms.html" class="opacity-80 hover:text-[#00f0ff] transition">Terms of Service</a>
378
- <a href="sitemap.html" class="opacity-80 hover:text-[#00f0ff] transition">Sitemap</a>
379
- </div>
 
 
 
 
 
380
  </div>
381
  </div>
382
- </footer>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
383
 
384
- <!-- Floating CTA -->
385
- <div class="fixed bottom-6 right-6 z-50">
386
- <button class="gradient-bg text-[#0a0a1a] font-bold w-16 h-16 rounded-full glow hover:opacity-90 transition flex items-center justify-center text-2xl pulse">
387
- <i class="fas fa-comment-dots"></i>
388
- </button>
389
- </div>
390
 
391
- <script>
392
- // Simple animation for demonstration
393
- document.querySelectorAll('a[href^="#"]').forEach(anchor => {
394
- anchor.addEventListener('click', function (e) {
395
- e.preventDefault();
396
-
397
- document.querySelector(this.getAttribute('href')).scrollIntoView({
398
- behavior: 'smooth'
399
- });
400
- });
401
- });
402
 
403
- // Simulate case assessment
404
- document.querySelector('.pulse').addEventListener('click', function() {
405
- alert('Quantum assessment initiated...\n\nBased on preliminary data, your case has an 89% probability of success with estimated compensation between $15,000 - $85,000.\n\nA legal specialist will contact you shortly to discuss details.');
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
406
  });
407
- </script>
 
408
  <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=socialhostpro/bed-bugs" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
409
  </html>
 
88
  .bug-icon {
89
  filter: drop-shadow(0 0 5px var(--primary));
90
  }
91
+
92
+ /* Modal Styles */
93
+ .modal {
94
+ display: none;
95
+ position: fixed;
96
+ top: 0;
97
+ left: 0;
98
+ width: 100%;
99
+ height: 100%;
100
+ background-color: rgba(0, 0, 0, 0.8);
101
+ z-index: 1000;
102
+ overflow-y: auto;
103
+ }
104
+
105
+ .modal-content {
106
+ background: rgba(10, 10, 26, 0.95);
107
+ border: 1px solid rgba(0, 240, 255, 0.3);
108
+ border-radius: 16px;
109
+ width: 90%;
110
+ max-width: 700px;
111
+ margin: 5% auto;
112
+ padding: 30px;
113
+ position: relative;
114
+ animation: modalFadeIn 0.3s ease-out;
115
+ }
116
+
117
+ @keyframes modalFadeIn {
118
+ from { opacity: 0; transform: translateY(-50px); }
119
+ to { opacity: 1; transform: translateY(0); }
120
+ }
121
+
122
+ .close-modal {
123
+ position: absolute;
124
+ top: 15px;
125
+ right: 15px;
126
+ color: var(--primary);
127
+ font-size: 28px;
128
+ font-weight: bold;
129
+ cursor: pointer;
130
+ transition: all 0.3s;
131
+ }
132
+
133
+ .close-modal:hover {
134
+ transform: rotate(90deg);
135
+ color: var(--secondary);
136
+ }
137
+
138
+ .form-input {
139
+ background: rgba(0, 240, 255, 0.05);
140
+ border: 1px solid rgba(0, 240, 255, 0.2);
141
+ color: white;
142
+ padding: 12px 15px;
143
+ border-radius: 8px;
144
+ width: 100%;
145
+ margin-bottom: 15px;
146
+ transition: all 0.3s;
147
+ }
148
+
149
+ .form-input:focus {
150
+ outline: none;
151
+ border-color: var(--primary);
152
+ box-shadow: 0 0 0 2px rgba(0, 240, 255, 0.2);
153
+ }
154
+
155
+ .form-label {
156
+ display: block;
157
+ margin-bottom: 8px;
158
+ font-weight: 500;
159
+ }
160
+
161
+ .form-radio-group {
162
+ display: flex;
163
+ gap: 20px;
164
+ margin-bottom: 15px;
165
+ }
166
+
167
+ .form-radio-label {
168
+ display: flex;
169
+ align-items: center;
170
+ cursor: pointer;
171
+ }
172
+
173
+ .form-radio-input {
174
+ margin-right: 8px;
175
+ accent-color: var(--primary);
176
+ }
177
+
178
+ .form-textarea {
179
+ min-height: 120px;
180
+ resize: vertical;
181
+ }
182
+
183
+ .form-submit {
184
+ background: linear-gradient(135deg, var(--primary), var(--secondary));
185
+ color: var(--dark);
186
+ border: none;
187
+ padding: 15px 30px;
188
+ font-size: 16px;
189
+ font-weight: bold;
190
+ border-radius: 8px;
191
+ cursor: pointer;
192
+ width: 100%;
193
+ transition: all 0.3s;
194
+ }
195
+
196
+ .form-submit:hover {
197
+ transform: translateY(-2px);
198
+ box-shadow: 0 5px 15px rgba(0, 240, 255, 0.3);
199
+ }
200
+
201
+ .form-grid {
202
+ display: grid;
203
+ grid-template-columns: 1fr 1fr;
204
+ gap: 20px;
205
+ }
206
+
207
+ @media (max-width: 768px) {
208
+ .form-grid {
209
+ grid-template-columns: 1fr;
210
+ }
211
+ }
212
  </style>
213
  </head>
214
  <body class="min-h-screen">
 
226
  </div>
227
  <div class="hidden md:flex space-x-8">
228
  <a href="index.html" class="hover:text-[#00f0ff] transition">Home</a>
229
+ <a href="about.html" class="hover:text-[#00f0ff] transition">About Us</a>
230
+ <a href="case-results.html" class="hover:text-[#00f0ff] transition">Case Results</a>
 
 
231
  <a href="contact.html" class="hover:text-[#00f0ff] transition">Contact</a>
232
  </div>
233
+ <button onclick="openModal()" class="gradient-bg text-[#0a0a1a] font-bold px-6 py-2 rounded-full glow hover:opacity-90 transition">
234
  Free Case Review
235
  </button>
236
  </nav>
 
246
  Using cutting-edge legal technology and forensic entomology, we hold negligent property owners accountable for bed bug infestations that have impacted your health and wellbeing.
247
  </p>
248
  <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
249
+ <button onclick="openModal()" class="gradient-bg text-[#0a0a1a] font-bold px-8 py-4 rounded-full glow hover:opacity-90 transition text-lg">
250
  Start Your Claim <i class="fas fa-arrow-right ml-2"></i>
251
  </button>
252
  <button class="border border-[#00f0ff] text-[#00f0ff] font-bold px-8 py-4 rounded-full hover:bg-[#00f0ff] hover:text-[#0a0a1a] transition text-lg">
253
+ <i class="fas fa-phone-alt mr-2"></i> (850) 876-6980
254
  </button>
255
  </div>
256
  </div>
 
275
  <span>Property Negligence</span>
276
  <span class="text-[#00f0ff]">Confirmed</span>
277
  </div>
278
+ <div class="w-full bg-gray-700 rounded-full h-2.5">
279
+ <div class="gradient-bg h-2.5 rounded-full" style="width: 92%"></div>
280
+ </div>
281
+ </div>
282
+ <div>
283
+ <div class="flex justify-between mb-1">
284
+ <span>Health Impact</span>
285
+ <span class="text-[#00f0ff]">Substantial</span>
286
+ </div>
287
+ <div class="w-full bg-gray-700 rounded-full h-2.5">
288
+ <div class="gradient-bg h-2.5 rounded-full" style="width: 78%"></div>
289
+ </div>
290
+ </div>
291
+ </div>
292
+ <div class="mt-6 text-center">
293
+ <p class="text-sm opacity-80">Our AI-powered assessment shows you have a <span class="text-[#00f0ff] font-bold">92%</span> chance of a successful claim</p>
294
+ </div>
295
+ </div>
296
+ <div class="absolute -z-10 w-full h-full top-4 left-4 rounded-2xl border border-[#00f0ff] opacity-30"></div>
297
+ </div>
298
+ </section>
299
+
300
+ <!-- Stats Section -->
301
+ <section class="container mx-auto px-6 py-16 bg-gradient-to-r from-[#0a0a1a] via-[#0f0f25] to-[#0a0a1a] rounded-2xl my-12 border border-[#00f0ff] border-opacity-20">
302
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center">
303
+ <div class="holographic-card p-6">
304
+ <div class="text-4xl font-bold gradient-text mb-2">$250M+</div>
305
+ <div class="opacity-80">Recovered for Clients</div>
306
+ </div>
307
+ <div class="holographic-card p-6">
308
+ <div class="text-4xl font-bold gradient-text mb-2">98%</div>
309
+ <div class="opacity-80">Success Rate</div>
310
+ </div>
311
+ <div class="holographic-card p-6">
312
+ <div class="text-4xl font-bold gradient-text mb-2">5,000+</div>
313
+ <div class="opacity-80">Cases Handled</div>
314
+ </div>
315
+ <div class="holographic-card p-6">
316
+ <div class="text-4xl font-bold gradient-text mb-2">24/7</div>
317
+ <div class="opacity-80">Case Support</div>
318
+ </div>
319
+ </div>
320
+ </section>
321
+
322
+ <!-- Services Section -->
323
+ <section id="services" class="container mx-auto px-6 py-20">
324
+ <div class="text-center mb-16">
325
+ <h2 class="text-3xl md:text-4xl font-bold gradient-text mb-4">Advanced Legal Solutions</h2>
326
+ <p class="max-w-2xl mx-auto opacity-90">We combine traditional legal expertise with innovative technology to build unbeatable cases</p>
327
+ </div>
328
+
329
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
330
+ <div class="holographic-card p-8 scanline">
331
+ <div class="text-[#00f0ff] text-3xl mb-4">
332
+ <i class="fas fa-dna"></i>
333
+ </div>
334
+ <h3 class="text-xl font-bold mb-3">Forensic Entomology</h3>
335
+ <p class="opacity-90">Our team includes certified entomologists who can scientifically prove the origin and duration of your infestation through DNA analysis of bed bug specimens.</p>
336
+ </div>
337
+
338
+ <div class="holographic-card p-8 scanline">
339
+ <div class="text-[#00f0ff] text-3xl mb-4">
340
+ <i class="fas fa-robot"></i>
341
+ </div>
342
+ <h3 class="text-xl font-bold mb-3">AI Case Prediction</h3>
343
+ <p class="opacity-90">Our proprietary AI analyzes thousands of similar cases to predict optimal settlement amounts and identify the strongest legal arguments for your situation.</p>
344
+ </div>
345
+
346
+ <div class="holographic-card p-8 scanline">
347
+ <div class="text-[#00f0ff] text-3xl mb-4">
348
+ <i class="fas fa-vr-cardboard"></i>
349
+ </div>
350
+ <h3 class="text-xl font-bold mb-3">VR Reenactments</h3>
351
+ <p class="opacity-90">We create immersive virtual reality experiences that allow juries to "experience" the infestation from your perspective, dramatically increasing settlement values.</p>
352
+ </div>
353
+ </div>
354
+ </section>
355
+
356
+ <!-- Case Results -->
357
+ <section id="cases" class="py-20 bg-gradient-to-b from-[#0f0f25] to-[#0a0a1a]">
358
+ <div class="container mx-auto px-6">
359
+ <div class="text-center mb-16">
360
+ <h2 class="text-3xl md:text-4xl font-bold gradient-text mb-4">Recent Case Victories</h2>
361
+ <p class="max-w-2xl mx-auto opacity-90">Our track record speaks for itself</p>
362
+ </div>
363
+
364
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
365
+ <div class="holographic-card p-6">
366
+ <div class="flex items-center mb-4">
367
+ <div class="gradient-bg w-12 h-12 rounded-full flex items-center justify-center text-[#0a0a1a] mr-4">
368
+ <i class="fas fa-hotel text-xl"></i>
369
+ </div>
370
+ <div>
371
+ <h3 class="font-bold">Luxury Hotel Chain</h3>
372
+ <p class="text-sm opacity-80">Multiple Infestations</p>
373
  </div>
374
+ </div>
375
+ <p class="opacity-90 mb-4">Negligent pest control practices led to recurring infestations across multiple properties.</p>
376
+ <div class="gradient-bg text-[#0a0a1a] font-bold px-4 py-1 rounded-full text-sm inline-block">
377
+ $4.2M Settlement
378
+ </div>
379
+ </div>
380
+
381
+ <div class="holographic-card p-6">
382
+ <div class="flex items-center mb-4">
383
+ <div class="gradient-bg w-12 h-12 rounded-full flex items-center justify-center text-[#0a0a1a] mr-4">
384
+ <i class="fas fa-building text-xl"></i>
385
+ </div>
386
+ <div>
387
+ <h3 class="font-bold">Apartment Complex</h3>
388
+ <p class="text-sm opacity-80">Chronic Neglect</p>
389
  </div>
390
  </div>
391
+ <p class="opacity-90 mb-4">Management ignored repeated complaints leading to severe health consequences for tenants.</p>
392
+ <div class="gradient-bg text-[#0a0a1a] font-bold px-4 py-1 rounded-full text-sm inline-block">
393
+ $2.8M Verdict
394
+ </div>
395
  </div>
396
+
397
+ <div class="holographic-card p-6">
398
+ <div class="flex items-center mb-4">
399
+ <div class="gradient-bg w-12 h-12 rounded-full flex items-center justify-center text-[#0a0a1a] mr-4">
400
+ <i class="fas fa-plane text-xl"></i>
401
+ </div>
402
+ <div>
403
+ <h3 class="font-bold">Airline Passenger</h3>
404
+ <p class="text-sm opacity-80">International Flight</p>
405
+ </div>
406
  </div>
407
+ <p class="opacity-90 mb-4">Infested seating caused severe bites and subsequent PTSD from the experience.</p>
408
+ <div class="gradient-bg text-[#0a0a1a] font-bold px-4 py-1 rounded-full text-sm inline-block">
409
+ $1.5M Settlement
410
  </div>
411
+ </div>
412
+ </div>
413
+ </div>
414
+ </section>
415
+
416
+ <!-- CTA Section -->
417
+ <section class="py-20">
418
+ <div class="container mx-auto px-6">
419
+ <div class="holographic-card p-12 text-center rounded-3xl relative overflow-hidden">
420
+ <div class="absolute -top-20 -right-20 w-40 h-40 rounded-full gradient-bg opacity-20 blur-3xl"></div>
421
+ <div class="absolute -bottom-20 -left-20 w-40 h-40 rounded-full gradient-bg opacity-20 blur-3xl"></div>
422
+
423
+ <h2 class="text-3xl md:text-4xl font-bold mb-6 gradient-text">Ready to Take Legal Action?</h2>
424
+ <p class="text-xl mb-8 max-w-2xl mx-auto opacity-90">
425
+ Our quantum-powered case assessment can determine your potential compensation in under 60 seconds.
426
+ </p>
427
+ <button onclick="openModal()" class="gradient-bg text-[#0a0a1a] font-bold px-8 py-4 rounded-full glow hover:opacity-90 transition text-lg pulse">
428
+ Begin Instant Assessment <i class="fas fa-bolt ml-2"></i>
429
+ </button>
430
+ </div>
431
+ </div>
432
+ </section>
433
+
434
+ <!-- Footer -->
435
+ <footer class="py-12 border-t border-[#00f0ff] border-opacity-20">
436
+ <div class="container mx-auto px-6">
437
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-12">
438
+ <div>
439
+ <div class="flex items-center space-x-2 mb-4">
440
+ <i class="fas fa-bug text-2xl gradient-text"></i>
441
+ <span class="text-2xl font-bold gradient-text">TheyBiteWeFight.com</span>
442
  </div>
443
+ <p class="opacity-80 mb-4">
444
+ Pioneering the future of bed bug litigation through technology and expertise.
445
+ </p>
446
+ <div class="flex space-x-4">
447
+ <a href="#" class="text-xl hover:text-[#00f0ff] transition"><i class="fab fa-twitter"></i></a>
448
+ <a href="#" class="text-xl hover:text-[#00f0ff] transition"><i class="fab fa-linkedin"></i></a>
449
+ <a href="#" class="text-xl hover:text-[#00f0ff] transition"><i class="fab fa-facebook"></i></a>
450
  </div>
451
  </div>
452
+
453
+ <div>
454
+ <h3 class="text-lg font-bold mb-4 gradient-text">Quick Links</h3>
455
+ <ul class="space-y-2">
456
+ <li><a href="index.html" class="opacity-80 hover:text-[#00f0ff] transition">Home</a></li>
457
+ <li><a href="about.html" class="opacity-80 hover:text-[#00f0ff] transition">About Us</a></li>
458
+ <li><a href="case-results.html" class="opacity-80 hover:text-[#00f0ff] transition">Case Results</a></li>
459
+ <li><a href="contact.html" class="opacity-80 hover:text-[#00f0ff] transition">Contact</a></li>
460
+ </ul>
461
  </div>
462
 
463
+ <div>
464
+ <h3 class="text-lg font-bold mb-4 gradient-text">Services</h3>
465
+ <ul class="space-y-2">
466
+ <li><a href="bedbug-lawsuits.html" class="opacity-80 hover:text-[#00f0ff] transition">Bed Bug Lawsuits</a></li>
467
+ <li><a href="hotel-claims.html" class="opacity-80 hover:text-[#00f0ff] transition">Hotel Claims</a></li>
468
+ <li><a href="apartment-claims.html" class="opacity-80 hover:text-[#00f0ff] transition">Apartment Claims</a></li>
469
+ <li><a href="medical-docs.html" class="opacity-80 hover:text-[#00f0ff] transition">Medical Documentation</a></li>
470
+ </ul>
471
+ </div>
472
+
473
+ <div id="contact">
474
+ <h3 class="text-lg font-bold mb-4 gradient-text">Contact Us</h3>
475
+ <ul class="space-y-2">
476
+ <li class="flex items-center opacity-80">
477
+ <i class="fas fa-map-marker-alt mr-2 text-[#00f0ff]"></i>
478
+ 123 Tech Plaza, Suite 300<br>New York, NY 10001
479
+ </li>
480
+ <li class="flex items-center opacity-80">
481
+ <i class="fas fa-phone-alt mr-2 text-[#00f0ff]"></i> (850) 876-6980
482
+ </li>
483
+ <li class="flex items-center opacity-80">
484
+ <i class="fas fa-envelope mr-2 text-[#00f0ff]"></i> gotbug@theybitewefight.com
485
+ </li>
486
+ </ul>
487
+ </div>
488
+ </div>
489
+
490
+ <div class="border-t border-[#00f0ff] border-opacity-20 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center">
491
+ <p class="opacity-80 mb-4 md:mb-0">© 2025 TheyBiteWeFight.com All rights reserved.</p>
492
+ <div class="flex space-x-6">
493
+ <a href="privacy.html" class="opacity-80 hover:text-[#00f0ff] transition">Privacy Policy</a>
494
+ <a href="terms.html" class="opacity-80 hover:text-[#00f0ff] transition">Terms of Service</a>
495
+ <a href="sitemap.html" class="opacity-80 hover:text-[#00f0ff] transition">Sitemap</a>
496
+ </div>
497
+ </div>
498
+ </div>
499
+ </footer>
500
+
501
+ <!-- Floating CTA -->
502
+ <div class="fixed bottom-6 right-6 z-50">
503
+ <button onclick="openModal()" class="gradient-bg text-[#0a0a1a] font-bold w-16 h-16 rounded-full glow hover:opacity-90 transition flex items-center justify-center text-2xl pulse">
504
+ <i class="fas fa-comment-dots"></i>
505
+ </button>
506
+ </div>
507
+
508
+ <!-- Case Evaluation Modal -->
509
+ <div id="caseModal" class="modal">
510
+ <div class="modal-content">
511
+ <span class="close-modal" onclick="closeModal()">&times;</span>
512
+ <div class="flex items-center mb-6">
513
+ <i class="fas fa-bug text-3xl gradient-text mr-3"></i>
514
+ <h2 class="text-2xl font-bold gradient-text">Case Evaluation Form</h2>
515
+ </div>
516
+
517
+ <form id="caseEvaluationForm" class="mt-6">
518
+ <div class="form-grid">
519
+ <div>
520
+ <label for="name" class="form-label">Full Name*</label>
521
+ <input type="text" id="name" name="name" class="form-input" required>
522
  </div>
523
 
524
+ <div>
525
+ <label for="phone" class="form-label">Phone Number*</label>
526
+ <input type="tel" id="phone" name="phone" class="form-input" required>
 
 
 
527
  </div>
528
 
529
+ <div>
530
+ <label for="email" class="form-label">Email Address*</label>
531
+ <input type="email" id="email" name="email" class="form-input" required>
 
 
 
532
  </div>
533
+
534
+ <div>
535
+ <label for="address" class="form-label">Street Address*</label>
536
+ <input type="text" id="address" name="address" class="form-input" required>
 
 
 
 
 
537
  </div>
538
 
539
+ <div>
540
+ <label for="city" class="form-label">City*</label>
541
+ <input type="text" id="city" name="city" class="form-input" required>
542
+ </div>
543
+
544
+ <div>
545
+ <label for="state" class="form-label">State*</label>
546
+ <select id="state" name="state" class="form-input" required>
547
+ <option value="">Select State</option>
548
+ <option value="AL">Alabama</option>
549
+ <option value="AK">Alaska</option>
550
+ <option value="AZ">Arizona</option>
551
+ <option value="AR">Arkansas</option>
552
+ <option value="CA">California</option>
553
+ <option value="CO">Colorado</option>
554
+ <option value="CT">Connecticut</option>
555
+ <option value="DE">Delaware</option>
556
+ <option value="FL">Florida</option>
557
+ <option value="GA">Georgia</option>
558
+ <option value="HI">Hawaii</option>
559
+ <option value="ID">Idaho</option>
560
+ <option value="IL">Illinois</option>
561
+ <option value="IN">Indiana</option>
562
+ <option value="IA">Iowa</option>
563
+ <option value="KS">Kansas</option>
564
+ <option value="KY">Kentucky</option>
565
+ <option value="LA">Louisiana</option>
566
+ <option value="ME">Maine</option>
567
+ <option value="MD">Maryland</option>
568
+ <option value="MA">Massachusetts</option>
569
+ <option value="MI">Michigan</option>
570
+ <option value="MN">Minnesota</option>
571
+ <option value="MS">Mississippi</option>
572
+ <option value="MO">Missouri</option>
573
+ <option value="MT">Montana</option>
574
+ <option value="NE">Nebraska</option>
575
+ <option value="NV">Nevada</option>
576
+ <option value="NH">New Hampshire</option>
577
+ <option value="NJ">New Jersey</option>
578
+ <option value="NM">New Mexico</option>
579
+ <option value="NY">New York</option>
580
+ <option value="NC">North Carolina</option>
581
+ <option value="ND">North Dakota</option>
582
+ <option value="OH">Ohio</option>
583
+ <option value="OK">Oklahoma</option>
584
+ <option value="OR">Oregon</option>
585
+ <option value="PA">Pennsylvania</option>
586
+ <option value="RI">Rhode Island</option>
587
+ <option value="SC">South Carolina</option>
588
+ <option value="SD">South Dakota</option>
589
+ <option value="TN">Tennessee</option>
590
+ <option value="TX">Texas</option>
591
+ <option value="UT">Utah</option>
592
+ <option value="VT">Vermont</option>
593
+ <option value="VA">Virginia</option>
594
+ <option value="WA">Washington</option>
595
+ <option value="WV">West Virginia</option>
596
+ <option value="WI">Wisconsin</option>
597
+ <option value="WY">Wyoming</option>
598
+ </select>
599
+ </div>
600
+
601
+ <div>
602
+ <label for="zip" class="form-label">ZIP Code*</label>
603
+ <input type="text" id="zip" name="zip" class="form-input" required>
604
+ </div>
605
+
606
+ <div>
607
+ <label for="date" class="form-label">Date of Infestation*</label>
608
+ <input type="date" id="date" name="date" class="form-input" required>
609
  </div>
610
  </div>
611
+
612
+ <div class="mt-4">
613
+ <label class="form-label">Where did the infestation occur?*</label>
614
+ <div class="form-radio-group">
615
+ <label class="form-radio-label">
616
+ <input type="radio" name="location" value="apartment" class="form-radio-input" required>
617
+ Apartment
618
+ </label>
619
+ <label class="form-radio-label">
620
+ <input type="radio" name="location" value="hotel" class="form-radio-input">
621
+ Hotel
622
+ </label>
623
+ <label class="form-radio-label">
624
+ <input type="radio" name="location" value="workplace" class="form-radio-input">
625
+ Workplace
626
+ </label>
627
+ <label class="form-radio-label">
628
+ <input type="radio" name="location" value="other" class="form-radio-input">
629
+ Other
630
+ </label>
631
  </div>
632
  </div>
633
+
634
+ <div class="mt-4">
635
+ <label for="description" class="form-label">Description of Your Experience*</label>
636
+ <textarea id="description" name="description" class="form-input form-textarea" required placeholder="Please describe the infestation, your experience, and any health impacts..."></textarea>
637
+ </div>
638
+
639
+ <div class="mt-4">
640
+ <label class="form-label">Did you see a doctor for treatment?*</label>
641
+ <div class="form-radio-group">
642
+ <label class="form-radio-label">
643
+ <input type="radio" name="doctor" value="yes" class="form-radio-input" required>
644
+ Yes
645
+ </label>
646
+ <label class="form-radio-label">
647
+ <input type="radio" name="doctor" value="no" class="form-radio-input">
648
+ No
649
+ </label>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
650
  </div>
651
+ </div>
652
+
653
+ <div class="mt-4">
654
+ <label class="form-label">Do you have pictures of the infestation or bites?*</label>
655
+ <div class="form-radio-group">
656
+ <label class="form-radio-label">
657
+ <input type="radio" name="pictures" value="yes" class="form-radio-input" required>
658
+ Yes
659
+ </label>
660
+ <label class="form-radio-label">
661
+ <input type="radio" name="pictures" value="no" class="form-radio-input">
662
+ No
663
+ </label>
664
  </div>
665
  </div>
666
+
667
+ <div class="mt-8">
668
+ <button type="submit" class="form-submit">
669
+ Submit Case Evaluation <i class="fas fa-paper-plane ml-2"></i>
670
+ </button>
671
+ </div>
672
+
673
+ <p class="text-xs mt-4 opacity-70">By submitting this form, you agree to our <a href="#" class="text-[#00f0ff]">Privacy Policy</a> and consent to be contacted by our legal team.</p>
674
+ </form>
675
+ </div>
676
+ </div>
677
+
678
+ <script>
679
+ // Modal functionality
680
+ function openModal() {
681
+ document.getElementById('caseModal').style.display = 'block';
682
+ document.body.style.overflow = 'hidden';
683
+ }
684
 
685
+ function closeModal() {
686
+ document.getElementById('caseModal').style.display = 'none';
687
+ document.body.style.overflow = 'auto';
688
+ }
 
 
689
 
690
+ // Close modal when clicking outside
691
+ window.onclick = function(event) {
692
+ const modal = document.getElementById('caseModal');
693
+ if (event.target == modal) {
694
+ closeModal();
695
+ }
696
+ }
697
+
698
+ // Form submission
699
+ document.getElementById('caseEvaluationForm').addEventListener('submit', function(e) {
700
+ e.preventDefault();
701
 
702
+ // Here you would normally send the form data to your server
703
+ // For this example, we'll just show an alert and close the modal
704
+
705
+ alert('Thank you for your submission! Our legal team will review your case and contact you within 24 hours.');
706
+ closeModal();
707
+
708
+ // Reset form
709
+ this.reset();
710
+ });
711
+
712
+ // Simple animation for demonstration
713
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
714
+ anchor.addEventListener('click', function (e) {
715
+ e.preventDefault();
716
+
717
+ document.querySelector(this.getAttribute('href')).scrollIntoView({
718
+ behavior: 'smooth'
719
+ });
720
  });
721
+ });
722
+ </script>
723
  <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=socialhostpro/bed-bugs" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
724
  </html>
prompts.txt CHANGED
@@ -0,0 +1,4 @@
 
 
 
 
 
1
+ REMOVE "comprehensive security solutions for residential, commercial" below OUR SERVICES commercial solutions box.. take out "garage access" that's more applicable to residential. however add "panic bar and stand alone detex unit installation service and repair." or whatever sounds best. and take out "and beyond" I do hardware installation service rekey and repair for commercial and residential applications however you want to get that in there. automotive locksmith box .. this might be where you put in the thing about third party outsourcing and move transponder to this section from key cutting and duplication box and throw in something to the effect of replace lost keys and phobs for most common makes and models emergency services box .. the clock needs to be added after around key duplication box.... I want it to say something like precision key cutting for most commercial and residential applications and thats it safe services box... remove installation and replace with lockouts. remove drilling remove certified experts category all together take out licensed and insured and no extra charge for nights and weekends and fully equipped mobile units about matt lock and road section ..the first line i want to read "one" of the regions most trusted security "providers" actually just take out this whole section we can church something up later if need be.
2
+ use this 850 876 6980 phone number and gotbug@theybitewefight.com
3
+ add modal case evauation form include name, phone, email,addres,city,state,zip, email, date of infestation,description of experence, Did you see a docotor? , Do you have pictures?.
4
+ remove blog , add all pages and link Home About Us Case Results Blog Contact. Bed Bug Lawsuits Hotel Claims Apartment Claims Medical Documentation