Spaces:
Running
Running
add schema and everything else like this when possible: - In the post editor, paste a JSON-LD block: ```html <script type="application/ld+json"> { @context: "https://schema.org",
@type
: "LocalBusiness", name: "Bronx Injury Firm", areaServed: {
@type
: "GeoShape", polygon: "40.8501,-73.8780 40.8520,-73.8765 40.8510,-73.8740 40.8501,-73.8780" }, url: "https://bronxfirm.com/updates/polygon-area" } </script> ``` - Googlebot picks up the `areaServed` polygon and ties the update post to the exact service boundary. 2. **Offer Posts Embedding `OfferCatalog` with Polygon Links** - Create an Offer post and in the “Details” field include: ```html <script type="application/ld+json"> { @context:"https://schema.org",
@type
:"OfferCatalog", name:"Free Consultation – Fordham Area", itemListElement:[{
@type
:"Offer", itemOffered:{
@type
:"Service", name:"Bronx Injury Consultation", areaServed:{
@type
:"GeoShape", polygon:"…same coords…" }, url:"https://bronxfirm.com/offers/fordham-consult" } }] } </script> ``` - The embedded `OfferCatalog` schema signals to Maps that this offer is valid within that polygon. 3. **Event Posts with `Event` Schema & GeoShape** - When scheduling an Event post, add in description: ```html <script type="application/ld+json"> { @context:"https://schema.org",
@type
:"Event", name:"Free Seminar – ZIP 10460", startDate:"2025-07-15T14:00", location:{
@type
:"Place", name:"Bronx Injury Firm", geo:{
@type
:"GeoShape", polygon:"…coords…" } }, url:"https://bronxfirm.com/events/zip10460-seminar" } </script> ``` - Maps links the event not only to the business pin but to the defined territory. 4. **“COVID-19 Info” / Temporary Hours Posts with `SpecialOpeningHoursSpecification` + Polygon** - In a temporary hours post insert: ```html <script type="application/ld+json"> { @context:"https://schema.org",
@type
:"OpeningHoursSpecification", validFrom:"2025-06-01", validThrough:"2025-07-01", areaServed:{
@type
:"GeoShape", polygon:"…coords…" } } </script> ``` - Reinforces to Maps that these hours apply only within that service polygon. 5. **Linking Posts to Website Pages with Matching Schema** - All posts link to pages on your site that contain the identical JSON-LD polygon markup under `<mainEntityOfPage>`. - Example post link: ``` https://bronxfirm.com/updates/zip10460 ``` → page has matching `areaServed.GeoShape.polygon`. 6. **Dynamic Polygon Updates via Tag Manager** - Use Google Tag Manager in posts’ linked pages to inject live-updated polygon coordinates (e.g., adjusting service area after boundary changes). - Ensures Maps re-crawls and refreshes the polygon association. 7. **Combining Polygon with `potentialAction` CTAs** - In any post schema, add: ```json potentialAction: {
@type
:"ViewAction", target:"https://maps.google.com/?cid=…&poly=true" } ``` - Directs users (and crawler) to a map view highlighting the service polygon. 8. **Cross-Post Synchronization** - Publish identical posts (with same polygon schema) across GBP, Twitter/X, Facebook. - Google’s Map crawler notices the replication as signal of authoritative territorial claim. 9. **Deferred JSON-LD Rendering for Bot-Only Parsing** - Wrap your polygon script within a `<noscript id="poly-script">` and use a bot-only loader so only Google’s crawler sees it. - Keeps UI clean while preserving the territory signal. - Follow Up Deployment
ebe3f89
verified
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<title>New York Workers' Compensation Attorneys | Expert Legal Representation</title> | |
<meta name="description" content="Experienced workers' compensation attorneys in New York fighting for injured workers' rights. Free consultations available."> | |
<script type="application/ld+json"> | |
{ | |
"@context": "https://schema.org", | |
"@type": "LocalBusiness", | |
"name": "New York Workers' Compensation Attorneys", | |
"image": "https://images.unsplash.com/photo-1589829545856-d10d557cf95f", | |
"@id": "https://workerscompensationattorneynewyork.com", | |
"url": "https://workerscompensationattorneynewyork.com", | |
"telephone": "(212) 555-1234", | |
"address": { | |
"@type": "PostalAddress", | |
"streetAddress": "123 Legal Avenue, Suite 500", | |
"addressLocality": "New York", | |
"addressRegion": "NY", | |
"postalCode": "10001", | |
"addressCountry": "US" | |
}, | |
"geo": { | |
"@type": "GeoCoordinates", | |
"latitude": 40.748440, | |
"longitude": -73.987844 | |
}, | |
"areaServed": { | |
"@type": "GeoShape", | |
"polygon": "40.8501,-73.8780 40.8520,-73.8765 40.8510,-73.8740 40.8501,-73.8780" | |
}, | |
"sameAs": [ | |
"https://www.facebook.com/workerscompny", | |
"https://www.twitter.com/workerscompny", | |
"https://www.linkedin.com/company/workerscompny" | |
] | |
} | |
</script> | |
<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> | |
/* Custom CSS */ | |
.hero { | |
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'); | |
background-size: cover; | |
background-position: center; | |
background-repeat: no-repeat; | |
} | |
.practice-areas-bg { | |
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'); | |
background-size: cover; | |
background-position: center; | |
} | |
.testimonial-card { | |
transition: transform 0.3s ease; | |
} | |
.testimonial-card:hover { | |
transform: translateY(-5px); | |
} | |
.contact-form input, .contact-form textarea { | |
border-bottom: 2px solid #e5e7eb; | |
transition: border-color 0.3s ease; | |
} | |
.contact-form input:focus, .contact-form textarea:focus { | |
border-color: #3b82f6; | |
outline: none; | |
} | |
.nav-link { | |
position: relative; | |
} | |
.nav-link::after { | |
content: ''; | |
position: absolute; | |
width: 0; | |
height: 2px; | |
bottom: -2px; | |
left: 0; | |
background-color: #3b82f6; | |
transition: width 0.3s ease; | |
} | |
.nav-link:hover::after { | |
width: 100%; | |
} | |
.animate-bounce-slow { | |
animation: bounce 2s infinite; | |
} | |
@keyframes bounce { | |
0%, 100% { | |
transform: translateY(0); | |
} | |
50% { | |
transform: translateY(-10px); | |
} | |
} | |
</style> | |
</head> | |
<body class="font-sans"> | |
<!-- Top Bar --> | |
<div class="bg-blue-800 text-white py-2 px-4"> | |
<div class="container mx-auto flex justify-between items-center"> | |
<div class="flex space-x-4 text-sm"> | |
<div class="flex items-center"> | |
<i class="fas fa-phone-alt mr-2"></i> | |
<span>(212) 555-1234</span> | |
</div> | |
<div class="flex items-center"> | |
<i class="fas fa-envelope mr-2"></i> | |
<span>info@workerscompensationattorneynewyork.com</span> | |
</div> | |
</div> | |
<div class="flex space-x-4"> | |
<a href="#" class="text-white hover:text-blue-200 transition"><i class="fab fa-facebook-f"></i></a> | |
<a href="#" class="text-white hover:text-blue-200 transition"><i class="fab fa-twitter"></i></a> | |
<a href="#" class="text-white hover:text-blue-200 transition"><i class="fab fa-linkedin-in"></i></a> | |
</div> | |
</div> | |
</div> | |
<script type="application/ld+json"> | |
{ | |
"@context": "https://schema.org", | |
"@type": "BreadcrumbList", | |
"itemListElement": [{ | |
"@type": "ListItem", | |
"position": 1, | |
"name": "Home", | |
"item": "https://workerscompensationattorneynewyork.com" | |
},{ | |
"@type": "ListItem", | |
"position": 2, | |
"name": "New York Workers' Compensation Attorneys", | |
"item": "https://workerscompensationattorneynewyork.com/workers-compensation-attorneys" | |
}] | |
} | |
</script> | |
<!-- Navigation --> | |
<nav class="bg-white shadow-md sticky top-0 z-50"> | |
<div class="container mx-auto px-4 py-3 flex justify-between items-center"> | |
<div class="flex items-center"> | |
<a href="#" class="text-2xl font-bold text-blue-800"> | |
<span class="text-blue-600">NY</span> Workers' Comp | |
</a> | |
</div> | |
<!-- Mobile menu button --> | |
<div class="md:hidden"> | |
<button id="mobile-menu-button" class="text-blue-800 focus:outline-none"> | |
<i class="fas fa-bars text-2xl"></i> | |
</button> | |
</div> | |
<!-- Desktop Menu --> | |
<div class="hidden md:flex space-x-8"> | |
<a href="#" class="nav-link text-blue-900 font-medium">Home</a> | |
<a href="#about" class="nav-link text-blue-900 font-medium">About Us</a> | |
<a href="#practice-areas" class="nav-link text-blue-900 font-medium">Practice Areas</a> | |
<a href="#resources" class="nav-link text-blue-900 font-medium">Resources</a> | |
<a href="#testimonials" class="nav-link text-blue-900 font-medium">Testimonials</a> | |
<a href="#blog" class="nav-link text-blue-900 font-medium">Blog</a> | |
<a href="#contact" class="nav-link text-blue-900 font-medium">Contact</a> | |
<a href="#" class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-md transition font-medium">Free Consultation</a> | |
</div> | |
</div> | |
<!-- Mobile Menu --> | |
<div id="mobile-menu" class="hidden md:hidden bg-white py-2 px-4 shadow-lg"> | |
<a href="#" class="block py-2 text-blue-900 font-medium">Home</a> | |
<a href="#about" class="block py-2 text-blue-900 font-medium">About Us</a> | |
<a href="#practice-areas" class="block py-2 text-blue-900 font-medium">Practice Areas</a> | |
<a href="#resources" class="block py-2 text-blue-900 font-medium">Resources</a> | |
<a href="#testimonials" class="block py-2 text-blue-900 font-medium">Testimonials</a> | |
<a href="#blog" class="block py-2 text-blue-900 font-medium">Blog</a> | |
<a href="#contact" class="block py-2 text-blue-900 font-medium">Contact</a> | |
<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> | |
</div> | |
</nav> | |
<!-- Hero Section --> | |
<section class="hero text-white py-20 md:py-32"> | |
<div class="container mx-auto px-4"> | |
<div class="max-w-2xl"> | |
<h1 class="text-4xl md:text-5xl font-bold mb-6">Fighting for Injured Workers in New York</h1> | |
<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> | |
<div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4"> | |
<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> | |
<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"> | |
<i class="fas fa-phone-alt mr-2"></i> Call Now | |
</a> | |
</div> | |
</div> | |
</div> | |
</section> | |
<!-- Stats Section --> | |
<section class="bg-blue-800 text-white py-12"> | |
<div class="container mx-auto px-4"> | |
<div class="grid grid-cols-1 md:grid-cols-3 gap-8 text-center"> | |
<div class="p-6"> | |
<div class="text-4xl font-bold mb-2">25+</div> | |
<div class="text-xl">Years Experience</div> | |
</div> | |
<div class="p-6"> | |
<div class="text-4xl font-bold mb-2">$50M+</div> | |
<div class="text-xl">Recovered for Clients</div> | |
</div> | |
<div class="p-6"> | |
<div class="text-4xl font-bold mb-2">98%</div> | |
<div class="text-xl">Success Rate</div> | |
</div> | |
</div> | |
</div> | |
</section> | |
<!-- About Section --> | |
<section id="about" class="py-16 bg-gray-50"> | |
<div class="container mx-auto px-4"> | |
<div class="flex flex-col md:flex-row items-center"> | |
<div class="md:w-1/2 mb-8 md:mb-0 md:pr-8"> | |
<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"> | |
</div> | |
<div class="md:w-1/2"> | |
<h2 class="text-3xl font-bold text-blue-800 mb-6">About Our Workers' Compensation Law Firm</h2> | |
<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> | |
<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> | |
<div class="space-y-4"> | |
<div class="flex items-start"> | |
<div class="bg-blue-100 p-2 rounded-full mr-4"> | |
<i class="fas fa-check text-blue-600"></i> | |
</div> | |
<div> | |
<h3 class="font-bold text-blue-900">Experienced Representation</h3> | |
<p class="text-gray-600">Our attorneys have handled thousands of workers' comp cases in New York.</p> | |
</div> | |
</div> | |
<div class="flex items-start"> | |
<div class="bg-blue-100 p-2 rounded-full mr-4"> | |
<i class="fas fa-check text-blue-600"></i> | |
</div> | |
<div> | |
<h3 class="font-bold text-blue-900">No Fee Unless We Win</h3> | |
<p class="text-gray-600">We work on a contingency basis - you pay nothing unless we recover compensation for you.</p> | |
</div> | |
</div> | |
<div class="flex items-start"> | |
<div class="bg-blue-100 p-2 rounded-full mr-4"> | |
<i class="fas fa-check text-blue-600"></i> | |
</div> | |
<div> | |
<h3 class="font-bold text-blue-900">Personalized Attention</h3> | |
<p class="text-gray-600">You'll work directly with your attorney, not a case manager or paralegal.</p> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</section> | |
<!-- Practice Areas --> | |
<section id="practice-areas" class="practice-areas-bg py-16"> | |
<div class="container mx-auto px-4"> | |
<div class="text-center mb-12"> | |
<h2 class="text-3xl font-bold text-blue-800 mb-4">Our Practice Areas</h2> | |
<p class="text-gray-700 max-w-2xl mx-auto">We handle all types of workers' compensation claims in New York, including:</p> | |
</div> | |
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> | |
<!-- Practice Area 1 --> | |
<div class="bg-white rounded-lg shadow-md overflow-hidden hover:shadow-xl transition"> | |
<div class="bg-blue-600 p-4 text-white"> | |
<i class="fas fa-hard-hat text-3xl mb-2"></i> | |
<h3 class="text-xl font-bold">Construction Injuries</h3> | |
</div> | |
<div class="p-6"> | |
<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> | |
<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> | |
</div> | |
</div> | |
<!-- Practice Area 2 --> | |
<div class="bg-white rounded-lg shadow-md overflow-hidden hover:shadow-xl transition"> | |
<div class="bg-blue-600 p-4 text-white"> | |
<i class="fas fa-user-nurse text-3xl mb-2"></i> | |
<h3 class="text-xl font-bold">Healthcare Worker Injuries</h3> | |
</div> | |
<div class="p-6"> | |
<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> | |
<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> | |
</div> | |
</div> | |
<!-- Practice Area 3 --> | |
<div class="bg-white rounded-lg shadow-md overflow-hidden hover:shadow-xl transition"> | |
<div class="bg-blue-600 p-4 text-white"> | |
<i class="fas fa-truck text-3xl mb-2"></i> | |
<h3 class="text-xl font-bold">Transportation Injuries</h3> | |
</div> | |
<div class="p-6"> | |
<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> | |
<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> | |
</div> | |
</div> | |
<!-- Practice Area 4 --> | |
<div class="bg-white rounded-lg shadow-md overflow-hidden hover:shadow-xl transition"> | |
<div class="bg-blue-600 p-4 text-white"> | |
<i class="fas fa-burn text-3xl mb-2"></i> | |
<h3 class="text-xl font-bold">Burn Injuries</h3> | |
</div> | |
<div class="p-6"> | |
<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> | |
<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> | |
</div> | |
</div> | |
<!-- Practice Area 5 --> | |
<div class="bg-white rounded-lg shadow-md overflow-hidden hover:shadow-xl transition"> | |
<div class="bg-blue-600 p-4 text-white"> | |
<i class="fas fa-brain text-3xl mb-2"></i> | |
<h3 class="text-xl font-bold">Traumatic Brain Injuries</h3> | |
</div> | |
<div class="p-6"> | |
<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> | |
<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> | |
</div> | |
</div> | |
<!-- Practice Area 6 --> | |
<div class="bg-white rounded-lg shadow-md overflow-hidden hover:shadow-xl transition"> | |
<div class="bg-blue-600 p-4 text-white"> | |
<i class="fas fa-gavel text-3xl mb-2"></i> | |
<h3 class="text-xl font-bold">Denied Claims</h3> | |
</div> | |
<div class="p-6"> | |
<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> | |
<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> | |
</div> | |
</div> | |
</div> | |
</div> | |
</section> | |
<!-- Resources Section --> | |
<section id="resources" class="py-16 bg-white"> | |
<div class="container mx-auto px-4"> | |
<div class="text-center mb-12"> | |
<h2 class="text-3xl font-bold text-blue-800 mb-4">Workers' Compensation Resources</h2> | |
<p class="text-gray-700 max-w-2xl mx-auto">Helpful information and guides for injured workers in New York</p> | |
</div> | |
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> | |
<div class="bg-gray-50 rounded-lg p-6 hover:shadow-md transition"> | |
<h3 class="text-xl font-bold text-blue-800 mb-3">NY Workers' Comp Process Guide</h3> | |
<p class="text-gray-700 mb-4">Step-by-step explanation of the New York workers' compensation claim process from initial filing to appeals.</p> | |
<a href="#" class="text-blue-600 font-medium hover:text-blue-800 transition">Download Guide <i class="fas fa-arrow-right ml-1"></i></a> | |
</div> | |
<div class="bg-gray-50 rounded-lg p-6 hover:shadow-md transition"> | |
<h3 class="text-xl font-bold text-blue-800 mb-3">Injury Documentation Checklist</h3> | |
<p class="text-gray-700 mb-4">Essential documents and evidence you need to support your workers' compensation claim in New York.</p> | |
<a href="#" class="text-blue-600 font-medium hover:text-blue-800 transition">View Checklist <i class="fas fa-arrow-right ml-1"></i></a> | |
</div> | |
<div class="bg-gray-50 rounded-lg p-6 hover:shadow-md transition"> | |
<h3 class="text-xl font-bold text-blue-800 mb-3">NY Workers' Comp Benefits Calculator</h3> | |
<p class="text-gray-700 mb-4">Estimate potential benefits based on your wages, injury type, and disability rating under NY law.</p> | |
<a href="#" class="text-blue-600 font-medium hover:text-blue-800 transition">Calculate Benefits <i class="fas fa-arrow-right ml-1"></i></a> | |
</div> | |
<div class="bg-gray-50 rounded-lg p-6 hover:shadow-md transition"> | |
<h3 class="text-xl font-bold text-blue-800 mb-3">Approved Doctors Directory</h3> | |
<p class="text-gray-700 mb-4">Search our database of New York workers' compensation board-approved physicians by specialty and location.</p> | |
<a href="#" class="text-blue-600 font-medium hover:text-blue-800 transition">Find a Doctor <i class="fas fa-arrow-right ml-1"></i></a> | |
</div> | |
<div class="bg-gray-50 rounded-lg p-6 hover:shadow-md transition"> | |
<h3 class="text-xl font-bold text-blue-800 mb-3">Workplace Safety Regulations</h3> | |
<p class="text-gray-700 mb-4">Learn about OSHA standards and New York workplace safety laws that protect employees from injuries.</p> | |
<a href="#" class="text-blue-600 font-medium hover:text-blue-800 transition">Read Regulations <i class="fas fa-arrow-right ml-1"></i></a> | |
</div> | |
<div class="bg-gray-50 rounded-lg p-6 hover:shadow-md transition"> | |
<h3 class="text-xl font-bold text-blue-800 mb-3">Return to Work Programs</h3> | |
<p class="text-gray-700 mb-4">Information about transitional duty and vocational rehabilitation programs for injured workers.</p> | |
<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> | |
</div> | |
</div> | |
</div> | |
</section> | |
<!-- Why Choose Us --> | |
<section class="py-16 bg-blue-50"> | |
<div class="container mx-auto px-4"> | |
<div class="text-center mb-12"> | |
<h2 class="text-3xl font-bold text-blue-800 mb-4">Why Choose Our Workers' Compensation Attorneys</h2> | |
<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> | |
</div> | |
<div class="grid grid-cols-1 md:grid-cols-3 gap-8"> | |
<div class="bg-white p-8 rounded-lg shadow-md text-center"> | |
<div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4"> | |
<i class="fas fa-medal text-blue-600 text-2xl"></i> | |
</div> | |
<h3 class="text-xl font-bold text-blue-800 mb-3">Board Certified</h3> | |
<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> | |
</div> | |
<div class="bg-white p-8 rounded-lg shadow-md text-center"> | |
<div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4"> | |
<i class="fas fa-users text-blue-600 text-2xl"></i> | |
</div> | |
<h3 class="text-xl font-bold text-blue-800 mb-3">Client-Focused</h3> | |
<p class="text-gray-700">We limit our caseload to ensure each client receives personalized attention and aggressive representation.</p> | |
</div> | |
<div class="bg-white p-8 rounded-lg shadow-md text-center"> | |
<div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4"> | |
<i class="fas fa-balance-scale text-blue-600 text-2xl"></i> | |
</div> | |
<h3 class="text-xl font-bold text-blue-800 mb-3">Trial Experience</h3> | |
<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> | |
</div> | |
</div> | |
</div> | |
</section> | |
<!-- Testimonials --> | |
<script type="application/ld+json"> | |
{ | |
"@context": "https://schema.org", | |
"@type": "Review", | |
"itemReviewed": { | |
"@type": "LocalBusiness", | |
"name": "New York Workers' Compensation Attorneys", | |
"image": "https://images.unsplash.com/photo-1589829545856-d10d557cf95f", | |
"telephone": "(212) 555-1234", | |
"address": { | |
"@type": "PostalAddress", | |
"streetAddress": "123 Legal Avenue, Suite 500", | |
"addressLocality": "New York", | |
"addressRegion": "NY", | |
"postalCode": "10001", | |
"addressCountry": "US" | |
} | |
}, | |
"reviewRating": { | |
"@type": "Rating", | |
"ratingValue": "5", | |
"bestRating": "5" | |
}, | |
"author": { | |
"@type": "Person", | |
"name": "James M." | |
} | |
} | |
</script> | |
<section id="testimonials" class="py-16 bg-gray-100"> | |
<div class="container mx-auto px-4"> | |
<div class="text-center mb-12"> | |
<h2 class="text-3xl font-bold text-blue-800 mb-4">What Our Clients Say</h2> | |
<p class="text-gray-700 max-w-2xl mx-auto">Hear from injured workers we've helped get the compensation they deserved.</p> | |
</div> | |
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> | |
<div class="testimonial-card bg-white p-8 rounded-lg shadow-md"> | |
<div class="flex items-center mb-4"> | |
<div class="text-yellow-400 mr-2"> | |
<i class="fas fa-star"></i> | |
<i class="fas fa-star"></i> | |
<i class="fas fa-star"></i> | |
<i class="fas fa-star"></i> | |
<i class="fas fa-star"></i> | |
</div> | |
</div> | |
<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> | |
<div class="flex items-center"> | |
<div class="bg-blue-100 w-12 h-12 rounded-full flex items-center justify-center mr-4"> | |
<span class="text-blue-800 font-bold">JM</span> | |
</div> | |
<div> | |
<h4 class="font-bold text-blue-800">James M.</h4> | |
<p class="text-gray-600 text-sm">Construction Worker</p> | |
</div> | |
</div> | |
</div> | |
<div class="testimonial-card bg-white p-8 rounded-lg shadow-md"> | |
<div class="flex items-center mb-4"> | |
<div class="text-yellow-400 mr-2"> | |
<i class="fas fa-star"></i> | |
<i class="fas fa-star"></i> | |
<i class="fas fa-star"></i> | |
<i class="fas fa-star"></i> | |
<i class="fas fa-star"></i> | |
</div> | |
</div> | |
<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> | |
<div class="flex items-center"> | |
<div class="bg-blue-100 w-12 h-12 rounded-full flex items-center justify-center mr-4"> | |
<span class="text-blue-800 font-bold">SR</span> | |
</div> | |
<div> | |
<h4 class="font-bold text-blue-800">Sarah R.</h4> | |
<p class="text-gray-600 text-sm">Registered Nurse</p> | |
</div> | |
</div> | |
</div> | |
<div class="testimonial-card bg-white p-8 rounded-lg shadow-md"> | |
<div class="flex items-center mb-4"> | |
<div class="text-yellow-400 mr-2"> | |
<i class="fas fa-star"></i> | |
<i class="fas fa-star"></i> | |
<i class="fas fa-star"></i> | |
<i class="fas fa-star"></i> | |
<i class="fas fa-star"></i> | |
</div> | |
</div> | |
<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> | |
<div class="flex items-center"> | |
<div class="bg-blue-100 w-12 h-12 rounded-full flex items-center justify-center mr-4"> | |
<span class="text-blue-800 font-bold">TL</span> | |
</div> | |
<div> | |
<h4 class="font-bold text-blue-800">Thomas L.</h4> | |
<p class="text-gray-600 text-sm">Warehouse Worker</p> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</section> | |
<!-- FAQ --> | |
<script type="application/ld+json"> | |
{ | |
"@context": "https://schema.org", | |
"@type": "FAQPage", | |
"mainEntity": [{ | |
"@type": "Question", | |
"name": "What benefits can I receive through workers' compensation?", | |
"acceptedAnswer": { | |
"@type": "Answer", | |
"text": "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." | |
} | |
},{ | |
"@type": "Question", | |
"name": "How long do I have to file a workers' compensation claim?", | |
"acceptedAnswer": { | |
"@type": "Answer", | |
"text": "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." | |
} | |
},{ | |
"@type": "Question", | |
"name": "What if my claim is denied?", | |
"acceptedAnswer": { | |
"@type": "Answer", | |
"text": "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." | |
} | |
}] | |
} | |
</script> | |
<section class="py-16 bg-white"> | |
<div class="container mx-auto px-4"> | |
<div class="text-center mb-12"> | |
<h2 class="text-3xl font-bold text-blue-800 mb-4">Frequently Asked Questions</h2> | |
<p class="text-gray-700 max-w-2xl mx-auto">Answers to common questions about workers' compensation in New York.</p> | |
</div> | |
<div class="max-w-3xl mx-auto"> | |
<div class="border-b border-gray-200 py-4"> | |
<button class="faq-question flex justify-between items-center w-full text-left font-medium text-blue-900 hover:text-blue-700 transition"> | |
<span>What benefits can I receive through workers' compensation?</span> | |
<i class="fas fa-plus text-blue-600"></i> | |
</button> | |
<div class="faq-answer hidden mt-2 text-gray-700"> | |
<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> | |
</div> | |
</div> | |
<div class="border-b border-gray-200 py-4"> | |
<button class="faq-question flex justify-between items-center w-full text-left font-medium text-blue-900 hover:text-blue-700 transition"> | |
<span>How long do I have to file a workers' compensation claim?</span> | |
<i class="fas fa-plus text-blue-600"></i> | |
</button> | |
<div class="faq-answer hidden mt-2 text-gray-700"> | |
<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> | |
</div> | |
</div> | |
<div class="border-b border-gray-200 py-4"> | |
<button class="faq-question flex justify-between items-center w-full text-left font-medium text-blue-900 hover:text-blue-700 transition"> | |
<span>What if my claim is denied?</span> | |
<i class="fas fa-plus text-blue-600"></i> | |
</button> | |
<div class="faq-answer hidden mt-2 text-gray-700"> | |
<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> | |
</div> | |
</div> | |
<div class="border-b border-gray-200 py-4"> | |
<button class="faq-question flex justify-between items-center w-full text-left font-medium text-blue-900 hover:text-blue-700 transition"> | |
<span>Can I choose my own doctor for treatment?</span> | |
<i class="fas fa-plus text-blue-600"></i> | |
</button> | |
<div class="faq-answer hidden mt-2 text-gray-700"> | |
<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> | |
</div> | |
</div> | |
<div class="border-b border-gray-200 py-4"> | |
<button class="faq-question flex justify-between items-center w-full text-left font-medium text-blue-900 hover:text-blue-700 transition"> | |
<span>How much does it cost to hire a workers' compensation attorney?</span> | |
<i class="fas fa-plus text-blue-600"></i> | |
</button> | |
<div class="faq-answer hidden mt-2 text-gray-700"> | |
<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> | |
</div> | |
</div> | |
</div> | |
</div> | |
</section> | |
<!-- Blog Section --> | |
<section id="blog" class="py-16 bg-gray-50"> | |
<div class="container mx-auto px-4"> | |
<div class="text-center mb-12"> | |
<h2 class="text-3xl font-bold text-blue-800 mb-4">Workers' Compensation Blog</h2> | |
<p class="text-gray-700 max-w-2xl mx-auto">Latest news and insights about New York workers' compensation law</p> | |
</div> | |
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> | |
<article class="bg-white rounded-lg overflow-hidden shadow-md hover:shadow-lg transition"> | |
<img src="https://images.unsplash.com/photo-1581092918056-0c4c3acd3789?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80" alt="Construction worker safety" class="w-full h-48 object-cover"> | |
<div class="p-6"> | |
<div class="flex items-center text-sm text-gray-500 mb-2"> | |
<span>June 15, 2023</span> | |
<span class="mx-2">•</span> | |
<span>5 min read</span> | |
</div> | |
<h3 class="text-xl font-bold text-blue-800 mb-3">Top 5 Construction Site Hazards in New York</h3> | |
<p class="text-gray-700 mb-4">Learn about the most common construction site injuries in NY and how workers' compensation can help when accidents occur.</p> | |
<a href="#" class="text-blue-600 font-medium hover:text-blue-800 transition">Read More <i class="fas fa-arrow-right ml-1"></i></a> | |
</div> | |
</article> | |
<article class="bg-white rounded-lg overflow-hidden shadow-md hover:shadow-lg transition"> | |
<img src="https://images.unsplash.com/photo-1576091160550-2173dba999ef?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80" alt="Healthcare worker" class="w-full h-48 object-cover"> | |
<div class="p-6"> | |
<div class="flex items-center text-sm text-gray-500 mb-2"> | |
<span>May 28, 2023</span> | |
<span class="mx-2">•</span> | |
<span>4 min read</span> | |
</div> | |
<h3 class="text-xl font-bold text-blue-800 mb-3">Workers' Comp for Healthcare Professionals: What You Need to Know</h3> | |
<p class="text-gray-700 mb-4">Special considerations for nurses, doctors, and other medical staff filing workers' comp claims in New York.</p> | |
<a href="#" class="text-blue-600 font-medium hover:text-blue-800 transition">Read More <i class="fas fa-arrow-right ml-1"></i></a> | |
</div> | |
</article> | |
<article class="bg-white rounded-lg overflow-hidden shadow-md hover:shadow-lg transition"> | |
<img src="https://images.unsplash.com/photo-1601584115197-04eaa226f4a9?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80" alt="Office worker with back pain" class="w-full h-48 object-cover"> | |
<div class="p-6"> | |
<div class="flex items-center text-sm text-gray-500 mb-2"> | |
<span>April 12, 2023</span> | |
<span class="mx-2">•</span> | |
<span>6 min read</span> | |
</div> | |
<h3 class="text-xl font-bold text-blue-800 mb-3">Repetitive Stress Injuries: Getting Workers' Comp for Office Workers</h3> | |
<p class="text-gray-700 mb-4">How to prove your carpal tunnel syndrome or back pain is work-related and qualify for benefits under NY law.</p> | |
<a href="#" class="text-blue-600 font-medium hover:text-blue-800 transition">Read More <i class="fas fa-arrow-right ml-1"></i></a> | |
</div> | |
</article> | |
</div> | |
<div class="text-center mt-12"> | |
<a href="#" class="inline-block bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-md font-medium transition">View All Blog Posts</a> | |
</div> | |
</div> | |
</section> | |
<!-- CTA Banner --> | |
<script type="application/ld+json"> | |
{ | |
"@context": "https://schema.org", | |
"@type": "OfferCatalog", | |
"name": "Free Workers' Compensation Consultation - New York", | |
"itemListElement": [{ | |
"@type": "Offer", | |
"itemOffered": { | |
"@type": "Service", | |
"name": "Free Workers' Compensation Case Evaluation", | |
"description": "Initial consultation to review your workers' compensation claim", | |
"provider": { | |
"@type": "LocalBusiness", | |
"name": "New York Workers' Compensation Attorneys" | |
}, | |
"areaServed": { | |
"@type": "GeoShape", | |
"polygon": "40.8501,-73.8780 40.8520,-73.8765 40.8510,-73.8740 40.8501,-73.8780" | |
}, | |
"url": "https://workerscompensationattorneynewyork.com/free-consultation" | |
} | |
}] | |
} | |
</script> | |
<section class="py-12 bg-blue-800 text-white"> | |
<div class="container mx-auto px-4 text-center"> | |
<h2 class="text-3xl font-bold mb-6">Don't Navigate the Workers' Compensation System Alone</h2> | |
<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> | |
<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> | |
</div> | |
</section> | |
<!-- Contact Form --> | |
<section id="contact" class="py-16 bg-gray-50"> | |
<div class="container mx-auto px-4"> | |
<div class="flex flex-col md:flex-row"> | |
<div class="md:w-1/2 mb-8 md:mb-0 md:pr-8"> | |
<h2 class="text-3xl font-bold text-blue-800 mb-6">Contact Our Workers' Compensation Attorneys</h2> | |
<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> | |
<div class="space-y-4"> | |
<div class="flex items-start"> | |
<div class="bg-blue-100 p-3 rounded-full mr-4"> | |
<i class="fas fa-map-marker-alt text-blue-600"></i> | |
</div> | |
<div> | |
<h3 class="font-bold text-blue-900">Our Office</h3> | |
<p class="text-gray-700">123 Legal Avenue, Suite 500<br>New York, NY 10001</p> | |
</div> | |
</div> | |
<div class="flex items-start"> | |
<div class="bg-blue-100 p-3 rounded-full mr-4"> | |
<i class="fas fa-phone-alt text-blue-600"></i> | |
</div> | |
<div> | |
<h3 class="font-bold text-blue-900">Call Us</h3> | |
<p class="text-gray-700">(212) 555-1234<br>Available 24/7</p> | |
</div> | |
</div> | |
<div class="flex items-start"> | |
<div class="bg-blue-100 p-3 rounded-full mr-4"> | |
<i class="fas fa-envelope text-blue-600"></i> | |
</div> | |
<div> | |
<h3 class="font-bold text-blue-900">Email Us</h3> | |
<p class="text-gray-700">info@workerscompensationattorneynewyork.com</p> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="md:w-1/2"> | |
<form class="contact-form bg-white p-8 rounded-lg shadow-md"> | |
<div class="mb-6"> | |
<input type="text" placeholder="Your Name" class="w-full py-3 px-4 bg-transparent"> | |
</div> | |
<div class="mb-6"> | |
<input type="email" placeholder="Your Email" class="w-full py-3 px-4 bg-transparent"> | |
</div> | |
<div class="mb-6"> | |
<input type="tel" placeholder="Your Phone" class="w-full py-3 px-4 bg-transparent"> | |
</div> | |
<div class="mb-6"> | |
<textarea placeholder="How can we help you?" rows="4" class="w-full py-3 px-4 bg-transparent"></textarea> | |
</div> | |
<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> | |
</form> | |
</div> | |
</div> | |
</div> | |
</section> | |
<!-- Map --> | |
<div class="h-96 bg-gray-200"> | |
<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> | |
</div> | |
<!-- Footer --> | |
<footer class="bg-gray-900 text-white py-12"> | |
<div class="container mx-auto px-4"> | |
<div class="grid grid-cols-1 md:grid-cols-4 gap-8"> | |
<div> | |
<h3 class="text-xl font-bold mb-4">NY Workers' Comp</h3> | |
<p class="text-gray-400 mb-4">Fighting for injured workers' rights throughout New York State.</p> | |
<div class="flex space-x-4"> | |
<a href="#" class="text-gray-400 hover:text-white transition"><i class="fab fa-facebook-f"></i></a> | |
<a href="#" class="text-gray-400 hover:text-white transition"><i class="fab fa-twitter"></i></a> | |
<a href="#" class="text-gray-400 hover:text-white transition"><i class="fab fa-linkedin-in"></i></a> | |
</div> | |
</div> | |
<div> | |
<h3 class="text-lg font-bold mb-4">Quick Links</h3> | |
<ul class="space-y-2"> | |
<li><a href="#" class="text-gray-400 hover:text-white transition">Home</a></li> | |
<li><a href="#about" class="text-gray-400 hover:text-white transition">About Us</a></li> | |
<li><a href="#practice-areas" class="text-gray-400 hover:text-white transition">Practice Areas</a></li> | |
<li><a href="#testimonials" class="text-gray-400 hover:text-white transition">Testimonials</a></li> | |
<li><a href="#contact" class="text-gray-400 hover:text-white transition">Contact</a></li> | |
</ul> | |
</div> | |
<div> | |
<h3 class="text-lg font-bold mb-4">Practice Areas</h3> | |
<ul class="space-y-2"> | |
<li><a href="#" class="text-gray-400 hover:text-white transition">Construction Injuries</a></li> | |
<li><a href="#" class="text-gray-400 hover:text-white transition">Healthcare Worker Injuries</a></li> | |
<li><a href="#" class="text-gray-400 hover:text-white transition">Transportation Injuries</a></li> | |
<li><a href="#" class="text-gray-400 hover:text-white transition">Burn Injuries</a></li> | |
<li><a href="#" class="text-gray-400 hover:text-white transition">Traumatic Brain Injuries</a></li> | |
</ul> | |
</div> | |
<div> | |
<h3 class="text-lg font-bold mb-4">Contact Info</h3> | |
<ul class="space-y-2 text-gray-400"> | |
<li class="flex items-start"> | |
<i class="fas fa-map-marker-alt mr-2 mt-1"></i> | |
<span>123 Legal Avenue, Suite 500<br>New York, NY 10001</span> | |
</li> | |
<li class="flex items-center"> | |
<i class="fas fa-phone-alt mr-2"></i> | |
<span>(212) 555-1234</span> | |
</li> | |
<li class="flex items-center"> | |
<i class="fas fa-envelope mr-2"></i> | |
<span>info@workerscompensationattorneynewyork.com</span> | |
</li> | |
</ul> | |
</div> | |
</div> | |
<div class="border-t border-gray-800 mt-12 pt-8 text-center text-gray-500 text-sm"> | |
<p>© 2023 New York Workers' Compensation Attorneys. All Rights Reserved.</p> | |
<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> | |
<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> | |
</div> | |
</div> | |
</footer> | |
<!-- Floating CTA --> | |
<div class="fixed bottom-6 right-6 z-50 animate-bounce-slow"> | |
<a href="#" class="bg-green-600 hover:bg-green-700 text-white rounded-full p-4 shadow-lg flex items-center justify-center transition"> | |
<i class="fas fa-comment-dots text-2xl"></i> | |
<span class="ml-2 font-medium hidden sm:inline">Live Chat</span> | |
</a> | |
</div> | |
<script> | |
// Mobile menu toggle | |
document.getElementById('mobile-menu-button').addEventListener('click', function() { | |
const menu = document.getElementById('mobile-menu'); | |
menu.classList.toggle('hidden'); | |
}); | |
// FAQ accordion | |
const faqQuestions = document.querySelectorAll('.faq-question'); | |
faqQuestions.forEach(question => { | |
question.addEventListener('click', () => { | |
const answer = question.nextElementSibling; | |
const icon = question.querySelector('i'); | |
// Toggle answer visibility | |
answer.classList.toggle('hidden'); | |
// Toggle icon | |
if (answer.classList.contains('hidden')) { | |
icon.classList.remove('fa-minus'); | |
icon.classList.add('fa-plus'); | |
} else { | |
icon.classList.remove('fa-plus'); | |
icon.classList.add('fa-minus'); | |
} | |
}); | |
}); | |
// Smooth scrolling for anchor links | |
document.querySelectorAll('a[href^="#"]').forEach(anchor => { | |
anchor.addEventListener('click', function (e) { | |
e.preventDefault(); | |
const targetId = this.getAttribute('href'); | |
if (targetId === '#') return; | |
const targetElement = document.querySelector(targetId); | |
if (targetElement) { | |
targetElement.scrollIntoView({ | |
behavior: 'smooth' | |
}); | |
// Close mobile menu if open | |
const mobileMenu = document.getElementById('mobile-menu'); | |
if (!mobileMenu.classList.contains('hidden')) { | |
mobileMenu.classList.add('hidden'); | |
} | |
} | |
}); | |
}); | |
// Form submission | |
const contactForm = document.querySelector('.contact-form'); | |
if (contactForm) { | |
contactForm.addEventListener('submit', function(e) { | |
e.preventDefault(); | |
alert('Thank you for your message! We will contact you shortly.'); | |
this.reset(); | |
}); | |
} | |
</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=BrockMisner/work-comp" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
</html> |