<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8" />

<meta name="viewport" content="width=device-width, initial-scale=1.0"/>

<title>Driscoll & Associates | Work Comp That Does More</title>

<meta name="description" content="Get workers’ comp + on-site payroll, HR, safety & business strategy support — often for the same cost you’re already paying. Free comparison quote."/>

<!-- Google Fonts -->

<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet"/>

<!-- Tailwind CSS CDN -->

<script src="https://cdn.tailwindcss.com"></script>

<script>

tailwind.config = {

theme: {

extend: {

fontFamily: { sans: ['Inter', 'sans-serif'] },

colors: {

primary: '#1E40AF',

accent: '#F59E0B',

brand: '#3B5323',

}

}

}

}

</script>

<style>

.accordion-button::after { content: '+'; float: right; font-weight: bold; }

.accordion-button.active::after { content: '−'; }

.accordion-content { display: none; }

.accordion-content.active { display: block; }

</style>

</head>

<body class="bg-gray-50 text-gray-800 leading-relaxed">

<!-- HERO -->

<header class="bg-gradient-to-br from-brand to-green-800 text-white py-12 px-6 text-center">

<div class="max-w-3xl mx-auto">

<!-- Logo -->

<img src="logo.png" alt="Driscoll and Associates Insurance Services Inc." class="h-20 mx-auto mb-6">

<h1 class="text-3xl md:text-5xl font-bold mb-3">Work Comp That Works Harder</h1>

<p class="text-lg md:text-xl mb-6 opacity-90">

Get workers’ comp <span class="font-semibold">plus</span> on-site payroll, HR, safety, and business strategy support — often for about what you’re already paying for work comp alone.

</p>

<div class="flex flex-col items-center gap-3">

<button onclick="document.getElementById('contact-form').scrollIntoView({behavior: 'smooth'})" class="w-full sm:w-auto bg-accent hover:bg-amber-600 text-white font-bold py-4 px-8 rounded-lg text-lg transition">

Get My Free Work Comp Comparison

</button>

<a href="tel:5625955355" class="text-sm underline">Or call us: (562) 595-5355</a>

</div>

<p class="text-xs mt-4 opacity-70">Independent insurance broker serving businesses of all sizes in Southern California.</p>

</div>

</header>

<!-- QUICK BENEFITS STRIP -->

<section class="bg-white py-8 px-6 border-b">

<div class="max-w-3xl mx-auto">

<p class="text-xs font-semibold uppercase tracking-wider text-brand mb-4">Why Business Owners Love This Program</p>

<ul class="space-y-4 text-sm md:text-base">

<li class="flex items-start gap-2">

<span class="text-accent mt-1">Checkmark</span>

<div><strong>Same Budget, More Value</strong><br>Turn your existing work comp spend into coverage plus on-site support.</div>

</li>

<li class="flex items-start gap-2">

<span class="text-accent mt-1">Checkmark</span>

<div><strong>On-Site Support Team</strong><br>Business strategy, HR, payroll, and safety experts who come to your business, not just call centers.</div>

</li>

<li class="flex items-start gap-2">

<span class="text-accent mt-1">Checkmark</span>

<div><strong>Less Admin, More Focus</strong><br>Free up your time to run jobs, not chase paperwork.</div>

</li>

<li class="flex items-start gap-2">

<span class="text-accent mt-1">Checkmark</span>

<div><strong>Works for Any Size Business</strong><br>Scalable support for startups, mid-sized firms, and large operations alike.</div>

</li>

</ul>

</div>

</section>

<!-- WHAT YOU GET -->

<section class="py-12 px-6 bg-gray-50">

<div class="max-w-3xl mx-auto">

<h2 class="text-2xl md:text-3xl font-bold text-center mb-3">What’s Included with Your Work Comp</h2>

<p class="text-center mb-8 text-gray-600">When we place your workers’ comp, you don’t just get a policy. You get an on-site support team focused on your people, your safety, and your profits.</p>

<div class="grid gap-6 md:grid-cols-2">

<div class="bg-white p-6 rounded-lg shadow-sm">

<h3 class="font-semibold text-lg mb-2 text-brand">Work Comp Coverage</h3>

<p class="text-sm text-gray-600">Top-rated workers’ comp coverage tailored to your crew and industry.</p>

</div>

<div class="bg-white p-6 rounded-lg shadow-sm">

<h3 class="font-semibold text-lg mb-2 text-brand">On-Site Business Strategy</h3>

<p class="text-sm text-gray-600">A dedicated team that comes on-site to help improve margins, structure, and growth — using real numbers from your business.</p>

</div>

<div class="bg-white p-6 rounded-lg shadow-sm">

<h3 class="font-semibold text-lg mb-2 text-brand">Payroll & HR Support</h3>

<p class="text-sm text-gray-600">Help with payroll processing, reporting, onboarding, and HR compliance so you’re not stuck in the back office.</p>

</div>

<div class="bg-white p-6 rounded-lg shadow-sm">

<h3 class="font-semibold text-lg mb-2 text-brand">Safety & Risk Management</h3>

<p class="text-sm text-gray-600">On-site safety guidance, training support, and claims help designed to reduce injuries and keep your mod under control.</p>

</div>

</div>

<div class="text-center mt-8">

<button onclick="document.getElementById('contact-form').scrollIntoView({behavior: 'smooth'})" class="bg-brand hover:bg-green-900 text-white font-bold py-3 px-6 rounded-lg transition">See If Your Business Qualifies</button>

</div>

</div>

</section>

<!-- WHO IT’S FOR -->

<section class="py-12 px-6 bg-white">

<div class="max-w-3xl mx-auto text-center">

<h2 class="text-2xl md:text-3xl font-bold mb-3">Built for Businesses of All Sizes</h2>

<p class="mb-6 text-gray-600">This program works whether you have 5 employees or 500 — as long as you have payroll and want smarter workers’ comp.</p>

<ul class="inline-block text-left space-y-1 text-sm md:text-base">

<li class="flex items-center gap-2"><span class="text-accent">•</span> Construction & trades</li>

<li class="flex items-center gap-2"><span class="text-accent">•</span> Landscaping & tree services</li>

<li class="flex items-center gap-2"><span class="text-accent">•</span> Manufacturing & fabrication</li>

<li class="flex items-center gap-2"><span class="text-accent">•</span> Maintenance & janitorial</li>

<li class="flex items-center gap-2"><span class="text-accent">•</span> Service contractors and field crews</li>

</ul>

</div>

</section>

<!-- HOW IT WORKS -->

<section class="py-12 px-6 bg-gray-50">

<div class="max-w-3xl mx-auto">

<h2 class="text-2xl md:text-3xl font-bold text-center mb-8">How It Works</h2>

<div class="grid md:grid-cols-3 gap-6 text-center">

<div>

<div class="bg-brand text-white w-10 h-10 rounded-full flex items-center justify-center mx-auto mb-3 font-bold">1</div>

<h3 class="font-semibold mb-1">Send Your Current Info</h3>

<p class="text-sm text-gray-600">You share your current work comp declarations and basic payroll info.</p>

</div>

<div>

<div class="bg-brand text-white w-10 h-10 rounded-full flex items-center justify-center mx-auto mb-3 font-bold">2</div>

<h3 class="font-semibold mb-1">We Do a Side-by-Side</h3>

<p class="text-sm text-gray-600">We compare your current premium to our program that includes on-site support and services.</p>

</div>

<div>

<div class="bg-brand text-white w-10 h-10 rounded-full flex items-center justify-center mx-auto mb-3 font-bold">3</div>

<h3 class="font-semibold mb-1">You Decide</h3>

<p class="text-sm text-gray-600">If the numbers and support make sense, we handle the transition and help you roll into the new solution.</p>

</div>

</div>

<div class="text-center mt-8">

<button onclick="document.getElementById('contact-form').scrollIntoView({behavior: 'smooth'})" class="bg-accent hover:bg-amber-600 text-white font-bold py-3 px-6 rounded-lg transition">Get My Side-by-Side Comparison</button>

</div>

</div>

</section>

<!-- COST POSITIONING -->

<section class="py-12 px-6 bg-white">

<div class="max-w-3xl mx-auto text-center">

<h2 class="text-2xl md:text-3xl font-bold mb-3">Same Dollars. Smarter Use.</h2>

<p class="mb-6 text-gray-600">Most of our clients find that their total cost with our program is similar to what they were already paying for workers’ comp alone. The difference? Those same dollars now include an on-site team for payroll, HR, safety, and business strategy support.</p>

<ul class="inline-block text-left space-y-2 text-sm">

<li class="flex items-center gap-2"><span class="text-accent">Checkmark</span> No extra software subscriptions</li>

<li class="flex items-center gap-2"><span class="text-accent">Checkmark</span> No added headcount</li>

<li class="flex items-center gap-2"><span class="text-accent">Checkmark</span> One integrated solution you can actually lean on</li>

</ul>

</div>

</section>

<!-- FAQ -->

<section class="py-12 px-6 bg-gray-50">

<div class="max-w-3xl mx-auto">

<h2 class="text-2xl md:text-3xl font-bold text-center mb-8">Common Questions</h2>

<div class="space-y-3">

<div class="bg-white rounded-lg shadow-sm overflow-hidden">

<button class="accordion-button w-full text-left p-4 font-medium flex justify-between items-center bg-gray-100 hover:bg-gray-200 transition">

Do I have to switch my current payroll provider?

</button>

<div class="accordion-content p-4 text-sm text-gray-600">

In most cases, yes — payroll is integrated with the work comp program so your premiums and reporting stay accurate and easy. We’ll walk you through exactly what that looks like.

</div>

</div>

<div class="bg-white rounded-lg shadow-sm overflow-hidden">

<button class="accordion-button w-full text-left p-4 font-medium flex justify-between items-center bg-gray-100 hover:bg-gray-200 transition">

Will this cost me more than I’m paying now?

</button>

<div class="accordion-content p-4 text-sm text-gray-600">

For many business owners, the total spend ends up similar to their current work comp premium, but with far more services included. The only way to know is to run a side-by-side comparison.

</div>

</div>

<div class="bg-white rounded-lg shadow-sm overflow-hidden">

<button class="accordion-button w-full text-left p-4 font-medium flex justify-between items-center bg-gray-100 hover:bg-gray-200 transition">

Do you really come on-site?

</button>

<div class="accordion-content p-4 text-sm text-gray-600">

Yes. The support team can visit your location to help with strategy, HR, safety, and implementation — not just phone calls and emails.

</div>

</div>

<div class="bg-white rounded-lg shadow-sm overflow-hidden">

<button class="accordion-button w-full text-left p-4 font-medium flex justify-between items-center bg-gray-100 hover:bg-gray-200 transition">

What size businesses is this best for?

</button>

<div class="accordion-content p-4 text-sm text-gray-600">

Any size — from small startups to large operations with hundreds of employees. If you have payroll and want more than just insurance, this program scales to fit.

</div>

</div>

</div>

</div>

</section>

<!-- CONTACT FORM -->

<section id="contact-form" class="py-16 px-6 bg-brand text-white">

<div class="max-w-3xl mx-auto text-center">

<h2 class="text-2xl md:text-3xl font-bold mb-4">Get Your Free Work Comp Comparison</h2>

<p class="mb-8 opacity-90">Fill out the form below and we’ll contact you within 24 hours with a no-obligation side-by-side quote.</p>

<form action="https://formspree.io/f/your-form-id" method="POST" class="bg-white text-gray-800 p-8 rounded-lg shadow-lg space-y-6">

<div class="grid md:grid-cols-2 gap-6">

<input type="text" name="first_name" placeholder="First Name" required class="w-full p-3 border border-gray-300 rounded-lg focus:outline-none focus:border-brand">

<input type="text" name="last_name" placeholder="Last Name" required class="w-full p-3 border border-gray-300 rounded-lg focus:outline-none focus:border-brand">

</div>

<input type="text" name="company" placeholder="Company Name" required class="w-full p-3 border border-gray-300 rounded-lg focus:outline-none focus:border-brand">

<input type="email" name="email" placeholder="Business Email" required class="w-full p-3 border border-gray-300 rounded-lg focus:outline-none focus:border-brand">

<input type="tel" name="phone" placeholder="Phone Number" required class="w-full p-3 border border-gray-300 rounded-lg focus:outline-none focus:border-brand">

<textarea name="message" rows="4" placeholder="Tell us about your current work comp (optional)" class="w-full p-3 border border-gray-300 rounded-lg focus:outline-none focus:border-brand"></textarea>

<button type="submit" class="w-full bg-accent hover:bg-amber-600 text-white font-bold py-4 rounded-lg text-lg transition">

Send My Free Quote Request

</button>

</form>

<p class="mt-6 text-sm opacity-80">Or call us directly: <a href="tel:5625955355" class="underline font-medium">(562) 595-5355</a></p>

</div>

</section>

<!-- FOOTER -->

<footer class="bg-gray-900 text-gray-300 py-8 px-6 text-center text-xs">

<p>Driscoll & Associates Insurance Services Inc. | Independent Broker</p>

<p class="mt-1">Long Beach, CA | License #0E24690</p>

<p class="mt-3">© <script>document.write(new Date().getFullYear())</script> Driscoll & Associates. All rights reserved.</p>

</footer>

<!-- Accordion JS -->

<script>

document.querySelectorAll('.accordion-button').forEach(button => {

button.addEventListener('click', () => {

const content = button.nextElementSibling;

button.classList.toggle('active');

content.classList.toggle('active');

});

});

</script>

</body>

</html>