Hugging Face's logo

Spaces:
BrockMisner
/
work-comp
Running

App Files Community
BrockMisner commited on
Commit
580d16b
·
verified ·
1 Parent(s): 6e3e1d4

undefined - Initial Deployment

Browse files
Files changed (2) hide show
  1. README.md +6 -4
  2. index.html +686 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Work Comp
3
- emoji: 🐢
4
- colorFrom: purple
5
  colorTo: gray
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: work-comp
3
+ emoji: 🐳
4
+ colorFrom: red
5
  colorTo: gray
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,686 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>New York Workers' Compensation Attorneys | Expert Legal Representation</title>
7
+ <meta name="description" content="Experienced workers' compensation attorneys in New York fighting for injured workers' rights. Free consultations available.">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
10
+ <style>
11
+ /* Custom CSS */
12
+ .hero {
13
+ background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('https://images.unsplash.com/photo-1589829545856-d10d557cf95f?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80');
14
+ background-size: cover;
15
+ background-position: center;
16
+ background-repeat: no-repeat;
17
+ }
18
+
19
+ .practice-areas-bg {
20
+ background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url('https://images.unsplash.com/photo-1450101499163-c8848c66ca85?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80');
21
+ background-size: cover;
22
+ background-position: center;
23
+ }
24
+
25
+ .testimonial-card {
26
+ transition: transform 0.3s ease;
27
+ }
28
+
29
+ .testimonial-card:hover {
30
+ transform: translateY(-5px);
31
+ }
32
+
33
+ .contact-form input, .contact-form textarea {
34
+ border-bottom: 2px solid #e5e7eb;
35
+ transition: border-color 0.3s ease;
36
+ }
37
+
38
+ .contact-form input:focus, .contact-form textarea:focus {
39
+ border-color: #3b82f6;
40
+ outline: none;
41
+ }
42
+
43
+ .nav-link {
44
+ position: relative;
45
+ }
46
+
47
+ .nav-link::after {
48
+ content: '';
49
+ position: absolute;
50
+ width: 0;
51
+ height: 2px;
52
+ bottom: -2px;
53
+ left: 0;
54
+ background-color: #3b82f6;
55
+ transition: width 0.3s ease;
56
+ }
57
+
58
+ .nav-link:hover::after {
59
+ width: 100%;
60
+ }
61
+
62
+ .animate-bounce-slow {
63
+ animation: bounce 2s infinite;
64
+ }
65
+
66
+ @keyframes bounce {
67
+ 0%, 100% {
68
+ transform: translateY(0);
69
+ }
70
+ 50% {
71
+ transform: translateY(-10px);
72
+ }
73
+ }
74
+ </style>
75
+ </head>
76
+ <body class="font-sans">
77
+ <!-- Top Bar -->
78
+ <div class="bg-blue-800 text-white py-2 px-4">
79
+ <div class="container mx-auto flex justify-between items-center">
80
+ <div class="flex space-x-4 text-sm">
81
+ <div class="flex items-center">
82
+ <i class="fas fa-phone-alt mr-2"></i>
83
+ <span>(212) 555-1234</span>
84
+ </div>
85
+ <div class="flex items-center">
86
+ <i class="fas fa-envelope mr-2"></i>
87
+ <span>info@workerscompensationattorneynewyork.com</span>
88
+ </div>
89
+ </div>
90
+ <div class="flex space-x-4">
91
+ <a href="#" class="text-white hover:text-blue-200 transition"><i class="fab fa-facebook-f"></i></a>
92
+ <a href="#" class="text-white hover:text-blue-200 transition"><i class="fab fa-twitter"></i></a>
93
+ <a href="#" class="text-white hover:text-blue-200 transition"><i class="fab fa-linkedin-in"></i></a>
94
+ </div>
95
+ </div>
96
+ </div>
97
+
98
+ <!-- Navigation -->
99
+ <nav class="bg-white shadow-md sticky top-0 z-50">
100
+ <div class="container mx-auto px-4 py-3 flex justify-between items-center">
101
+ <div class="flex items-center">
102
+ <a href="#" class="text-2xl font-bold text-blue-800">
103
+ <span class="text-blue-600">NY</span> Workers' Comp
104
+ </a>
105
+ </div>
106
+
107
+ <!-- Mobile menu button -->
108
+ <div class="md:hidden">
109
+ <button id="mobile-menu-button" class="text-blue-800 focus:outline-none">
110
+ <i class="fas fa-bars text-2xl"></i>
111
+ </button>
112
+ </div>
113
+
114
+ <!-- Desktop Menu -->
115
+ <div class="hidden md:flex space-x-8">
116
+ <a href="#" class="nav-link text-blue-900 font-medium">Home</a>
117
+ <a href="#about" class="nav-link text-blue-900 font-medium">About Us</a>
118
+ <a href="#practice-areas" class="nav-link text-blue-900 font-medium">Practice Areas</a>
119
+ <a href="#testimonials" class="nav-link text-blue-900 font-medium">Testimonials</a>
120
+ <a href="#contact" class="nav-link text-blue-900 font-medium">Contact</a>
121
+ <a href="#" class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-md transition font-medium">Free Consultation</a>
122
+ </div>
123
+ </div>
124
+
125
+ <!-- Mobile Menu -->
126
+ <div id="mobile-menu" class="hidden md:hidden bg-white py-2 px-4 shadow-lg">
127
+ <a href="#" class="block py-2 text-blue-900 font-medium">Home</a>
128
+ <a href="#about" class="block py-2 text-blue-900 font-medium">About Us</a>
129
+ <a href="#practice-areas" class="block py-2 text-blue-900 font-medium">Practice Areas</a>
130
+ <a href="#testimonials" class="block py-2 text-blue-900 font-medium">Testimonials</a>
131
+ <a href="#contact" class="block py-2 text-blue-900 font-medium">Contact</a>
132
+ <a href="#" class="block bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-md transition font-medium my-2 text-center">Free Consultation</a>
133
+ </div>
134
+ </nav>
135
+
136
+ <!-- Hero Section -->
137
+ <section class="hero text-white py-20 md:py-32">
138
+ <div class="container mx-auto px-4">
139
+ <div class="max-w-2xl">
140
+ <h1 class="text-4xl md:text-5xl font-bold mb-6">Fighting for Injured Workers in New York</h1>
141
+ <p class="text-xl mb-8">Our experienced attorneys have helped thousands of injured workers get the compensation they deserve. Don't face the system alone.</p>
142
+ <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
143
+ <a href="#" class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-md text-lg font-medium transition text-center">Free Case Evaluation</a>
144
+ <a href="tel:2125551234" class="bg-white hover:bg-gray-100 text-blue-800 px-6 py-3 rounded-md text-lg font-medium transition text-center">
145
+ <i class="fas fa-phone-alt mr-2"></i> Call Now
146
+ </a>
147
+ </div>
148
+ </div>
149
+ </div>
150
+ </section>
151
+
152
+ <!-- Stats Section -->
153
+ <section class="bg-blue-800 text-white py-12">
154
+ <div class="container mx-auto px-4">
155
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8 text-center">
156
+ <div class="p-6">
157
+ <div class="text-4xl font-bold mb-2">25+</div>
158
+ <div class="text-xl">Years Experience</div>
159
+ </div>
160
+ <div class="p-6">
161
+ <div class="text-4xl font-bold mb-2">$50M+</div>
162
+ <div class="text-xl">Recovered for Clients</div>
163
+ </div>
164
+ <div class="p-6">
165
+ <div class="text-4xl font-bold mb-2">98%</div>
166
+ <div class="text-xl">Success Rate</div>
167
+ </div>
168
+ </div>
169
+ </div>
170
+ </section>
171
+
172
+ <!-- About Section -->
173
+ <section id="about" class="py-16 bg-gray-50">
174
+ <div class="container mx-auto px-4">
175
+ <div class="flex flex-col md:flex-row items-center">
176
+ <div class="md:w-1/2 mb-8 md:mb-0 md:pr-8">
177
+ <img src="https://images.unsplash.com/photo-1589829545856-d10d557cf95f?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80" alt="Attorney team meeting" class="rounded-lg shadow-xl">
178
+ </div>
179
+ <div class="md:w-1/2">
180
+ <h2 class="text-3xl font-bold text-blue-800 mb-6">About Our Workers' Compensation Law Firm</h2>
181
+ <p class="text-gray-700 mb-4">At New York Workers' Compensation Attorneys, we understand the physical, emotional, and financial challenges that come with workplace injuries. Our dedicated team has been serving injured workers throughout New York for over 25 years.</p>
182
+ <p class="text-gray-700 mb-6">We pride ourselves on providing personalized attention to each client, ensuring they receive the maximum compensation available under New York law for medical expenses, lost wages, and permanent disabilities.</p>
183
+ <div class="space-y-4">
184
+ <div class="flex items-start">
185
+ <div class="bg-blue-100 p-2 rounded-full mr-4">
186
+ <i class="fas fa-check text-blue-600"></i>
187
+ </div>
188
+ <div>
189
+ <h3 class="font-bold text-blue-900">Experienced Representation</h3>
190
+ <p class="text-gray-600">Our attorneys have handled thousands of workers' comp cases in New York.</p>
191
+ </div>
192
+ </div>
193
+ <div class="flex items-start">
194
+ <div class="bg-blue-100 p-2 rounded-full mr-4">
195
+ <i class="fas fa-check text-blue-600"></i>
196
+ </div>
197
+ <div>
198
+ <h3 class="font-bold text-blue-900">No Fee Unless We Win</h3>
199
+ <p class="text-gray-600">We work on a contingency basis - you pay nothing unless we recover compensation for you.</p>
200
+ </div>
201
+ </div>
202
+ <div class="flex items-start">
203
+ <div class="bg-blue-100 p-2 rounded-full mr-4">
204
+ <i class="fas fa-check text-blue-600"></i>
205
+ </div>
206
+ <div>
207
+ <h3 class="font-bold text-blue-900">Personalized Attention</h3>
208
+ <p class="text-gray-600">You'll work directly with your attorney, not a case manager or paralegal.</p>
209
+ </div>
210
+ </div>
211
+ </div>
212
+ </div>
213
+ </div>
214
+ </div>
215
+ </section>
216
+
217
+ <!-- Practice Areas -->
218
+ <section id="practice-areas" class="practice-areas-bg py-16">
219
+ <div class="container mx-auto px-4">
220
+ <div class="text-center mb-12">
221
+ <h2 class="text-3xl font-bold text-blue-800 mb-4">Our Practice Areas</h2>
222
+ <p class="text-gray-700 max-w-2xl mx-auto">We handle all types of workers' compensation claims in New York, including:</p>
223
+ </div>
224
+
225
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
226
+ <!-- Practice Area 1 -->
227
+ <div class="bg-white rounded-lg shadow-md overflow-hidden hover:shadow-xl transition">
228
+ <div class="bg-blue-600 p-4 text-white">
229
+ <i class="fas fa-hard-hat text-3xl mb-2"></i>
230
+ <h3 class="text-xl font-bold">Construction Injuries</h3>
231
+ </div>
232
+ <div class="p-6">
233
+ <p class="text-gray-700 mb-4">Construction workers face significant risks on the job. We help secure benefits for falls, equipment accidents, and other construction-related injuries.</p>
234
+ <a href="#" class="text-blue-600 font-medium hover:text-blue-800 transition">Learn More <i class="fas fa-arrow-right ml-1"></i></a>
235
+ </div>
236
+ </div>
237
+
238
+ <!-- Practice Area 2 -->
239
+ <div class="bg-white rounded-lg shadow-md overflow-hidden hover:shadow-xl transition">
240
+ <div class="bg-blue-600 p-4 text-white">
241
+ <i class="fas fa-user-nurse text-3xl mb-2"></i>
242
+ <h3 class="text-xl font-bold">Healthcare Worker Injuries</h3>
243
+ </div>
244
+ <div class="p-6">
245
+ <p class="text-gray-700 mb-4">Nurses, doctors, and other healthcare professionals often suffer back injuries, needlestick injuries, and workplace violence incidents. We fight for your rights.</p>
246
+ <a href="#" class="text-blue-600 font-medium hover:text-blue-800 transition">Learn More <i class="fas fa-arrow-right ml-1"></i></a>
247
+ </div>
248
+ </div>
249
+
250
+ <!-- Practice Area 3 -->
251
+ <div class="bg-white rounded-lg shadow-md overflow-hidden hover:shadow-xl transition">
252
+ <div class="bg-blue-600 p-4 text-white">
253
+ <i class="fas fa-truck text-3xl mb-2"></i>
254
+ <h3 class="text-xl font-bold">Transportation Injuries</h3>
255
+ </div>
256
+ <div class="p-6">
257
+ <p class="text-gray-700 mb-4">Truck drivers, delivery workers, and other transportation employees face unique risks. We help with accident claims and repetitive stress injuries.</p>
258
+ <a href="#" class="text-blue-600 font-medium hover:text-blue-800 transition">Learn More <i class="fas fa-arrow-right ml-1"></i></a>
259
+ </div>
260
+ </div>
261
+
262
+ <!-- Practice Area 4 -->
263
+ <div class="bg-white rounded-lg shadow-md overflow-hidden hover:shadow-xl transition">
264
+ <div class="bg-blue-600 p-4 text-white">
265
+ <i class="fas fa-burn text-3xl mb-2"></i>
266
+ <h3 class="text-xl font-bold">Burn Injuries</h3>
267
+ </div>
268
+ <div class="p-6">
269
+ <p class="text-gray-700 mb-4">Severe burns from chemicals, electricity, or fire can be life-altering. We ensure you receive compensation for medical treatment and long-term care.</p>
270
+ <a href="#" class="text-blue-600 font-medium hover:text-blue-800 transition">Learn More <i class="fas fa-arrow-right ml-1"></i></a>
271
+ </div>
272
+ </div>
273
+
274
+ <!-- Practice Area 5 -->
275
+ <div class="bg-white rounded-lg shadow-md overflow-hidden hover:shadow-xl transition">
276
+ <div class="bg-blue-600 p-4 text-white">
277
+ <i class="fas fa-brain text-3xl mb-2"></i>
278
+ <h3 class="text-xl font-bold">Traumatic Brain Injuries</h3>
279
+ </div>
280
+ <div class="p-6">
281
+ <p class="text-gray-700 mb-4">TBIs from workplace accidents require specialized medical care. We work with medical experts to document your injuries and fight for fair compensation.</p>
282
+ <a href="#" class="text-blue-600 font-medium hover:text-blue-800 transition">Learn More <i class="fas fa-arrow-right ml-1"></i></a>
283
+ </div>
284
+ </div>
285
+
286
+ <!-- Practice Area 6 -->
287
+ <div class="bg-white rounded-lg shadow-md overflow-hidden hover:shadow-xl transition">
288
+ <div class="bg-blue-600 p-4 text-white">
289
+ <i class="fas fa-gavel text-3xl mb-2"></i>
290
+ <h3 class="text-xl font-bold">Denied Claims</h3>
291
+ </div>
292
+ <div class="p-6">
293
+ <p class="text-gray-700 mb-4">If your workers' comp claim was denied, we can help appeal the decision and fight for the benefits you deserve under New York law.</p>
294
+ <a href="#" class="text-blue-600 font-medium hover:text-blue-800 transition">Learn More <i class="fas fa-arrow-right ml-1"></i></a>
295
+ </div>
296
+ </div>
297
+ </div>
298
+ </div>
299
+ </section>
300
+
301
+ <!-- Why Choose Us -->
302
+ <section class="py-16 bg-blue-50">
303
+ <div class="container mx-auto px-4">
304
+ <div class="text-center mb-12">
305
+ <h2 class="text-3xl font-bold text-blue-800 mb-4">Why Choose Our Workers' Compensation Attorneys</h2>
306
+ <p class="text-gray-700 max-w-2xl mx-auto">We go above and beyond to ensure our clients receive the maximum compensation available.</p>
307
+ </div>
308
+
309
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
310
+ <div class="bg-white p-8 rounded-lg shadow-md text-center">
311
+ <div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
312
+ <i class="fas fa-medal text-blue-600 text-2xl"></i>
313
+ </div>
314
+ <h3 class="text-xl font-bold text-blue-800 mb-3">Board Certified</h3>
315
+ <p class="text-gray-700">Our lead attorney is board certified in workers' compensation law, a distinction held by fewer than 3% of New York attorneys.</p>
316
+ </div>
317
+
318
+ <div class="bg-white p-8 rounded-lg shadow-md text-center">
319
+ <div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
320
+ <i class="fas fa-users text-blue-600 text-2xl"></i>
321
+ </div>
322
+ <h3 class="text-xl font-bold text-blue-800 mb-3">Client-Focused</h3>
323
+ <p class="text-gray-700">We limit our caseload to ensure each client receives personalized attention and aggressive representation.</p>
324
+ </div>
325
+
326
+ <div class="bg-white p-8 rounded-lg shadow-md text-center">
327
+ <div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4">
328
+ <i class="fas fa-balance-scale text-blue-600 text-2xl"></i>
329
+ </div>
330
+ <h3 class="text-xl font-bold text-blue-800 mb-3">Trial Experience</h3>
331
+ <p class="text-gray-700">With extensive trial experience, we're prepared to take your case to court if the insurance company won't offer fair compensation.</p>
332
+ </div>
333
+ </div>
334
+ </div>
335
+ </section>
336
+
337
+ <!-- Testimonials -->
338
+ <section id="testimonials" class="py-16 bg-gray-100">
339
+ <div class="container mx-auto px-4">
340
+ <div class="text-center mb-12">
341
+ <h2 class="text-3xl font-bold text-blue-800 mb-4">What Our Clients Say</h2>
342
+ <p class="text-gray-700 max-w-2xl mx-auto">Hear from injured workers we've helped get the compensation they deserved.</p>
343
+ </div>
344
+
345
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
346
+ <div class="testimonial-card bg-white p-8 rounded-lg shadow-md">
347
+ <div class="flex items-center mb-4">
348
+ <div class="text-yellow-400 mr-2">
349
+ <i class="fas fa-star"></i>
350
+ <i class="fas fa-star"></i>
351
+ <i class="fas fa-star"></i>
352
+ <i class="fas fa-star"></i>
353
+ <i class="fas fa-star"></i>
354
+ </div>
355
+ </div>
356
+ <p class="text-gray-700 mb-6">"After my construction accident, the insurance company denied my claim. These attorneys fought hard and got me the medical care and compensation I needed to recover."</p>
357
+ <div class="flex items-center">
358
+ <div class="bg-blue-100 w-12 h-12 rounded-full flex items-center justify-center mr-4">
359
+ <span class="text-blue-800 font-bold">JM</span>
360
+ </div>
361
+ <div>
362
+ <h4 class="font-bold text-blue-800">James M.</h4>
363
+ <p class="text-gray-600 text-sm">Construction Worker</p>
364
+ </div>
365
+ </div>
366
+ </div>
367
+
368
+ <div class="testimonial-card bg-white p-8 rounded-lg shadow-md">
369
+ <div class="flex items-center mb-4">
370
+ <div class="text-yellow-400 mr-2">
371
+ <i class="fas fa-star"></i>
372
+ <i class="fas fa-star"></i>
373
+ <i class="fas fa-star"></i>
374
+ <i class="fas fa-star"></i>
375
+ <i class="fas fa-star"></i>
376
+ </div>
377
+ </div>
378
+ <p class="text-gray-700 mb-6">"As a nurse, I suffered a back injury lifting a patient. The firm helped me navigate the complex workers' comp system and secured benefits for my medical treatment and lost wages."</p>
379
+ <div class="flex items-center">
380
+ <div class="bg-blue-100 w-12 h-12 rounded-full flex items-center justify-center mr-4">
381
+ <span class="text-blue-800 font-bold">SR</span>
382
+ </div>
383
+ <div>
384
+ <h4 class="font-bold text-blue-800">Sarah R.</h4>
385
+ <p class="text-gray-600 text-sm">Registered Nurse</p>
386
+ </div>
387
+ </div>
388
+ </div>
389
+
390
+ <div class="testimonial-card bg-white p-8 rounded-lg shadow-md">
391
+ <div class="flex items-center mb-4">
392
+ <div class="text-yellow-400 mr-2">
393
+ <i class="fas fa-star"></i>
394
+ <i class="fas fa-star"></i>
395
+ <i class="fas fa-star"></i>
396
+ <i class="fas fa-star"></i>
397
+ <i class="fas fa-star"></i>
398
+ </div>
399
+ </div>
400
+ <p class="text-gray-700 mb-6">"After my workers' comp claim was denied, I thought I had no options. These attorneys appealed the decision and won me a settlement that covered all my medical bills and then some."</p>
401
+ <div class="flex items-center">
402
+ <div class="bg-blue-100 w-12 h-12 rounded-full flex items-center justify-center mr-4">
403
+ <span class="text-blue-800 font-bold">TL</span>
404
+ </div>
405
+ <div>
406
+ <h4 class="font-bold text-blue-800">Thomas L.</h4>
407
+ <p class="text-gray-600 text-sm">Warehouse Worker</p>
408
+ </div>
409
+ </div>
410
+ </div>
411
+ </div>
412
+ </div>
413
+ </section>
414
+
415
+ <!-- FAQ -->
416
+ <section class="py-16 bg-white">
417
+ <div class="container mx-auto px-4">
418
+ <div class="text-center mb-12">
419
+ <h2 class="text-3xl font-bold text-blue-800 mb-4">Frequently Asked Questions</h2>
420
+ <p class="text-gray-700 max-w-2xl mx-auto">Answers to common questions about workers' compensation in New York.</p>
421
+ </div>
422
+
423
+ <div class="max-w-3xl mx-auto">
424
+ <div class="border-b border-gray-200 py-4">
425
+ <button class="faq-question flex justify-between items-center w-full text-left font-medium text-blue-900 hover:text-blue-700 transition">
426
+ <span>What benefits can I receive through workers' compensation?</span>
427
+ <i class="fas fa-plus text-blue-600"></i>
428
+ </button>
429
+ <div class="faq-answer hidden mt-2 text-gray-700">
430
+ <p>In New York, injured workers may be eligible for several types of benefits including medical treatment coverage, cash benefits for lost wages (typically two-thirds of your average weekly wage), permanent partial or total disability benefits, vocational rehabilitation if you can't return to your previous job, and death benefits for surviving family members in fatal cases.</p>
431
+ </div>
432
+ </div>
433
+
434
+ <div class="border-b border-gray-200 py-4">
435
+ <button class="faq-question flex justify-between items-center w-full text-left font-medium text-blue-900 hover:text-blue-700 transition">
436
+ <span>How long do I have to file a workers' compensation claim?</span>
437
+ <i class="fas fa-plus text-blue-600"></i>
438
+ </button>
439
+ <div class="faq-answer hidden mt-2 text-gray-700">
440
+ <p>In New York, you generally have two years from the date of injury to file a claim. However, we strongly recommend filing as soon as possible after your injury. For occupational diseases, you have two years from the date you knew or should have known the disease was related to your employment.</p>
441
+ </div>
442
+ </div>
443
+
444
+ <div class="border-b border-gray-200 py-4">
445
+ <button class="faq-question flex justify-between items-center w-full text-left font-medium text-blue-900 hover:text-blue-700 transition">
446
+ <span>What if my claim is denied?</span>
447
+ <i class="fas fa-plus text-blue-600"></i>
448
+ </button>
449
+ <div class="faq-answer hidden mt-2 text-gray-700">
450
+ <p>If your claim is denied, you have the right to appeal. The appeals process involves filing specific forms and may require hearings before a Workers' Compensation Law Judge. Our attorneys have extensive experience appealing denied claims and can help gather additional medical evidence and build a strong case for your benefits.</p>
451
+ </div>
452
+ </div>
453
+
454
+ <div class="border-b border-gray-200 py-4">
455
+ <button class="faq-question flex justify-between items-center w-full text-left font-medium text-blue-900 hover:text-blue-700 transition">
456
+ <span>Can I choose my own doctor for treatment?</span>
457
+ <i class="fas fa-plus text-blue-600"></i>
458
+ </button>
459
+ <div class="faq-answer hidden mt-2 text-gray-700">
460
+ <p>In New York, you generally must see a doctor approved by the Workers' Compensation Board for your initial treatment. However, after your first visit, you may be able to choose your own doctor if they are authorized by the Workers' Compensation Board. We can help you find qualified physicians who specialize in workplace injuries.</p>
461
+ </div>
462
+ </div>
463
+
464
+ <div class="border-b border-gray-200 py-4">
465
+ <button class="faq-question flex justify-between items-center w-full text-left font-medium text-blue-900 hover:text-blue-700 transition">
466
+ <span>How much does it cost to hire a workers' compensation attorney?</span>
467
+ <i class="fas fa-plus text-blue-600"></i>
468
+ </button>
469
+ <div class="faq-answer hidden mt-2 text-gray-700">
470
+ <p>Workers' compensation attorneys in New York work on a contingency fee basis, meaning we only get paid if we successfully recover benefits for you. Our fee is a percentage of your award, set by law and approved by the Workers' Compensation Board. There are no upfront costs, and we offer free initial consultations.</p>
471
+ </div>
472
+ </div>
473
+ </div>
474
+ </div>
475
+ </section>
476
+
477
+ <!-- CTA Banner -->
478
+ <section class="py-12 bg-blue-800 text-white">
479
+ <div class="container mx-auto px-4 text-center">
480
+ <h2 class="text-3xl font-bold mb-6">Don't Navigate the Workers' Compensation System Alone</h2>
481
+ <p class="text-xl mb-8 max-w-2xl mx-auto">Let our experienced attorneys fight for the benefits you deserve while you focus on your recovery.</p>
482
+ <a href="#" class="bg-white hover:bg-gray-100 text-blue-800 px-8 py-3 rounded-md text-lg font-medium transition inline-block">Get Your Free Consultation</a>
483
+ </div>
484
+ </section>
485
+
486
+ <!-- Contact Form -->
487
+ <section id="contact" class="py-16 bg-gray-50">
488
+ <div class="container mx-auto px-4">
489
+ <div class="flex flex-col md:flex-row">
490
+ <div class="md:w-1/2 mb-8 md:mb-0 md:pr-8">
491
+ <h2 class="text-3xl font-bold text-blue-800 mb-6">Contact Our Workers' Compensation Attorneys</h2>
492
+ <p class="text-gray-700 mb-6">Complete the form or call us directly to schedule your free consultation. We're available 24/7 to answer your questions.</p>
493
+
494
+ <div class="space-y-4">
495
+ <div class="flex items-start">
496
+ <div class="bg-blue-100 p-3 rounded-full mr-4">
497
+ <i class="fas fa-map-marker-alt text-blue-600"></i>
498
+ </div>
499
+ <div>
500
+ <h3 class="font-bold text-blue-900">Our Office</h3>
501
+ <p class="text-gray-700">123 Legal Avenue, Suite 500<br>New York, NY 10001</p>
502
+ </div>
503
+ </div>
504
+
505
+ <div class="flex items-start">
506
+ <div class="bg-blue-100 p-3 rounded-full mr-4">
507
+ <i class="fas fa-phone-alt text-blue-600"></i>
508
+ </div>
509
+ <div>
510
+ <h3 class="font-bold text-blue-900">Call Us</h3>
511
+ <p class="text-gray-700">(212) 555-1234<br>Available 24/7</p>
512
+ </div>
513
+ </div>
514
+
515
+ <div class="flex items-start">
516
+ <div class="bg-blue-100 p-3 rounded-full mr-4">
517
+ <i class="fas fa-envelope text-blue-600"></i>
518
+ </div>
519
+ <div>
520
+ <h3 class="font-bold text-blue-900">Email Us</h3>
521
+ <p class="text-gray-700">info@workerscompensationattorneynewyork.com</p>
522
+ </div>
523
+ </div>
524
+ </div>
525
+ </div>
526
+
527
+ <div class="md:w-1/2">
528
+ <form class="contact-form bg-white p-8 rounded-lg shadow-md">
529
+ <div class="mb-6">
530
+ <input type="text" placeholder="Your Name" class="w-full py-3 px-4 bg-transparent">
531
+ </div>
532
+ <div class="mb-6">
533
+ <input type="email" placeholder="Your Email" class="w-full py-3 px-4 bg-transparent">
534
+ </div>
535
+ <div class="mb-6">
536
+ <input type="tel" placeholder="Your Phone" class="w-full py-3 px-4 bg-transparent">
537
+ </div>
538
+ <div class="mb-6">
539
+ <textarea placeholder="How can we help you?" rows="4" class="w-full py-3 px-4 bg-transparent"></textarea>
540
+ </div>
541
+ <button type="submit" class="w-full bg-blue-600 hover:bg-blue-700 text-white py-3 px-6 rounded-md font-medium transition">Send Message</button>
542
+ </form>
543
+ </div>
544
+ </div>
545
+ </div>
546
+ </section>
547
+
548
+ <!-- Map -->
549
+ <div class="h-96 bg-gray-200">
550
+ <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3022.215256018044!2d-73.9878449246876!3d40.7484409713895!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c259a9b3117469%3A0xd134e199a405a163!2sEmpire%20State%20Building!5e0!3m2!1sen!2sus!4v1689876445987!5m2!1sen!2sus" width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
551
+ </div>
552
+
553
+ <!-- Footer -->
554
+ <footer class="bg-gray-900 text-white py-12">
555
+ <div class="container mx-auto px-4">
556
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
557
+ <div>
558
+ <h3 class="text-xl font-bold mb-4">NY Workers' Comp</h3>
559
+ <p class="text-gray-400 mb-4">Fighting for injured workers' rights throughout New York State.</p>
560
+ <div class="flex space-x-4">
561
+ <a href="#" class="text-gray-400 hover:text-white transition"><i class="fab fa-facebook-f"></i></a>
562
+ <a href="#" class="text-gray-400 hover:text-white transition"><i class="fab fa-twitter"></i></a>
563
+ <a href="#" class="text-gray-400 hover:text-white transition"><i class="fab fa-linkedin-in"></i></a>
564
+ </div>
565
+ </div>
566
+
567
+ <div>
568
+ <h3 class="text-lg font-bold mb-4">Quick Links</h3>
569
+ <ul class="space-y-2">
570
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Home</a></li>
571
+ <li><a href="#about" class="text-gray-400 hover:text-white transition">About Us</a></li>
572
+ <li><a href="#practice-areas" class="text-gray-400 hover:text-white transition">Practice Areas</a></li>
573
+ <li><a href="#testimonials" class="text-gray-400 hover:text-white transition">Testimonials</a></li>
574
+ <li><a href="#contact" class="text-gray-400 hover:text-white transition">Contact</a></li>
575
+ </ul>
576
+ </div>
577
+
578
+ <div>
579
+ <h3 class="text-lg font-bold mb-4">Practice Areas</h3>
580
+ <ul class="space-y-2">
581
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Construction Injuries</a></li>
582
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Healthcare Worker Injuries</a></li>
583
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Transportation Injuries</a></li>
584
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Burn Injuries</a></li>
585
+ <li><a href="#" class="text-gray-400 hover:text-white transition">Traumatic Brain Injuries</a></li>
586
+ </ul>
587
+ </div>
588
+
589
+ <div>
590
+ <h3 class="text-lg font-bold mb-4">Contact Info</h3>
591
+ <ul class="space-y-2 text-gray-400">
592
+ <li class="flex items-start">
593
+ <i class="fas fa-map-marker-alt mr-2 mt-1"></i>
594
+ <span>123 Legal Avenue, Suite 500<br>New York, NY 10001</span>
595
+ </li>
596
+ <li class="flex items-center">
597
+ <i class="fas fa-phone-alt mr-2"></i>
598
+ <span>(212) 555-1234</span>
599
+ </li>
600
+ <li class="flex items-center">
601
+ <i class="fas fa-envelope mr-2"></i>
602
+ <span>info@workerscompensationattorneynewyork.com</span>
603
+ </li>
604
+ </ul>
605
+ </div>
606
+ </div>
607
+
608
+ <div class="border-t border-gray-800 mt-12 pt-8 text-center text-gray-500 text-sm">
609
+ <p>&copy; 2023 New York Workers' Compensation Attorneys. All Rights Reserved.</p>
610
+ <p class="mt-2"><a href="#" class="hover:text-white transition">Privacy Policy</a> | <a href="#" class="hover:text-white transition">Terms of Service</a> | <a href="#" class="hover:text-white transition">Attorney Advertising</a></p>
611
+ <p class="mt-4">The information on this website is for general information purposes only. Nothing on this site should be taken as legal advice for any individual case or situation.</p>
612
+ </div>
613
+ </div>
614
+ </footer>
615
+
616
+ <!-- Floating CTA -->
617
+ <div class="fixed bottom-6 right-6 z-50 animate-bounce-slow">
618
+ <a href="#" class="bg-green-600 hover:bg-green-700 text-white rounded-full p-4 shadow-lg flex items-center justify-center transition">
619
+ <i class="fas fa-comment-dots text-2xl"></i>
620
+ <span class="ml-2 font-medium hidden sm:inline">Live Chat</span>
621
+ </a>
622
+ </div>
623
+
624
+ <script>
625
+ // Mobile menu toggle
626
+ document.getElementById('mobile-menu-button').addEventListener('click', function() {
627
+ const menu = document.getElementById('mobile-menu');
628
+ menu.classList.toggle('hidden');
629
+ });
630
+
631
+ // FAQ accordion
632
+ const faqQuestions = document.querySelectorAll('.faq-question');
633
+ faqQuestions.forEach(question => {
634
+ question.addEventListener('click', () => {
635
+ const answer = question.nextElementSibling;
636
+ const icon = question.querySelector('i');
637
+
638
+ // Toggle answer visibility
639
+ answer.classList.toggle('hidden');
640
+
641
+ // Toggle icon
642
+ if (answer.classList.contains('hidden')) {
643
+ icon.classList.remove('fa-minus');
644
+ icon.classList.add('fa-plus');
645
+ } else {
646
+ icon.classList.remove('fa-plus');
647
+ icon.classList.add('fa-minus');
648
+ }
649
+ });
650
+ });
651
+
652
+ // Smooth scrolling for anchor links
653
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
654
+ anchor.addEventListener('click', function (e) {
655
+ e.preventDefault();
656
+
657
+ const targetId = this.getAttribute('href');
658
+ if (targetId === '#') return;
659
+
660
+ const targetElement = document.querySelector(targetId);
661
+ if (targetElement) {
662
+ targetElement.scrollIntoView({
663
+ behavior: 'smooth'
664
+ });
665
+
666
+ // Close mobile menu if open
667
+ const mobileMenu = document.getElementById('mobile-menu');
668
+ if (!mobileMenu.classList.contains('hidden')) {
669
+ mobileMenu.classList.add('hidden');
670
+ }
671
+ }
672
+ });
673
+ });
674
+
675
+ // Form submission
676
+ const contactForm = document.querySelector('.contact-form');
677
+ if (contactForm) {
678
+ contactForm.addEventListener('submit', function(e) {
679
+ e.preventDefault();
680
+ alert('Thank you for your message! We will contact you shortly.');
681
+ this.reset();
682
+ });
683
+ }
684
+ </script>
685
+ <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=BrockMisner/work-comp" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
686
+ </html>