bed-bugs / index.html
socialhostpro's picture
Add 2 files
f06344e verified
Raw History Blame Contribute Delete
31.2 kB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>TheyBiteWeFight.com | Bed Bug Litigation Specialists</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
:root {
--primary: #00f0ff;
--secondary: #7b2dff;
--dark: #0a0a1a;
--light: #f0f8ff;
}
body {
font-family: 'Segoe UI', system-ui, sans-serif;
background-color: var(--dark);
color: var(--light);
overflow-x: hidden;
}
.gradient-text {
background: linear-gradient(90deg, var(--primary), var(--secondary));
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.gradient-bg {
background: linear-gradient(135deg, var(--primary), var(--secondary));
}
.glow {
box-shadow: 0 0 15px rgba(0, 240, 255, 0.5);
}
.pulse {
animation: pulse 2s infinite;
}
@keyframes pulse {
0% { box-shadow: 0 0 0 0 rgba(0, 240, 255, 0.7); }
70% { box-shadow: 0 0 0 15px rgba(0, 240, 255, 0); }
100% { box-shadow: 0 0 0 0 rgba(0, 240, 255, 0); }
}
.holographic-card {
background: rgba(10, 10, 26, 0.7);
backdrop-filter: blur(10px);
border: 1px solid rgba(0, 240, 255, 0.2);
border-radius: 16px;
transition: all 0.3s ease;
}
.holographic-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(0, 240, 255, 0.2);
}
.scanline {
position: relative;
overflow: hidden;
}
.scanline::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
background: linear-gradient(
to bottom,
transparent 0%,
rgba(0, 240, 255, 0.05) 50%,
transparent 100%
);
animation: scan 8s linear infinite;
}
@keyframes scan {
0% { transform: translateY(-100%); }
100% { transform: translateY(100%); }
}
.bug-icon {
filter: drop-shadow(0 0 5px var(--primary));
}
/* Modal Styles */
.modal {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
z-index: 1000;
overflow-y: auto;
}
.modal-content {
background: rgba(10, 10, 26, 0.95);
border: 1px solid rgba(0, 240, 255, 0.3);
border-radius: 16px;
width: 90%;
max-width: 700px;
margin: 5% auto;
padding: 30px;
position: relative;
animation: modalFadeIn 0.3s ease-out;
}
@keyframes modalFadeIn {
from { opacity: 0; transform: translateY(-50px); }
to { opacity: 1; transform: translateY(0); }
}
.close-modal {
position: absolute;
top: 15px;
right: 15px;
color: var(--primary);
font-size: 28px;
font-weight: bold;
cursor: pointer;
transition: all 0.3s;
}
.close-modal:hover {
transform: rotate(90deg);
color: var(--secondary);
}
.form-input {
background: rgba(0, 240, 255, 0.05);
border: 1px solid rgba(0, 240, 255, 0.2);
color: white;
padding: 12px 15px;
border-radius: 8px;
width: 100%;
margin-bottom: 15px;
transition: all 0.3s;
}
.form-input:focus {
outline: none;
border-color: var(--primary);
box-shadow: 0 0 0 2px rgba(0, 240, 255, 0.2);
}
.form-label {
display: block;
margin-bottom: 8px;
font-weight: 500;
}
.form-radio-group {
display: flex;
gap: 20px;
margin-bottom: 15px;
}
.form-radio-label {
display: flex;
align-items: center;
cursor: pointer;
}
.form-radio-input {
margin-right: 8px;
accent-color: var(--primary);
}
.form-textarea {
min-height: 120px;
resize: vertical;
}
.form-submit {
background: linear-gradient(135deg, var(--primary), var(--secondary));
color: var(--dark);
border: none;
padding: 15px 30px;
font-size: 16px;
font-weight: bold;
border-radius: 8px;
cursor: pointer;
width: 100%;
transition: all 0.3s;
}
.form-submit:hover {
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(0, 240, 255, 0.3);
}
.form-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
@media (max-width: 768px) {
.form-grid {
grid-template-columns: 1fr;
}
}
</style>
</head>
<body class="min-h-screen">
<!-- Animated Background -->
<div class="fixed inset-0 -z-10 opacity-20">
<div class="absolute inset-0 bg-[url('https://grainy-gradients.vercel.app/noise.svg')] opacity-30"></div>
<div class="absolute inset-0 bg-gradient-to-br from-transparent via-[#0a0a1a] to-transparent"></div>
</div>
<!-- Navigation -->
<nav class="container mx-auto px-6 py-4 flex justify-between items-center">
<div class="flex items-center space-x-2">
<i class="fas fa-bug text-2xl gradient-text"></i>
<span class="text-2xl font-bold gradient-text">TheyBiteWeFight.com</span>
</div>
<div class="hidden md:flex space-x-8">
<a href="index.html" class="hover:text-[#00f0ff] transition">Home</a>
<a href="about.html" class="hover:text-[#00f0ff] transition">About Us</a>
<a href="case-results.html" class="hover:text-[#00f0ff] transition">Case Results</a>
<a href="contact.html" class="hover:text-[#00f0ff] transition">Contact</a>
</div>
<button onclick="openModal()" class="gradient-bg text-[#0a0a1a] font-bold px-6 py-2 rounded-full glow hover:opacity-90 transition">
Free Case Review
</button>
</nav>
<!-- Hero Section -->
<section class="container mx-auto px-6 py-20 md:py-32 flex flex-col md:flex-row items-center">
<div class="md:w-1/2 mb-12 md:mb-0">
<h1 class="text-4xl md:text-6xl font-bold mb-6 leading-tight">
<span class="gradient-text">Fight Back Against</span><br>
<span class="gradient-text">Bed Bug Infestations</span>
</h1>
<p class="text-lg md:text-xl mb-8 opacity-90">
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.
</p>
<div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
<button onclick="openModal()" class="gradient-bg text-[#0a0a1a] font-bold px-8 py-4 rounded-full glow hover:opacity-90 transition text-lg">
Start Your Claim <i class="fas fa-arrow-right ml-2"></i>
</button>
<button class="border border-[#00f0ff] text-[#00f0ff] font-bold px-8 py-4 rounded-full hover:bg-[#00f0ff] hover:text-[#0a0a1a] transition text-lg">
<i class="fas fa-phone-alt mr-2"></i> (850) 876-6980
</button>
</div>
</div>
<div class="md:w-1/2 relative">
<div class="holographic-card p-8 max-w-lg mx-auto">
<div class="flex justify-center mb-6">
<i class="fas fa-bug text-6xl gradient-text bug-icon"></i>
</div>
<h3 class="text-2xl font-bold text-center mb-4 gradient-text">Case Evaluation Matrix</h3>
<div class="space-y-4">
<div>
<div class="flex justify-between mb-1">
<span>Infestation Severity</span>
<span class="text-[#00f0ff]">High</span>
</div>
<div class="w-full bg-gray-700 rounded-full h-2.5">
<div class="gradient-bg h-2.5 rounded-full" style="width: 85%"></div>
</div>
</div>
<div>
<div class="flex justify-between mb-1">
<span>Property Negligence</span>
<span class="text-[#00f0ff]">Confirmed</span>
</div>
<div class="w-full bg-gray-700 rounded-full h-2.5">
<div class="gradient-bg h-2.5 rounded-full" style="width: 92%"></div>
</div>
</div>
<div>
<div class="flex justify-between mb-1">
<span>Health Impact</span>
<span class="text-[#00f0ff]">Substantial</span>
</div>
<div class="w-full bg-gray-700 rounded-full h-2.5">
<div class="gradient-bg h-2.5 rounded-full" style="width: 78%"></div>
</div>
</div>
</div>
<div class="mt-6 text-center">
<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>
</div>
</div>
<div class="absolute -z-10 w-full h-full top-4 left-4 rounded-2xl border border-[#00f0ff] opacity-30"></div>
</div>
</section>
<!-- Stats Section -->
<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">
<div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center">
<div class="holographic-card p-6">
<div class="text-4xl font-bold gradient-text mb-2">$250M+</div>
<div class="opacity-80">Recovered for Clients</div>
</div>
<div class="holographic-card p-6">
<div class="text-4xl font-bold gradient-text mb-2">98%</div>
<div class="opacity-80">Success Rate</div>
</div>
<div class="holographic-card p-6">
<div class="text-4xl font-bold gradient-text mb-2">5,000+</div>
<div class="opacity-80">Cases Handled</div>
</div>
<div class="holographic-card p-6">
<div class="text-4xl font-bold gradient-text mb-2">24/7</div>
<div class="opacity-80">Case Support</div>
</div>
</div>
</section>
<!-- Services Section -->
<section id="services" class="container mx-auto px-6 py-20">
<div class="text-center mb-16">
<h2 class="text-3xl md:text-4xl font-bold gradient-text mb-4">Advanced Legal Solutions</h2>
<p class="max-w-2xl mx-auto opacity-90">We combine traditional legal expertise with innovative technology to build unbeatable cases</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<div class="holographic-card p-8 scanline">
<div class="text-[#00f0ff] text-3xl mb-4">
<i class="fas fa-dna"></i>
</div>
<h3 class="text-xl font-bold mb-3">Forensic Entomology</h3>
<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>
</div>
<div class="holographic-card p-8 scanline">
<div class="text-[#00f0ff] text-3xl mb-4">
<i class="fas fa-robot"></i>
</div>
<h3 class="text-xl font-bold mb-3">AI Case Prediction</h3>
<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>
</div>
<div class="holographic-card p-8 scanline">
<div class="text-[#00f0ff] text-3xl mb-4">
<i class="fas fa-vr-cardboard"></i>
</div>
<h3 class="text-xl font-bold mb-3">VR Reenactments</h3>
<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>
</div>
</div>
</section>
<!-- Case Results -->
<section id="cases" class="py-20 bg-gradient-to-b from-[#0f0f25] to-[#0a0a1a]">
<div class="container mx-auto px-6">
<div class="text-center mb-16">
<h2 class="text-3xl md:text-4xl font-bold gradient-text mb-4">Recent Case Victories</h2>
<p class="max-w-2xl mx-auto opacity-90">Our track record speaks for itself</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
<div class="holographic-card p-6">
<div class="flex items-center mb-4">
<div class="gradient-bg w-12 h-12 rounded-full flex items-center justify-center text-[#0a0a1a] mr-4">
<i class="fas fa-hotel text-xl"></i>
</div>
<div>
<h3 class="font-bold">Luxury Hotel Chain</h3>
<p class="text-sm opacity-80">Multiple Infestations</p>
</div>
</div>
<p class="opacity-90 mb-4">Negligent pest control practices led to recurring infestations across multiple properties.</p>
<div class="gradient-bg text-[#0a0a1a] font-bold px-4 py-1 rounded-full text-sm inline-block">
$4.2M Settlement
</div>
</div>
<div class="holographic-card p-6">
<div class="flex items-center mb-4">
<div class="gradient-bg w-12 h-12 rounded-full flex items-center justify-center text-[#0a0a1a] mr-4">
<i class="fas fa-building text-xl"></i>
</div>
<div>
<h3 class="font-bold">Apartment Complex</h3>
<p class="text-sm opacity-80">Chronic Neglect</p>
</div>
</div>
<p class="opacity-90 mb-4">Management ignored repeated complaints leading to severe health consequences for tenants.</p>
<div class="gradient-bg text-[#0a0a1a] font-bold px-4 py-1 rounded-full text-sm inline-block">
$2.8M Verdict
</div>
</div>
<div class="holographic-card p-6">
<div class="flex items-center mb-4">
<div class="gradient-bg w-12 h-12 rounded-full flex items-center justify-center text-[#0a0a1a] mr-4">
<i class="fas fa-plane text-xl"></i>
</div>
<div>
<h3 class="font-bold">Airline Passenger</h3>
<p class="text-sm opacity-80">International Flight</p>
</div>
</div>
<p class="opacity-90 mb-4">Infested seating caused severe bites and subsequent PTSD from the experience.</p>
<div class="gradient-bg text-[#0a0a1a] font-bold px-4 py-1 rounded-full text-sm inline-block">
$1.5M Settlement
</div>
</div>
</div>
</div>
</section>
<!-- CTA Section -->
<section class="py-20">
<div class="container mx-auto px-6">
<div class="holographic-card p-12 text-center rounded-3xl relative overflow-hidden">
<div class="absolute -top-20 -right-20 w-40 h-40 rounded-full gradient-bg opacity-20 blur-3xl"></div>
<div class="absolute -bottom-20 -left-20 w-40 h-40 rounded-full gradient-bg opacity-20 blur-3xl"></div>
<h2 class="text-3xl md:text-4xl font-bold mb-6 gradient-text">Ready to Take Legal Action?</h2>
<p class="text-xl mb-8 max-w-2xl mx-auto opacity-90">
Our quantum-powered case assessment can determine your potential compensation in under 60 seconds.
</p>
<button onclick="openModal()" class="gradient-bg text-[#0a0a1a] font-bold px-8 py-4 rounded-full glow hover:opacity-90 transition text-lg pulse">
Begin Instant Assessment <i class="fas fa-bolt ml-2"></i>
</button>
</div>
</div>
</section>
<!-- Footer -->
<footer class="py-12 border-t border-[#00f0ff] border-opacity-20">
<div class="container mx-auto px-6">
<div class="grid grid-cols-1 md:grid-cols-4 gap-12">
<div>
<div class="flex items-center space-x-2 mb-4">
<i class="fas fa-bug text-2xl gradient-text"></i>
<span class="text-2xl font-bold gradient-text">TheyBiteWeFight.com</span>
</div>
<p class="opacity-80 mb-4">
Pioneering the future of bed bug litigation through technology and expertise.
</p>
<div class="flex space-x-4">
<a href="#" class="text-xl hover:text-[#00f0ff] transition"><i class="fab fa-twitter"></i></a>
<a href="#" class="text-xl hover:text-[#00f0ff] transition"><i class="fab fa-linkedin"></i></a>
<a href="#" class="text-xl hover:text-[#00f0ff] transition"><i class="fab fa-facebook"></i></a>
</div>
</div>
<div>
<h3 class="text-lg font-bold mb-4 gradient-text">Quick Links</h3>
<ul class="space-y-2">
<li><a href="index.html" class="opacity-80 hover:text-[#00f0ff] transition">Home</a></li>
<li><a href="about.html" class="opacity-80 hover:text-[#00f0ff] transition">About Us</a></li>
<li><a href="case-results.html" class="opacity-80 hover:text-[#00f0ff] transition">Case Results</a></li>
<li><a href="contact.html" class="opacity-80 hover:text-[#00f0ff] transition">Contact</a></li>
</ul>
</div>
<div>
<h3 class="text-lg font-bold mb-4 gradient-text">Services</h3>
<ul class="space-y-2">
<li><a href="bedbug-lawsuits.html" class="opacity-80 hover:text-[#00f0ff] transition">Bed Bug Lawsuits</a></li>
<li><a href="hotel-claims.html" class="opacity-80 hover:text-[#00f0ff] transition">Hotel Claims</a></li>
<li><a href="apartment-claims.html" class="opacity-80 hover:text-[#00f0ff] transition">Apartment Claims</a></li>
<li><a href="medical-docs.html" class="opacity-80 hover:text-[#00f0ff] transition">Medical Documentation</a></li>
</ul>
</div>
<div id="contact">
<h3 class="text-lg font-bold mb-4 gradient-text">Contact Us</h3>
<ul class="space-y-2">
<li class="flex items-center opacity-80">
<i class="fas fa-map-marker-alt mr-2 text-[#00f0ff]"></i>
123 Tech Plaza, Suite 300<br>New York, NY 10001
</li>
<li class="flex items-center opacity-80">
<i class="fas fa-phone-alt mr-2 text-[#00f0ff]"></i> (850) 876-6980
</li>
<li class="flex items-center opacity-80">
<i class="fas fa-envelope mr-2 text-[#00f0ff]"></i> gotbug@theybitewefight.com
</li>
</ul>
</div>
</div>
<div class="border-t border-[#00f0ff] border-opacity-20 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center">
<p class="opacity-80 mb-4 md:mb-0">© 2025 TheyBiteWeFight.com All rights reserved.</p>
<div class="flex space-x-6">
<a href="privacy.html" class="opacity-80 hover:text-[#00f0ff] transition">Privacy Policy</a>
<a href="terms.html" class="opacity-80 hover:text-[#00f0ff] transition">Terms of Service</a>
<a href="sitemap.html" class="opacity-80 hover:text-[#00f0ff] transition">Sitemap</a>
</div>
</div>
</div>
</footer>
<!-- Floating CTA -->
<div class="fixed bottom-6 right-6 z-50">
<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">
<i class="fas fa-comment-dots"></i>
</button>
</div>
<!-- Case Evaluation Modal -->
<div id="caseModal" class="modal">
<div class="modal-content">
<span class="close-modal" onclick="closeModal()">&times;</span>
<div class="flex items-center mb-6">
<i class="fas fa-bug text-3xl gradient-text mr-3"></i>
<h2 class="text-2xl font-bold gradient-text">Case Evaluation Form</h2>
</div>
<form id="caseEvaluationForm" class="mt-6">
<div class="form-grid">
<div>
<label for="name" class="form-label">Full Name*</label>
<input type="text" id="name" name="name" class="form-input" required>
</div>
<div>
<label for="phone" class="form-label">Phone Number*</label>
<input type="tel" id="phone" name="phone" class="form-input" required>
</div>
<div>
<label for="email" class="form-label">Email Address*</label>
<input type="email" id="email" name="email" class="form-input" required>
</div>
<div>
<label for="address" class="form-label">Street Address*</label>
<input type="text" id="address" name="address" class="form-input" required>
</div>
<div>
<label for="city" class="form-label">City*</label>
<input type="text" id="city" name="city" class="form-input" required>
</div>
<div>
<label for="state" class="form-label">State*</label>
<select id="state" name="state" class="form-input" required>
<option value="">Select State</option>
<option value="AL">Alabama</option>
<option value="AK">Alaska</option>
<option value="AZ">Arizona</option>
<option value="AR">Arkansas</option>
<option value="CA">California</option>
<option value="CO">Colorado</option>
<option value="CT">Connecticut</option>
<option value="DE">Delaware</option>
<option value="FL">Florida</option>
<option value="GA">Georgia</option>
<option value="HI">Hawaii</option>
<option value="ID">Idaho</option>
<option value="IL">Illinois</option>
<option value="IN">Indiana</option>
<option value="IA">Iowa</option>
<option value="KS">Kansas</option>
<option value="KY">Kentucky</option>
<option value="LA">Louisiana</option>
<option value="ME">Maine</option>
<option value="MD">Maryland</option>
<option value="MA">Massachusetts</option>
<option value="MI">Michigan</option>
<option value="MN">Minnesota</option>
<option value="MS">Mississippi</option>
<option value="MO">Missouri</option>
<option value="MT">Montana</option>
<option value="NE">Nebraska</option>
<option value="NV">Nevada</option>
<option value="NH">New Hampshire</option>
<option value="NJ">New Jersey</option>
<option value="NM">New Mexico</option>
<option value="NY">New York</option>
<option value="NC">North Carolina</option>
<option value="ND">North Dakota</option>
<option value="OH">Ohio</option>
<option value="OK">Oklahoma</option>
<option value="OR">Oregon</option>
<option value="PA">Pennsylvania</option>
<option value="RI">Rhode Island</option>
<option value="SC">South Carolina</option>
<option value="SD">South Dakota</option>
<option value="TN">Tennessee</option>
<option value="TX">Texas</option>
<option value="UT">Utah</option>
<option value="VT">Vermont</option>
<option value="VA">Virginia</option>
<option value="WA">Washington</option>
<option value="WV">West Virginia</option>
<option value="WI">Wisconsin</option>
<option value="WY">Wyoming</option>
</select>
</div>
<div>
<label for="zip" class="form-label">ZIP Code*</label>
<input type="text" id="zip" name="zip" class="form-input" required>
</div>
<div>
<label for="date" class="form-label">Date of Infestation*</label>
<input type="date" id="date" name="date" class="form-input" required>
</div>
</div>
<div class="mt-4">
<label class="form-label">Where did the infestation occur?*</label>
<div class="form-radio-group">
<label class="form-radio-label">
<input type="radio" name="location" value="apartment" class="form-radio-input" required>
Apartment
</label>
<label class="form-radio-label">
<input type="radio" name="location" value="hotel" class="form-radio-input">
Hotel
</label>
<label class="form-radio-label">
<input type="radio" name="location" value="workplace" class="form-radio-input">
Workplace
</label>
<label class="form-radio-label">
<input type="radio" name="location" value="other" class="form-radio-input">
Other
</label>
</div>
</div>
<div class="mt-4">
<label for="description" class="form-label">Description of Your Experience*</label>
<textarea id="description" name="description" class="form-input form-textarea" required placeholder="Please describe the infestation, your experience, and any health impacts..."></textarea>
</div>
<div class="mt-4">
<label class="form-label">Did you see a doctor for treatment?*</label>
<div class="form-radio-group">
<label class="form-radio-label">
<input type="radio" name="doctor" value="yes" class="form-radio-input" required>
Yes
</label>
<label class="form-radio-label">
<input type="radio" name="doctor" value="no" class="form-radio-input">
No
</label>
</div>
</div>
<div class="mt-4">
<label class="form-label">Do you have pictures of the infestation or bites?*</label>
<div class="form-radio-group">
<label class="form-radio-label">
<input type="radio" name="pictures" value="yes" class="form-radio-input" required>
Yes
</label>
<label class="form-radio-label">
<input type="radio" name="pictures" value="no" class="form-radio-input">
No
</label>
</div>
</div>
<div class="mt-8">
<button type="submit" class="form-submit">
Submit Case Evaluation <i class="fas fa-paper-plane ml-2"></i>
</button>
</div>
<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>
</form>
</div>
</div>
<script>
// Modal functionality
function openModal() {
document.getElementById('caseModal').style.display = 'block';
document.body.style.overflow = 'hidden';
}
function closeModal() {
document.getElementById('caseModal').style.display = 'none';
document.body.style.overflow = 'auto';
}
// Close modal when clicking outside
window.onclick = function(event) {
const modal = document.getElementById('caseModal');
if (event.target == modal) {
closeModal();
}
}
// Form submission
document.getElementById('caseEvaluationForm').addEventListener('submit', function(e) {
e.preventDefault();
// Here you would normally send the form data to your server
// For this example, we'll just show an alert and close the modal
alert('Thank you for your submission! Our legal team will review your case and contact you within 24 hours.');
closeModal();
// Reset form
this.reset();
});
// Simple animation for demonstration
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
document.querySelector(this.getAttribute('href')).scrollIntoView({
behavior: 'smooth'
});
});
});
</script>
<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>
</html>