justin/new-site
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
new-site/site/public/services/trucking/drug-alcohol-program/index.html
justin bd9a70607f fix: maintain Services dropdown header from one canonical source 
The site header / Services mega-dropdown was duplicated across two render
systems (Astro pages via Base.astro->nav.html, and ~80 pre-rendered static
public/**/index.html pages each embedding their own copy). They had drifted
into 5 different variants (missing 'New Carrier Setup', misplaced Healthcare
column, NEW vs FREE badges, em-dash encoding differences), so
dev.performancewest.net, the order pages, and the rest of the site disagreed.

- Make site/src/partials/nav.html the single source of truth (adopts the most
  complete variant).
- Add scripts/sync_nav.py to rewrite every static page's <nav> block from
  nav.html (idempotent; --check guards against drift in CI/deploy).
- Run the sync automatically in deploy.sh and scripts/deploy-dev.sh.
- Deprecate scripts/inject_healthcare_nav.py (now delegates to sync_nav.py).
- Neutralize the broken no-op SiteNav.astro component.

All 80 headers + the Astro-built order pages now render the identical dropdown.
2026-06-05 14:27:24 -05:00

219 lines
34 KiB
HTML
Raw Blame History

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="DOT drug and alcohol testing program management for CDL carriers: consortium enrollment, random testing pool, FMCSA Clearinghouse, and supervisor training under 49 CFR Part 382.">
<meta name="keywords" content="DOT drug and alcohol testing, consortium, C-TPA, random testing pool, FMCSA Clearinghouse, DER, 49 CFR Part 382, CDL drug testing">
<title>DOT Drug &amp; Alcohol Testing Program (49 CFR Part 382) | Performance West Inc.</title>
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="canonical" href="https://performancewest.net/services/trucking/drug-alcohol-program">
<meta property="og:title" content="DOT Drug &amp; Alcohol Testing Program | Performance West Inc.">
<meta property="og:description" content="Every CDL carrier must run a DOT drug and alcohol testing program. We handle consortium enrollment, random testing, Clearinghouse queries, and supervisor training.">
<meta property="og:url" content="https://performancewest.net/services/trucking/drug-alcohol-program">
<meta property="og:type" content="website">
<script>
window.__PW_API = (function() {
var h = window.location.hostname;
if (h === "localhost" || h === "127.0.0.1") return "http://" + h + ":3001";
if (h === "dev.performancewest.net") return "https://api.dev.performancewest.net";
return "https://api.performancewest.net";
})();
</script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<script defer src="https://analytics.performancewest.net/script.js" data-website-id="55250014-ee15-44ac-a1f6-81dabad3fe0f"></script>
<link rel="stylesheet" href="/_astro/about.DhmoKVOS.css">
<script type="module" src="/_astro/hoisted.aBLqmOPy.js"></script>
</head>
<body class="min-h-screen flex flex-col"> <!-- Navigation --> <nav class="border-b border-gray-200 bg-white sticky top-0 z-50"> <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="flex justify-between h-24 items-center"> <a href="/" class="flex items-center"> <img src="/images/logo.png" alt="Performance West" class="h-20 w-auto" width="83" height="70"> </a> <div class="hidden md:flex items-center gap-8"> <!-- Services dropdown --> <div class="relative" id="services-dropdown"> <button type="button" class="text-sm text-gray-600 hover:text-gray-900 inline-flex items-center gap-1" id="services-btn"> Services <svg class="w-3.5 h-3.5 transition-transform" id="services-chevron" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path></svg> </button> <div id="services-menu" class="absolute left-1/2 -translate-x-1/2 top-full mt-2 rounded-xl border border-gray-200 bg-white shadow-xl hidden z-50" style="width: 720px;"> <div class="grid grid-cols-3 gap-0 p-4"> <!-- Column 1 --> <div class="pr-4 border-r border-gray-100"> <p class="text-[11px] font-semibold uppercase tracking-wider text-blue-500 mb-2">Telecom</p> <a href="/services/telecom/fcc-499a" class="block py-1.5 text-sm text-gray-700 hover:text-pw-700">FCC 499A Filing</a> <a href="/services/telecom/stir-shaken" class="block py-1.5 text-sm text-gray-700 hover:text-pw-700">STIR/SHAKEN</a> <a href="/services/telecom/ipes-isp" class="block py-1.5 text-sm text-gray-700 hover:text-pw-700">FCC Carrier / ISP Registration</a> <a href="/services/telecom/database-management" class="block py-1.5 text-sm text-gray-700 hover:text-pw-700">Telecom Databases</a> <a href="/services/telecom/state-puc" class="block py-1.5 text-sm text-gray-700 hover:text-pw-700">State PUC/PSC Filings</a> <a href="/services/telecom/canada-crtc" class="block py-1.5 text-sm font-medium text-blue-600 hover:text-blue-800">Canada CRTC Package <span class="inline-flex items-center px-1.5 py-0.5 rounded-full text-[9px] font-bold bg-red-500 text-white ml-1 animate-pulse">HOT</span></a> <a href="/tools/fcc-compliance-check" class="block py-1.5 text-sm font-medium text-green-600 hover:text-green-800">FCC Compliance Check <span class="inline-flex items-center px-1.5 py-0.5 rounded-full text-[9px] font-bold bg-green-500 text-white ml-1">FREE</span></a> <p class="text-[11px] font-semibold uppercase tracking-wider text-orange-500 mb-2 mt-4">Trucking / DOT</p> <a href="/services/trucking" class="block py-1.5 text-sm text-gray-700 hover:text-pw-700">DOT Compliance Services</a> <a href="/order/dot-compliance" class="block py-1.5 text-sm text-gray-700 hover:text-pw-700">MCS-150 / BOC-3 / UCR</a> <a href="/order/trucking-new-carrier" class="block py-1.5 text-sm font-medium text-orange-600 hover:text-orange-800">New Carrier Setup</a> <a href="/tools/dot-compliance-check" class="block py-1.5 text-sm font-medium text-orange-600 hover:text-orange-800">DOT Compliance Check <span class="inline-flex items-center px-1.5 py-0.5 rounded-full text-[9px] font-bold bg-orange-500 text-white ml-1">FREE</span></a> </div> <!-- Column 2 --> <div class="px-4 border-r border-gray-100"> <p class="text-[11px] font-semibold uppercase tracking-wider text-purple-500 mb-2">Data Privacy</p> <a href="/services/privacy/ccpa-audit" class="block py-1.5 text-sm text-gray-700 hover:text-pw-700">CCPA/CPRA Audit</a> <a href="/services/privacy/privacy-policy" class="block py-1.5 text-sm text-gray-700 hover:text-pw-700">Privacy Policy Review</a> <a href="/services/privacy/data-mapping" class="block py-1.5 text-sm text-gray-700 hover:text-pw-700">Data Mapping</a> <a href="/services/privacy/breach-response" class="block py-1.5 text-sm text-gray-700 hover:text-pw-700">Breach Response Plan</a> <p class="text-[11px] font-semibold uppercase tracking-wider text-green-500 mb-2 mt-4">TCPA</p> <a href="/services/tcpa/consent-audit" class="block py-1.5 text-sm text-gray-700 hover:text-pw-700">Consent Audit</a> <a href="/services/tcpa/dnc-compliance" class="block py-1.5 text-sm text-gray-700 hover:text-pw-700">DNC Compliance</a> <a href="/services/tcpa/campaign-review" class="block py-1.5 text-sm text-gray-700 hover:text-pw-700">Campaign Review</a> </div> <!-- Column 3 --> <div class="pl-4"> <p class="text-[11px] font-semibold uppercase tracking-wider text-slate-500 mb-2">Corporate</p> <a href="/services/corporate/formation" class="block py-1.5 text-sm text-gray-700 hover:text-pw-700">Business Formation</a> <a href="/services/corporate/state-registration" class="block py-1.5 text-sm text-gray-700 hover:text-pw-700">State Registration</a> <a href="/services/corporate/annual-reports" class="block py-1.5 text-sm text-gray-700 hover:text-pw-700">Annual Reports</a> <a href="/services/corporate/registered-agent" class="block py-1.5 text-sm text-gray-700 hover:text-pw-700">Registered Agent</a> <p class="text-[11px] font-semibold uppercase tracking-wider text-teal-500 mb-2 mt-4">Healthcare</p> <a href="/services/healthcare/npi-revalidation" class="block py-1.5 text-sm text-gray-700 hover:text-pw-700">Medicare Revalidation</a> <a href="/services/healthcare/medicare-enrollment" class="block py-1.5 text-sm text-gray-700 hover:text-pw-700">Medicare Enrollment (PECOS)</a> <a href="/services/healthcare" class="block py-1.5 text-sm text-gray-700 hover:text-pw-700">NPI / NPPES Services</a> <a href="/tools/npi-compliance-check" class="block py-1.5 text-sm font-medium text-teal-600 hover:text-teal-800">NPI Compliance Check <span class="inline-flex items-center px-1.5 py-0.5 rounded-full text-[9px] font-bold bg-teal-500 text-white ml-1">FREE</span></a> <a href="/order/formation" class="mt-3 block py-2 px-3 text-sm font-medium text-white bg-pw-700 hover:bg-pw-800 rounded-lg text-center transition-colors">Form a Business</a> </div> </div> </div> </div> <a href="/services" class="text-sm text-gray-600 hover:text-gray-900">All Services</a> <a href="/pricing" class="text-sm text-gray-600 hover:text-gray-900">Pricing</a> <a href="/tools/contractor-quiz" class="text-sm text-gray-600 hover:text-gray-900">Free Tools</a> <a href="/contact" class="text-sm text-gray-600 hover:text-gray-900">Contact</a> <a href="/order/formation" class="ml-2 px-4 py-2 text-sm font-medium text-white bg-pw-700 hover:bg-pw-800 rounded-lg transition-colors">Form a Business</a> <!-- Account button - links to ERPNext portal --> <a href="https://portal.performancewest.net" id="nav-login-btn" class="ml-1 flex items-center gap-1.5 px-3 py-2 text-sm font-medium text-gray-600 hover:text-pw-700 hover:bg-pw-50 rounded-lg transition-colors border border-gray-200 hover:border-pw-300"> <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z"></path></svg> Client Portal </a> <!-- Account button - logged in (hidden until session confirmed) --> <div id="nav-account-btn" class="hidden relative ml-1" id="nav-account-dropdown-root"> <button type="button" id="nav-account-trigger" class="flex items-center gap-2 px-3 py-2 text-sm font-medium text-pw-700 hover:bg-pw-50 rounded-lg transition-colors border border-pw-200"> <div class="w-6 h-6 rounded-full bg-pw-600 flex items-center justify-center shrink-0"> <svg class="w-3.5 h-3.5 text-white" fill="currentColor" viewBox="0 0 24 24"><path d="M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z"></path></svg> </div> <span id="nav-greeting" class="max-w-[120px] truncate">My Account</span> <svg class="w-3.5 h-3.5 text-gray-400" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path></svg> </button> <!-- Dropdown --> <div id="nav-account-menu" class="absolute right-0 top-full mt-1 w-48 bg-white rounded-xl border border-gray-200 shadow-lg hidden z-50 py-1"> <div class="px-4 py-2 border-b border-gray-100"> <p class="text-xs text-gray-500">Signed in as</p> <p id="nav-account-email" class="text-xs font-medium text-gray-800 truncate"></p> </div> <button type="button" id="nav-logout-btn" class="w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 transition-colors"> Sign out </button> </div> </div> </div> <!-- Mobile menu button --> <button type="button" class="md:hidden text-gray-600 hover:text-gray-900" id="mobile-menu-btn"> <svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 12h16M4 18h16"></path></svg> </button> </div> </div> <!-- Mobile menu --> <div id="mobile-menu" class="md:hidden hidden border-t border-gray-200 bg-white"> <div class="px-4 py-3 space-y-1"> <p class="text-xs font-semibold text-blue-500 uppercase tracking-wider px-2 pt-1">Telecom</p> <a href="/services/telecom/fcc-499a" class="block px-2 py-2 text-sm text-gray-700 hover:bg-gray-50 rounded">FCC 499A Filing</a> <a href="/services/telecom/stir-shaken" class="block px-2 py-2 text-sm text-gray-700 hover:bg-gray-50 rounded">STIR/SHAKEN</a> <a href="/services/telecom/ipes-isp" class="block px-2 py-2 text-sm text-gray-700 hover:bg-gray-50 rounded">FCC Carrier / ISP Registration</a> <a href="/services/telecom/database-management" class="block px-2 py-2 text-sm text-gray-700 hover:bg-gray-50 rounded">Telecom Databases</a> <a href="/services/telecom/state-puc" class="block px-2 py-2 text-sm text-gray-700 hover:bg-gray-50 rounded">State PUC/PSC</a> <a href="/services/telecom/canada-crtc" class="block px-2 py-2 text-sm font-medium text-blue-600 hover:bg-blue-50 rounded">Canada CRTC Package <span class="inline-flex items-center px-1.5 py-0.5 rounded-full text-[9px] font-bold bg-red-500 text-white ml-1 animate-pulse">HOT</span></a> <p class="text-xs font-semibold text-orange-500 uppercase tracking-wider px-2 pt-3">Trucking / DOT</p> <a href="/services/trucking" class="block px-2 py-2 text-sm text-gray-700 hover:bg-gray-50 rounded">DOT Compliance Services</a> <a href="/order/dot-compliance" class="block px-2 py-2 text-sm text-gray-700 hover:bg-gray-50 rounded">MCS-150 / BOC-3 / UCR</a> <a href="/order/trucking-new-carrier" class="block px-2 py-2 text-sm font-medium text-orange-600 hover:bg-orange-50 rounded">New Carrier Setup</a> <a href="/tools/dot-compliance-check" class="block px-2 py-2 text-sm font-medium text-orange-600 hover:bg-orange-50 rounded">DOT Compliance Check <span class="inline-flex items-center px-1.5 py-0.5 rounded-full text-[9px] font-bold bg-orange-500 text-white ml-1">FREE</span></a> <p class="text-xs font-semibold text-purple-500 uppercase tracking-wider px-2 pt-3">Data Privacy</p> <a href="/services/privacy/ccpa-audit" class="block px-2 py-2 text-sm text-gray-700 hover:bg-gray-50 rounded">CCPA/CPRA Audit</a> <a href="/services/privacy/privacy-policy" class="block px-2 py-2 text-sm text-gray-700 hover:bg-gray-50 rounded">Privacy Policy Review</a> <a href="/services/privacy/data-mapping" class="block px-2 py-2 text-sm text-gray-700 hover:bg-gray-50 rounded">Data Mapping</a> <a href="/services/privacy/breach-response" class="block px-2 py-2 text-sm text-gray-700 hover:bg-gray-50 rounded">Breach Response Plan</a> <p class="text-xs font-semibold text-green-500 uppercase tracking-wider px-2 pt-3">TCPA</p> <a href="/services/tcpa/consent-audit" class="block px-2 py-2 text-sm text-gray-700 hover:bg-gray-50 rounded">Consent Audit</a> <a href="/services/tcpa/dnc-compliance" class="block px-2 py-2 text-sm text-gray-700 hover:bg-gray-50 rounded">DNC Compliance</a> <a href="/services/tcpa/campaign-review" class="block px-2 py-2 text-sm text-gray-700 hover:bg-gray-50 rounded">Campaign Review</a> <p class="text-xs font-semibold text-teal-500 uppercase tracking-wider px-2 pt-3">Healthcare</p> <a href="/services/healthcare/npi-revalidation" class="block px-2 py-2 text-sm text-gray-700 hover:bg-gray-50 rounded">Medicare Revalidation</a> <a href="/services/healthcare/medicare-enrollment" class="block px-2 py-2 text-sm text-gray-700 hover:bg-gray-50 rounded">Medicare Enrollment (PECOS)</a> <a href="/services/healthcare" class="block px-2 py-2 text-sm text-gray-700 hover:bg-gray-50 rounded">NPI / NPPES Services</a> <a href="/tools/npi-compliance-check" class="block px-2 py-2 text-sm font-medium text-teal-600 hover:bg-teal-50 rounded">NPI Compliance Check <span class="inline-flex items-center px-1.5 py-0.5 rounded-full text-[9px] font-bold bg-teal-500 text-white ml-1">FREE</span></a> <p class="text-xs font-semibold text-slate-500 uppercase tracking-wider px-2 pt-3">Corporate</p> <a href="/services/corporate/formation" class="block px-2 py-2 text-sm text-gray-700 hover:bg-gray-50 rounded">Business Formation</a> <a href="/services/corporate/state-registration" class="block px-2 py-2 text-sm text-gray-700 hover:bg-gray-50 rounded">State Registration</a> <a href="/services/corporate/annual-reports" class="block px-2 py-2 text-sm text-gray-700 hover:bg-gray-50 rounded">Annual Reports</a> <a href="/services/corporate/registered-agent" class="block px-2 py-2 text-sm text-gray-700 hover:bg-gray-50 rounded">Registered Agent</a> <div class="border-t border-gray-100 my-2"></div> <a href="/services" class="block px-2 py-2 text-sm text-gray-700 hover:bg-gray-50 rounded">All Services</a> <a href="/pricing" class="block px-2 py-2 text-sm text-gray-700 hover:bg-gray-50 rounded">Pricing</a> <a href="/tools/contractor-quiz" class="block px-2 py-2 text-sm text-gray-700 hover:bg-gray-50 rounded">Free Tools</a> <a href="/contact" class="block px-2 py-2 text-sm text-gray-700 hover:bg-gray-50 rounded">Contact</a> <a href="/order/formation" class="block mx-2 mt-2 px-4 py-2.5 text-sm font-medium text-white bg-pw-700 hover:bg-pw-800 rounded-lg text-center transition-colors">Form a Business</a> </div> </div> </nav>
<!-- Breadcrumb -->
<div class="bg-gray-50 border-b border-gray-200">
<div class="max-w-5xl mx-auto px-4 py-2">
<nav class="text-xs text-gray-500">
<a href="/" class="hover:text-gray-700">Home</a>
<span class="mx-1">/</span>
<a href="/services/trucking" class="hover:text-gray-700">Trucking Compliance</a>
<span class="mx-1">/</span>
<span class="text-gray-800 font-medium">DOT Drug &amp; Alcohol Program</span>
</nav>
</div>
</div>
<!-- Hero -->
<section style="background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);" class="py-16">
<div class="max-w-4xl mx-auto px-4 text-center">
<div style="background: rgba(249,115,22,0.2); color: #fdba74; display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.375rem 1rem; border-radius: 9999px; font-size: 0.75rem; font-weight: 600; margin-bottom: 1.5rem;">
<svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M8.25 18.75a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m3 0h6m-9 0H3.375a1.125 1.125 0 01-1.125-1.125V14.25m17.25 4.5a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m3 0h1.125c.621 0 1.129-.504 1.09-1.124a17.902 17.902 0 00-3.213-9.193 2.056 2.056 0 00-1.58-.86H14.25M16.5 18.75h-2.25m0-11.177v-.958c0-.568-.422-1.048-.987-1.106a48.554 48.554 0 00-10.026 0 1.106 1.106 0 00-.987 1.106v7.635m12-6.677v6.677m0 4.5v-4.5m0 0h-12"/></svg>
FMCSA Compliance
</div>
<h1 class="text-3xl sm:text-4xl font-bold text-white mb-4">DOT Drug &amp; Alcohol Testing Program</h1>
<p class="text-gray-300 text-lg max-w-2xl mx-auto mb-8">Any carrier with CDL drivers must run a compliant drug and alcohol testing program. We enroll you in a consortium, manage your random pool, and keep your Clearinghouse current.</p>
<div class="flex flex-col sm:flex-row gap-3 justify-center">
<a href="/tools/dot-compliance-check" style="background: #f97316; color: #fff; font-weight: 600; padding: 0.75rem 1.5rem; border-radius: 0.5rem; display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; text-decoration: none; transition: background 0.2s;" onmouseover="this.style.background='#ea580c'" onmouseout="this.style.background='#f97316'">
<svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
Free DOT Compliance Check
</a>
<a href="/order/dot-drug-alcohol" style="border: 1px solid #9ca3af; color: #e5e7eb; font-weight: 600; padding: 0.75rem 1.5rem; border-radius: 0.5rem; display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; text-decoration: none; transition: background 0.2s;" onmouseover="this.style.background='rgba(255,255,255,0.1)'" onmouseout="this.style.background='transparent'">
Enroll in DOT D&amp;A Program
</a>
</div>
</div>
</section>
<!-- DOT Drug &amp; Alcohol Program Requirements -->
<section class="py-12 bg-gray-50">
<div class="max-w-5xl mx-auto px-4">
<h2 class="text-2xl font-bold text-gray-900 text-center mb-3">What Every CDL Carrier Needs</h2>
<p class="text-gray-600 text-center max-w-2xl mx-auto mb-10">FMCSA requires a full drug and alcohol testing program for any driver operating a commercial vehicle requiring a CDL. Here is what compliance looks like.</p>
<div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-6">
<div class="bg-white rounded-xl border border-gray-200 p-6 hover:shadow-lg transition-shadow" style="border-left: 3px solid #ea580c;">
<div style="width: 2.5rem; height: 2.5rem; border-radius: 0.5rem; background: #fff7ed; display: flex; align-items: center; justify-content: center; margin-bottom: 1rem;">
<svg class="w-5 h-5" style="color: #ea580c;" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75m-3-7.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285z"/></svg>
</div>
<h3 class="font-bold text-gray-900 mb-2">Consortium / C-TPA Enrollment</h3>
<p class="text-sm text-gray-600 mb-3">If you employ CDL drivers (including owner-operators), you must join a consortium or third-party administrator that maintains a random testing pool. This is the foundation of the program.</p>
<p style="color: #ea580c; font-weight: 600; font-size: 0.75rem;">Required for CDL Drivers</p>
</div>
<div class="bg-white rounded-xl border border-gray-200 p-6 hover:shadow-lg transition-shadow">
<div style="width: 2.5rem; height: 2.5rem; border-radius: 0.5rem; background: #fff7ed; display: flex; align-items: center; justify-content: center; margin-bottom: 1rem;">
<svg class="w-5 h-5" style="color: #ea580c;" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 3v2.25m6.364.386l-1.591 1.591M21 12h-2.25m-.386 6.364l-1.591-1.591M12 18.75V21m-4.773-4.227l-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0z"/></svg>
</div>
<h3 class="font-bold text-gray-900 mb-2">Pre-Employment Testing</h3>
<p class="text-sm text-gray-600 mb-3">Every driver must pass a negative pre-employment drug test before performing safety-sensitive functions. We coordinate the test and collect the result.</p>
<p style="color: #ea580c; font-weight: 600; font-size: 0.75rem;">Before First Dispatch</p>
</div>
<div class="bg-white rounded-xl border border-gray-200 p-6 hover:shadow-lg transition-shadow">
<div style="width: 2.5rem; height: 2.5rem; border-radius: 0.5rem; background: #fff7ed; display: flex; align-items: center; justify-content: center; margin-bottom: 1rem;">
<svg class="w-5 h-5" style="color: #ea580c;" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M8.25 18.75a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m3 0h6m-9 0H3.375a1.125 1.125 0 01-1.125-1.125V14.25m17.25 4.5a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m3 0h1.125c.621 0 1.129-.504 1.09-1.124a17.902 17.902 0 00-3.213-9.193 2.056 2.056 0 00-1.58-.86H14.25M16.5 18.75h-2.25m0-11.177v-.958c0-.568-.422-1.048-.987-1.106a48.554 48.554 0 00-10.026 0 1.106 1.106 0 00-.987 1.106v7.635m12-6.677v6.677m0 4.5v-4.5m0 0h-12"/></svg>
</div>
<h3 class="font-bold text-gray-900 mb-2">Random Testing Program</h3>
<p class="text-sm text-gray-600 mb-3">FMCSA sets minimum annual random rates of 50% for drugs and 10% for alcohol. We manage your pool selections and notifications throughout the year.</p>
<p style="color: #ea580c; font-weight: 600; font-size: 0.75rem;">Year-Round Random Pool</p>
</div>
<div class="bg-white rounded-xl border border-gray-200 p-6 hover:shadow-lg transition-shadow">
<div style="width: 2.5rem; height: 2.5rem; border-radius: 0.5rem; background: #fff7ed; display: flex; align-items: center; justify-content: center; margin-bottom: 1rem;">
<svg class="w-5 h-5" style="color: #ea580c;" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 6.75V15m6-6v8.25m.503 3.498l4.875-2.437c.381-.19.622-.58.622-1.006V4.82c0-.836-.88-1.38-1.628-1.006l-3.869 1.934c-.317.159-.69.159-1.006 0L9.503 3.252a1.125 1.125 0 00-1.006 0L3.622 5.689C3.24 5.88 3 6.27 3 6.695V19.18c0 .836.88 1.38 1.628 1.006l3.869-1.934c.317-.159.69-.159 1.006 0l4.994 2.497c.317.158.69.158 1.006 0z"/></svg>
</div>
<h3 class="font-bold text-gray-900 mb-2">FMCSA Clearinghouse</h3>
<p class="text-sm text-gray-600 mb-3">You must register, run pre-employment and annual queries on your drivers, and report violations in the FMCSA Drug & Alcohol Clearinghouse. We handle setup and queries.</p>
<p style="color: #ea580c; font-weight: 600; font-size: 0.75rem;">Queries &amp; Reporting</p>
</div>
<div class="bg-white rounded-xl border border-gray-200 p-6 hover:shadow-lg transition-shadow">
<div style="width: 2.5rem; height: 2.5rem; border-radius: 0.5rem; background: #fff7ed; display: flex; align-items: center; justify-content: center; margin-bottom: 1rem;">
<svg class="w-5 h-5" style="color: #ea580c;" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v12m-3-2.818l.879.659c1.171.879 3.07.879 4.242 0 1.172-.879 1.172-2.303 0-3.182C13.536 12.219 12.768 12 12 12c-.725 0-1.45-.22-2.003-.659-1.106-.879-1.106-2.303 0-3.182s2.9-.879 4.006 0l.415.33M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
</div>
<h3 class="font-bold text-gray-900 mb-2">DER &amp; Supervisor Training</h3>
<p class="text-sm text-gray-600 mb-3">You need a Designated Employer Representative and at least one hour each of drug and alcohol reasonable-suspicion training for supervisors. We provide compliant training and records.</p>
<p style="color: #ea580c; font-weight: 600; font-size: 0.75rem;">Recordkeeping Included</p>
</div>
</div>
</div>
</section>
<!-- Our Services -->
<section class="py-12">
<div class="max-w-5xl mx-auto px-4">
<h2 class="text-2xl font-bold text-gray-900 text-center mb-3">Our Drug &amp; Alcohol Services</h2>
<p class="text-gray-600 text-center max-w-2xl mx-auto mb-10">We handle the paperwork so you can focus on the road. Every service includes filing preparation, submission, and follow-up.</p>
<div class="grid sm:grid-cols-2 gap-6 max-w-4xl mx-auto">
<div class="bg-white rounded-xl border border-gray-200 p-6 hover:shadow-lg transition-shadow" style="border-top: 3px solid #f97316;">
<h3 class="font-bold text-gray-900 mb-2">Consortium Enrollment + Random Pool</h3>
<p class="text-sm text-gray-600 mb-4">We enroll you with a compliant C-TPA, place your drivers in the random pool, and manage selections and notifications all year.</p>
<div class="flex items-center justify-between">
<p style="color: #ea580c; font-weight: 700; font-size: 1.25rem;">$149/yr</p>
<a href="/order/dot-drug-alcohol" style="background: #f97316; color: #fff; font-weight: 600; padding: 0.5rem 1.25rem; border-radius: 0.5rem; font-size: 0.875rem; text-decoration: none; display: inline-block; transition: background 0.2s;" onmouseover="this.style.background='#ea580c'" onmouseout="this.style.background='#f97316'">Order Now</a>
</div>
</div>
<div class="bg-white rounded-xl border border-gray-200 p-6 hover:shadow-lg transition-shadow" style="border-top: 3px solid #f97316;">
<h3 class="font-bold text-gray-900 mb-2">FMCSA Clearinghouse Setup &amp; Queries</h3>
<p class="text-sm text-gray-600 mb-4">Clearinghouse registration plus pre-employment and annual driver queries, with violation reporting handled for you.</p>
<div class="flex items-center justify-between">
<p style="color: #ea580c; font-weight: 700; font-size: 1.25rem;">$99</p>
<a href="/order/dot-drug-alcohol" style="background: #f97316; color: #fff; font-weight: 600; padding: 0.5rem 1.25rem; border-radius: 0.5rem; font-size: 0.875rem; text-decoration: none; display: inline-block; transition: background 0.2s;" onmouseover="this.style.background='#ea580c'" onmouseout="this.style.background='#f97316'">Order Now</a>
</div>
</div>
<div class="bg-white rounded-xl border border-gray-200 p-6 hover:shadow-lg transition-shadow" style="border-top: 3px solid #f97316;">
<h3 class="font-bold text-gray-900 mb-2">Supervisor Reasonable-Suspicion Training</h3>
<p class="text-sm text-gray-600 mb-4">The required drug and alcohol reasonable-suspicion training for your supervisors, with completion certificates retained on file.</p>
<div class="flex items-center justify-between">
<p style="color: #ea580c; font-weight: 700; font-size: 1.25rem;">$99</p>
<a href="/order/dot-drug-alcohol" style="background: #f97316; color: #fff; font-weight: 600; padding: 0.5rem 1.25rem; border-radius: 0.5rem; font-size: 0.875rem; text-decoration: none; display: inline-block; transition: background 0.2s;" onmouseover="this.style.background='#ea580c'" onmouseout="this.style.background='#f97316'">Order Now</a>
</div>
</div>
<div class="bg-white rounded-xl border border-gray-200 p-6 hover:shadow-lg transition-shadow" style="border-top: 3px solid #f97316; background: linear-gradient(135deg, #fffbeb 0%, #fff7ed 100%);"><div style="display: inline-block; background: #15803d; color: #fff; font-size: 0.7rem; font-weight: 700; padding: 0.2rem 0.5rem; border-radius: 9999px; margin-bottom: 0.5rem;">BEST VALUE</div>
<h3 class="font-bold text-gray-900 mb-2">Full D&amp;A Program Bundle</h3>
<p class="text-sm text-gray-600 mb-4">Consortium, random pool, Clearinghouse, and supervisor training together, a complete compliant program in one package.</p>
<div class="flex items-center justify-between">
<p style="color: #ea580c; font-weight: 700; font-size: 1.25rem;">$299</p>
<a href="/order/dot-drug-alcohol" style="background: #f97316; color: #fff; font-weight: 600; padding: 0.5rem 1.25rem; border-radius: 0.5rem; font-size: 0.875rem; text-decoration: none; display: inline-block; transition: background 0.2s;" onmouseover="this.style.background='#ea580c'" onmouseout="this.style.background='#f97316'">Order Now</a>
</div>
</div>
</div>
</div>
</section>
<!-- Free DOT Check CTA -->
<section class="py-12 bg-gray-50 border-y border-gray-200">
<div class="max-w-3xl mx-auto px-4 text-center">
<h2 class="text-xl font-bold text-gray-900 mb-3">Not sure where you stand?</h2>
<p class="text-gray-600 mb-6">Run our free DOT compliance check. Enter your USDOT number and we will show you exactly which filings are current, overdue, or missing, including whether your drug and alcohol testing program meets FMCSA requirements.</p>
<a href="/tools/dot-compliance-check" style="border: 2px solid #f97316; color: #ea580c; font-weight: 700; padding: 0.75rem 2rem; border-radius: 0.5rem; display: inline-flex; align-items: center; gap: 0.5rem; text-decoration: none; transition: background 0.2s;" onmouseover="this.style.background='#fff7ed'" onmouseout="this.style.background='transparent'">
<svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"/></svg>
Run Free Compliance Check
</a>
</div>
</section>
<!-- Why Performance West -->
<section class="py-12">
<div class="max-w-4xl mx-auto px-4">
<h2 class="text-2xl font-bold text-gray-900 text-center mb-10">Why Performance West</h2>
<div class="grid sm:grid-cols-3 gap-8 text-center">
<div>
<div style="width: 3rem; height: 3rem; border-radius: 9999px; background: #fff7ed; display: flex; align-items: center; justify-content: center; margin: 0 auto 0.75rem;">
<svg class="w-6 h-6" style="color: #ea580c;" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418"/></svg>
</div>
<h3 class="font-bold text-gray-900 mb-1">Nationwide Service</h3>
<p class="text-sm text-gray-600">We handle compliance in all 50 states, with deep expertise managing DOT drug and alcohol testing programs for CDL carriers.</p>
</div>
<div>
<div style="width: 3rem; height: 3rem; border-radius: 9999px; background: #fff7ed; display: flex; align-items: center; justify-content: center; margin: 0 auto 0.75rem;">
<svg class="w-6 h-6" style="color: #ea580c;" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
</div>
<h3 class="font-bold text-gray-900 mb-1">1 Business Day Turnaround</h3>
<p class="text-sm text-gray-600">Most filings are prepared and submitted within one business day of receiving your information.</p>
</div>
<div>
<div style="width: 3rem; height: 3rem; border-radius: 9999px; background: #fff7ed; display: flex; align-items: center; justify-content: center; margin: 0 auto 0.75rem;">
<svg class="w-6 h-6" style="color: #ea580c;" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M20.25 8.511c.884.284 1.5 1.128 1.5 2.097v4.286c0 1.136-.847 2.1-1.98 2.193-.34.027-.68.052-1.02.072v3.091l-3-3c-1.354 0-2.694-.055-4.02-.163a2.115 2.115 0 01-.825-.242m9.345-8.334a2.126 2.126 0 00-.476-.095 48.64 48.64 0 00-8.048 0c-1.131.094-1.976 1.057-1.976 2.192v4.286c0 .837.46 1.58 1.155 1.951m9.345-8.334V6.637c0-1.621-1.152-3.026-2.76-3.235A48.455 48.455 0 0011.25 3c-2.115 0-4.198.137-6.24.402-1.608.209-2.76 1.614-2.76 3.235v6.226c0 1.621 1.152 3.026 2.76 3.235.577.075 1.157.14 1.74.194V21l4.155-4.155"/></svg>
</div>
<h3 class="font-bold text-gray-900 mb-1">Dedicated Support</h3>
<p class="text-sm text-gray-600">A real person answers your questions. No chatbots, no ticket queues -- just straightforward help when you need it.</p>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="border-t border-gray-200 bg-gray-50 mt-auto py-8">
<div class="max-w-4xl mx-auto px-4 text-center text-xs text-gray-400">
<img src="/images/logo.png" alt="Performance West" class="h-10 mx-auto mb-3">
<p>Performance West Inc. · 525 Randall Ave Ste 100-1195, Cheyenne, WY 82001 · <a href="https://performancewest.net" class="text-gray-500">performancewest.net</a> · (888) 411-0383</p>
<p class="mt-2">Performance West is a regulatory compliance consulting firm, not a law firm. This does not constitute legal advice.</p>
</div>
</footer>
</body>
</html>
Reference in a new issue View git blame Copy permalink