<?php
$page      = 'for-dealers';
$pageTitle = 'For Dealers | Do I Have a Recall?';
$pageDesc  = 'Connect your dealership with local vehicle owners who have open safety recalls and need repairs. Plans starting at $299/month. No commissions, ever.';
$pageCss   = ['assets/css/for-dealers.css'];
$pageJs    = ['assets/js/for-dealers.js'];
include 'includes/header.php';
?>

<!-- ============================================================
     HERO
     ============================================================ -->
<section class="dealer-hero">
  <div class="container dealer-hero__inner">

    <div class="dealer-hero__text">
      <div class="dealer-hero__badge reveal">
        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
          <path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/>
        </svg>
        For Franchise Dealers
      </div>

      <h1 class="dealer-hero__title reveal reveal-delay-1">
        Put your dealership in front of drivers who <em>need repairs now</em>
      </h1>

      <p class="dealer-hero__sub reveal reveal-delay-2">
        doihavearecall.com sends vehicle owners with open safety recalls straight to franchise dealerships like yours. Pre-qualified customers. Manufacturer-paid repairs. Plans starting at $299/month.
      </p>

      <div class="dealer-hero__actions reveal reveal-delay-3">
        <button type="button" class="btn btn--primary btn--lg" data-dealer-modal-open>Secure Your Market</button>
      </div>

      <p class="dealer-hero__trust reveal reveal-delay-3">
        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
          <polyline points="20 6 9 17 4 12"/>
        </svg>
        No setup fees &nbsp;&middot;&nbsp; No commissions &nbsp;&middot;&nbsp; No contracts
      </p>
    </div>

    <div class="dealer-hero__card reveal reveal-delay-2">
      <p class="dealer-hero__card-label">Open Recalls Near You</p>

      <div class="dealer-hero__metrics">
        <div class="dealer-metric">
          <p class="dealer-metric__number">1 in 4</p>
          <p class="dealer-metric__label">vehicles on the road has an open recall</p>
        </div>
        <div class="dealer-metric">
          <p class="dealer-metric__number">$0</p>
          <p class="dealer-metric__label">cost to the customer; manufacturer pays</p>
        </div>
        <div class="dealer-metric">
          <p class="dealer-metric__number">30M+</p>
          <p class="dealer-metric__label">recalls issued in the U.S. last year alone</p>
        </div>
        <div class="dealer-metric">
          <p class="dealer-metric__number">60%</p>
          <p class="dealer-metric__label">of recall customers return for paid service</p>
        </div>
      </div>

      <div class="dealer-hero__divider"></div>

      <div class="dealer-hero__profile-preview">
        <div class="dealer-hero__profile-icon">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
            <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/>
            <polyline points="9 22 9 12 15 12 15 22"/>
          </svg>
        </div>
        <div class="dealer-hero__profile-text">
          <p><strong>Your dealership</strong> could be the first result drivers in your ZIP code see when they discover an open recall.</p>
        </div>
      </div>
    </div>

  </div>
</section>


<!-- ============================================================
     STATS BAR
     ============================================================ -->
<div class="dealer-stats-bar" role="region" aria-label="Industry statistics">
  <div class="container dealer-stats-bar__inner">

    <div class="dealer-stat-item">
      <p class="dealer-stat-item__number">392M+</p>
      <p class="dealer-stat-item__label">vehicles recalled in the last decade</p>
    </div>

    <div class="dealer-stat-item__divider" aria-hidden="true"></div>

    <div class="dealer-stat-item">
      <p class="dealer-stat-item__number">54M</p>
      <p class="dealer-stat-item__label">vehicles with unrepaired recalls right now</p>
    </div>

    <div class="dealer-stat-item__divider" aria-hidden="true"></div>

    <div class="dealer-stat-item">
      <p class="dealer-stat-item__number">Daily</p>
      <p class="dealer-stat-item__label">new recalls added to our database</p>
    </div>

    <div class="dealer-stat-item__divider" aria-hidden="true"></div>

    <div class="dealer-stat-item">
      <p class="dealer-stat-item__number">$0</p>
      <p class="dealer-stat-item__label">in commissions or referral fees on recall revenue, ever</p>
    </div>

  </div>
</div>


<!-- ============================================================
     THE OPPORTUNITY
     ============================================================ -->
<section class="dealer-opportunity">
  <div class="container dealer-opportunity__inner">

    <div class="dealer-opportunity__text reveal">
      <p class="dealer-opportunity__label">The Opportunity</p>
      <h2 class="dealer-opportunity__title">Millions of open recalls. Most owners don&rsquo;t know where to go.</h2>
      <div class="dealer-opportunity__body">
        <p>Right now, there are tens of millions of vehicles on American roads with open safety recalls. The manufacturer will pay for every repair, but owners need to find a franchise dealer first. That&rsquo;s where you come in.</p>
        <p>When drivers in your area use doihavearecall.com to check their recall status, we show them your dealership. They arrive already knowing what needs to be done and ready to book.</p>
      </div>

      <ul class="dealer-opportunity__checklist">
        <li class="dealer-opportunity__check">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"/></svg>
          High-intent customers who already know they need service
        </li>
        <li class="dealer-opportunity__check">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"/></svg>
          Guaranteed revenue: every recall repair is manufacturer-reimbursed
        </li>
        <li class="dealer-opportunity__check">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"/></svg>
          New customer relationships: turn first-time visitors into loyal clients
        </li>
        <li class="dealer-opportunity__check">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"/></svg>
          Upsell opportunities: recall visits often uncover additional service needs
        </li>
      </ul>
    </div>

    <div class="dealer-opportunity__image reveal reveal-delay-1" aria-hidden="true">
      <div class="dealer-opp-card">
        <div class="dealer-opp-card__dot dealer-opp-card__dot--red"></div>
        <div class="dealer-opp-card__text">
          <p class="dealer-opp-card__title">Takata Airbag Inflator</p>
          <p class="dealer-opp-card__sub">2018 Honda Accord &middot; VIN ending 4821</p>
        </div>
        <span class="dealer-opp-card__tag dealer-opp-card__tag--urgent">Urgent</span>
      </div>
      <div class="dealer-opp-card">
        <div class="dealer-opp-card__dot dealer-opp-card__dot--yellow"></div>
        <div class="dealer-opp-card__text">
          <p class="dealer-opp-card__title">Fuel Pump Failure Risk</p>
          <p class="dealer-opp-card__sub">2019 Toyota Camry &middot; VIN ending 7734</p>
        </div>
        <span class="dealer-opp-card__tag dealer-opp-card__tag--soon">Act Soon</span>
      </div>
      <div class="dealer-opp-card">
        <div class="dealer-opp-card__dot dealer-opp-card__dot--yellow"></div>
        <div class="dealer-opp-card__text">
          <p class="dealer-opp-card__title">Brake Assist Software</p>
          <p class="dealer-opp-card__sub">2020 Ford F-150 &middot; VIN ending 9902</p>
        </div>
        <span class="dealer-opp-card__tag dealer-opp-card__tag--soon">Act Soon</span>
      </div>
      <div class="dealer-opp-card">
        <div class="dealer-opp-card__dot dealer-opp-card__dot--green"></div>
        <div class="dealer-opp-card__text">
          <p class="dealer-opp-card__title">Seatbelt Pretensioner</p>
          <p class="dealer-opp-card__sub">2017 Chevrolet Malibu &middot; VIN ending 3356</p>
        </div>
        <span class="dealer-opp-card__tag dealer-opp-card__tag--open">Open</span>
      </div>
    </div>

  </div>
</section>


<!-- ============================================================
     HOW IT WORKS
     ============================================================ -->
<section class="dealer-how" id="how-it-works">
  <div class="container">

    <div class="dealer-how__header reveal">
      <span class="section-label">How It Works</span>
      <h2 class="section-title">Up and running in minutes</h2>
      <p class="section-subtitle reveal reveal-delay-1">Getting your dealership listed is fast and simple.</p>
    </div>

    <div class="dealer-steps">

      <div class="dealer-step reveal reveal-delay-1">
        <div class="dealer-step__number" aria-hidden="true">1</div>
        <div class="dealer-step__content">
          <h3 class="dealer-step__title">Create Your Profile</h3>
          <p class="dealer-step__desc">Enter your dealership name, address, hours, and the vehicle makes you&rsquo;re certified to service. Takes about five minutes.</p>
        </div>
      </div>

      <div class="dealer-step reveal reveal-delay-2">
        <div class="dealer-step__number" aria-hidden="true">2</div>
        <div class="dealer-step__content">
          <h3 class="dealer-step__title">Get Matched to Local Drivers</h3>
          <p class="dealer-step__desc">When a driver near you discovers an open recall for a make you service, your dealership appears in their results as a recommended repair location.</p>
        </div>
      </div>

      <div class="dealer-step reveal reveal-delay-3">
        <div class="dealer-step__number" aria-hidden="true">3</div>
        <div class="dealer-step__content">
          <h3 class="dealer-step__title">Book the Appointment</h3>
          <p class="dealer-step__desc">Customers contact your service department directly to schedule. No middleman, no platform fees. The relationship is entirely yours.</p>
        </div>
      </div>

    </div>
  </div>
</section>


<!-- ============================================================
     BENEFITS
     ============================================================ -->
<section class="dealer-benefits">
  <div class="container">

    <div class="dealer-benefits__header reveal">
      <span class="section-label">Why Partner With Us</span>
      <h2 class="section-title">Built to drive real revenue, not just traffic</h2>
      <p class="section-subtitle reveal reveal-delay-1">Every feature is designed around one outcome: more booked recall appointments for your service department.</p>
    </div>

    <div class="dealer-benefits__grid">

      <div class="dealer-benefit reveal reveal-delay-1">
        <div class="dealer-benefit__icon">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
            <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/>
            <path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/>
          </svg>
        </div>
        <h3 class="dealer-benefit__title">Pre-Qualified Customers</h3>
        <p class="dealer-benefit__body">Every driver who finds you through doihavearecall.com already knows they have a recall and is actively looking for a place to get it fixed. No cold leads.</p>
      </div>

      <div class="dealer-benefit reveal reveal-delay-2">
        <div class="dealer-benefit__icon">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
            <line x1="12" y1="1" x2="12" y2="23"/>
            <path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/>
          </svg>
        </div>
        <h3 class="dealer-benefit__title">Guaranteed Revenue</h3>
        <p class="dealer-benefit__body">Recall repairs are reimbursed by the vehicle manufacturer at a flat labor rate. You perform the work, the manufacturer pays, every single time.</p>
      </div>

      <div class="dealer-benefit reveal reveal-delay-3">
        <div class="dealer-benefit__icon">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
            <circle cx="12" cy="12" r="10"/>
            <polyline points="12 6 12 12 16 14"/>
          </svg>
        </div>
        <h3 class="dealer-benefit__title">No Commissions, Ever</h3>
        <p class="dealer-benefit__body">We charge a flat monthly subscription for platform access: no referral fees, no revenue share on recall repairs. When the manufacturer reimburses you, every dollar stays with your dealership.</p>
      </div>

      <div class="dealer-benefit reveal reveal-delay-1">
        <div class="dealer-benefit__icon">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
            <path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/>
          </svg>
        </div>
        <h3 class="dealer-benefit__title">Local Visibility</h3>
        <p class="dealer-benefit__body">Drivers search by ZIP code. We surface your dealership to people in your service area, not customers 200 miles away who will never show up.</p>
      </div>

      <div class="dealer-benefit reveal reveal-delay-2">
        <div class="dealer-benefit__icon">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
            <polyline points="23 6 13.5 15.5 8.5 10.5 1 18"/>
            <polyline points="17 6 23 6 23 12"/>
          </svg>
        </div>
        <h3 class="dealer-benefit__title">Upsell Potential</h3>
        <p class="dealer-benefit__body">Recall appointments get vehicles into your service bay. Once there, your team has the opportunity to identify and address other maintenance needs, on the customer&rsquo;s dime.</p>
      </div>

      <div class="dealer-benefit reveal reveal-delay-3">
        <div class="dealer-benefit__icon">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
            <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/>
          </svg>
        </div>
        <h3 class="dealer-benefit__title">Long-Term Loyalty</h3>
        <p class="dealer-benefit__body">A great recall experience creates a customer for life. Drivers who have a positive first visit are significantly more likely to return for future oil changes, tires, and repairs.</p>
      </div>

    </div>
  </div>
</section>


<!-- ============================================================
     FEATURED LISTING EXAMPLE
     ============================================================ -->
<section class="dealer-feature-example" aria-labelledby="feature-example-heading">
  <div class="container dealer-feature-example__inner">

    <div class="dealer-feature-example__copy reveal">
      <span class="section-label">What Drivers See</span>
      <h2 class="dealer-feature-example__heading" id="feature-example-heading">
        Your dealership, featured the moment a recall is found
      </h2>
      <p class="dealer-feature-example__sub">
        After a driver in your ZIP code checks their vehicle and sees an open recall, your dealership appears as the recommended repair location, right alongside the recall details. Here&rsquo;s exactly what they see:
      </p>
      <ul class="dealer-feature-example__points">
        <li>
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"/></svg>
          Prominent placement next to the recall card
        </li>
        <li>
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"/></svg>
          Your name, address, ratings, and direct phone line
        </li>
        <li>
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"/></svg>
          One-tap call &amp; one-click schedule, no middleman
        </li>
        <li>
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"/></svg>
          A &ldquo;Featured&rdquo; badge that builds trust at first glance
        </li>
      </ul>
      <div class="dealer-feature-example__cta">
        <button type="button" class="btn btn--primary btn--lg" data-dealer-modal-open>Secure Your Market</button>
      </div>
    </div>

    <div class="dealer-feature-example__preview reveal reveal-delay-1" aria-hidden="true">
      <div class="dealer-feature-example__browser">
        <div class="dealer-feature-example__browser-bar">
          <span></span><span></span><span></span>
          <div class="dealer-feature-example__browser-url">doihavearecall.com/results</div>
        </div>

        <div class="dealer-feature-example__browser-body">

          <!-- Mini recall card -->
          <div class="dealer-feature-example__recall">
            <div class="dealer-feature-example__recall-top">
              <span class="dealer-feature-example__pill dealer-feature-example__pill--recall">1 Open Recall</span>
              <span class="dealer-feature-example__pill dealer-feature-example__pill--high">High Risk</span>
            </div>
            <p class="dealer-feature-example__recall-title">Driver Airbag Inflator May Rupture</p>
            <p class="dealer-feature-example__recall-meta">2018 Honda Accord &middot; NHTSA 22V-123</p>
          </div>

          <!-- Featured dealer card -->
          <div class="dealer-feature-card">
            <span class="dealer-feature-card__badge">
              <svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/>
              </svg>
              Featured Dealer
            </span>

            <p class="dealer-feature-card__heading">Nearby Dealer Can Help</p>

            <div class="dealer-feature-card__brand">
              <div class="dealer-feature-card__brand-badge" style="background:#CC0000;color:#fff;">H</div>
              <span class="dealer-feature-card__brand-name">Honda</span>
            </div>

            <p class="dealer-feature-card__name">Your Dealership Here</p>

            <div class="dealer-feature-card__rating">
              <span class="dealer-feature-card__stars">
                <span>&#9733;</span><span>&#9733;</span><span>&#9733;</span><span>&#9733;</span><span class="is-half">&#9733;</span>
              </span>
              <span class="dealer-feature-card__rating-score">4.7</span>
              <span class="dealer-feature-card__rating-count">812 reviews</span>
            </div>

            <p class="dealer-feature-card__distance">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                <path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/>
              </svg>
              2.6 miles away
            </p>

            <address class="dealer-feature-card__address">
              123 Main Street<br>Anytown, USA 00000
            </address>

            <span class="dealer-feature-card__cta">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                <rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/>
              </svg>
              View Dealer &amp; Schedule
            </span>

            <p class="dealer-feature-card__phone">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12a19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 3.6 1.32h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 9a16 16 0 0 0 6 6l1-.94a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 21.73 16.92z"/>
              </svg>
              (555) 555-5555
            </p>
          </div>

        </div>
      </div>
    </div>

  </div>
</section>


<!-- ============================================================
     FAQ
     ============================================================ -->
<section class="dealer-faq">
  <div class="container dealer-faq__inner">

    <div class="dealer-faq__sidebar reveal">
      <span class="section-label">FAQ</span>
      <h2 class="dealer-faq__sidebar-title">Common questions from dealers</h2>
      <p class="dealer-faq__sidebar-sub">Still have questions? Reach out to us at <a href="mailto:dealers@doihavearecall.com">dealers@doihavearecall.com</a> and we&rsquo;ll respond within one business day.</p>
      <button type="button" class="btn btn--primary" data-dealer-modal-open>Secure Your Market</button>
    </div>

    <div class="dealer-faq__list reveal reveal-delay-1">

      <div class="dealer-faq__item">
        <button class="dealer-faq__q" aria-expanded="false">
          What does it cost to list my dealership?
          <svg class="dealer-faq__chevron" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 12 15 18 9"/></svg>
        </button>
        <div class="dealer-faq__a" hidden>
          Plans start at $299/month with no setup fees and no long-term contracts. Each market (defined by ZIP code and brand) is sold to a single dealership on a first-come, first-served basis. Reserve your area today and our team will follow up with a tailored proposal based on your brands and service radius. <a href="mailto:dealers@doihavearecall.com">Contact us</a> with any questions.
        </div>
      </div>

      <div class="dealer-faq__item">
        <button class="dealer-faq__q" aria-expanded="false">
          Do you take a cut of recall repair revenue?
          <svg class="dealer-faq__chevron" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 12 15 18 9"/></svg>
        </button>
        <div class="dealer-faq__a" hidden>
          No. We do not charge a referral fee or commission on recall appointments. When a customer books with you, the revenue relationship is entirely between your dealership and the manufacturer. We make no claim on that income.
        </div>
      </div>

      <div class="dealer-faq__item">
        <button class="dealer-faq__q" aria-expanded="false">
          What vehicle makes can I be listed for?
          <svg class="dealer-faq__chevron" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 12 15 18 9"/></svg>
        </button>
        <div class="dealer-faq__a" hidden>
          You can list yourself for any makes your dealership is officially certified to service. If you are a multi-brand dealer, you can appear in results for all of those brands. We verify certification during the onboarding process.
        </div>
      </div>

      <div class="dealer-faq__item">
        <button class="dealer-faq__q" aria-expanded="false">
          How do customers contact us? Do you manage the booking?
          <svg class="dealer-faq__chevron" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 12 15 18 9"/></svg>
        </button>
        <div class="dealer-faq__a" hidden>
          Customers are directed to contact your service department directly using the phone number and scheduling link you provide in your profile. We do not sit in the middle of the booking. The customer relationship belongs entirely to you.
        </div>
      </div>

      <div class="dealer-faq__item">
        <button class="dealer-faq__q" aria-expanded="false">
          Can I update my profile after I set it up?
          <svg class="dealer-faq__chevron" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 12 15 18 9"/></svg>
        </button>
        <div class="dealer-faq__a" hidden>
          Yes. You can log in to your dealer dashboard at any time to update your hours, phone number, scheduling link, service areas, and any other profile details. Changes go live immediately.
        </div>
      </div>

      <div class="dealer-faq__item">
        <button class="dealer-faq__q" aria-expanded="false">
          Is there a contract or minimum commitment?
          <svg class="dealer-faq__chevron" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 12 15 18 9"/></svg>
        </button>
        <div class="dealer-faq__a" hidden>
          No. There is no contract, no minimum term, and no cancellation fee. You can deactivate your listing at any time from your dashboard. We want you to stay because the service is generating value, not because you're locked in.
        </div>
      </div>

    </div>

  </div>
</section>


<!-- ============================================================
     FINAL CTA
     ============================================================ -->
<section class="dealer-cta" aria-labelledby="dealer-cta-heading">
  <div class="container">
    <div class="dealer-cta__inner reveal">

      <h2 class="dealer-cta__title" id="dealer-cta-heading">
        Start reaching local drivers with open recalls today
      </h2>

      <p class="dealer-cta__sub">
        Setup takes five minutes. No commissions on repairs, no long-term contracts. Just more qualified customers in your service lane.
      </p>

      <div class="dealer-cta__actions">
        <button type="button" class="btn btn--primary btn--lg" data-dealer-modal-open>Secure Your Market</button>
        <a href="mailto:dealers@doihavearecall.com" class="btn btn--outline btn--lg" style="color:#fff; border-color:rgba(255,255,255,0.25);">Talk to Our Team</a>
      </div>

      <p class="dealer-cta__fine">Questions? Email us at <a href="mailto:dealers@doihavearecall.com" style="color:#64748B;">dealers@doihavearecall.com</a></p>

    </div>
  </div>
</section>


<!-- ============================================================
     DEALER SIGN-UP MODAL
     ============================================================ -->
<div class="dealer-modal" id="dealerModal" role="dialog" aria-modal="true" aria-labelledby="dealerModalTitle" hidden>
  <div class="dealer-modal__backdrop" data-dealer-modal-close></div>

  <div class="dealer-modal__dialog" role="document">
    <button type="button" class="dealer-modal__close" data-dealer-modal-close aria-label="Close">
      <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
        <line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/>
      </svg>
    </button>

    <div class="dealer-modal__header">
      <span class="section-label">Secure Your Market</span>
      <h2 class="dealer-modal__title" id="dealerModalTitle">Reserve your area before a competitor does</h2>
      <p class="dealer-modal__sub">Tell us about your dealership and we&rsquo;ll follow up within one business day with availability for your ZIP code and brands.</p>
    </div>

    <form class="dealer-modal__form" id="dealerLeadForm" novalidate>

      <!-- honeypot - bots fill this, humans can't see it -->
      <div class="dealer-modal__honeypot" aria-hidden="true">
        <label>Website <input type="text" name="website" tabindex="-1" autocomplete="off"></label>
      </div>

      <div class="dealer-modal__row">
        <div class="dealer-modal__field">
          <label for="lead_dealer_name">Dealership name <span class="dealer-modal__required">*</span></label>
          <input type="text" id="lead_dealer_name" name="dealer_name" required autocomplete="organization">
        </div>
        <div class="dealer-modal__field">
          <label for="lead_dealer_city">City <span class="dealer-modal__required">*</span></label>
          <input type="text" id="lead_dealer_city" name="dealer_city" required placeholder="e.g. Oak Lawn" autocomplete="address-level2">
        </div>
      </div>

      <div class="dealer-modal__row">
        <div class="dealer-modal__field">
          <label for="lead_dealer_state">State <span class="dealer-modal__required">*</span></label>
          <select id="lead_dealer_state" name="dealer_state" required autocomplete="address-level1">
            <option value="">Select…</option>
            <?php
            $usStates = [
              'AL'=>'Alabama','AK'=>'Alaska','AZ'=>'Arizona','AR'=>'Arkansas','CA'=>'California',
              'CO'=>'Colorado','CT'=>'Connecticut','DE'=>'Delaware','DC'=>'District of Columbia',
              'FL'=>'Florida','GA'=>'Georgia','HI'=>'Hawaii','ID'=>'Idaho','IL'=>'Illinois',
              'IN'=>'Indiana','IA'=>'Iowa','KS'=>'Kansas','KY'=>'Kentucky','LA'=>'Louisiana',
              'ME'=>'Maine','MD'=>'Maryland','MA'=>'Massachusetts','MI'=>'Michigan','MN'=>'Minnesota',
              'MS'=>'Mississippi','MO'=>'Missouri','MT'=>'Montana','NE'=>'Nebraska','NV'=>'Nevada',
              'NH'=>'New Hampshire','NJ'=>'New Jersey','NM'=>'New Mexico','NY'=>'New York',
              'NC'=>'North Carolina','ND'=>'North Dakota','OH'=>'Ohio','OK'=>'Oklahoma','OR'=>'Oregon',
              'PA'=>'Pennsylvania','RI'=>'Rhode Island','SC'=>'South Carolina','SD'=>'South Dakota',
              'TN'=>'Tennessee','TX'=>'Texas','UT'=>'Utah','VT'=>'Vermont','VA'=>'Virginia',
              'WA'=>'Washington','WV'=>'West Virginia','WI'=>'Wisconsin','WY'=>'Wyoming',
            ];
            foreach ($usStates as $abbr => $name):
            ?>
              <option value="<?= $abbr ?>"><?= $abbr ?> - <?= $name ?></option>
            <?php endforeach; ?>
          </select>
        </div>
        <div class="dealer-modal__field">
          <label for="lead_dealer_zip">ZIP code <span class="dealer-modal__required">*</span></label>
          <input type="text" id="lead_dealer_zip" name="dealer_zip" required inputmode="numeric" pattern="\d{5}" maxlength="5" placeholder="60453" autocomplete="postal-code">
        </div>
      </div>

      <div class="dealer-modal__row">
        <div class="dealer-modal__field">
          <label for="lead_contact_name">Your name <span class="dealer-modal__required">*</span></label>
          <input type="text" id="lead_contact_name" name="contact_name" required autocomplete="name">
        </div>
        <div class="dealer-modal__field">
          <label for="lead_role">Your role <span class="dealer-modal__required">*</span></label>
          <select id="lead_role" name="role" required>
            <option value="">Select…</option>
            <option value="owner">Owner / Principal</option>
            <option value="gm">General Manager</option>
            <option value="service_director">Service Director</option>
            <option value="service_manager">Service Manager</option>
            <option value="fixed_ops">Fixed Ops Director</option>
            <option value="marketing">Marketing</option>
            <option value="other">Other</option>
          </select>
        </div>
      </div>

      <div class="dealer-modal__row">
        <div class="dealer-modal__field">
          <label for="lead_email">Work email <span class="dealer-modal__required">*</span></label>
          <input type="email" id="lead_email" name="email" required autocomplete="email" inputmode="email">
        </div>
        <div class="dealer-modal__field">
          <label for="lead_phone">Direct phone</label>
          <input type="tel" id="lead_phone" name="phone" autocomplete="tel" inputmode="tel" placeholder="(555) 123-4567">
        </div>
      </div>

      <fieldset class="dealer-modal__field dealer-modal__brands">
        <legend>Brands you&rsquo;re certified to service for recall <span class="dealer-modal__required">*</span></legend>
        <div class="dealer-modal__brand-grid">
          <?php
          $brands = [
            'Acura','Audi','BMW','Buick','Cadillac','Chevrolet','Chrysler','Dodge',
            'Ford','Genesis','GMC','Honda','Hyundai','Infiniti','Jaguar','Jeep',
            'Kia','Land Rover','Lexus','Lincoln','Mazda','Mercedes-Benz','Mini',
            'Mitsubishi','Nissan','Porsche','Ram','Subaru','Tesla','Toyota',
            'Volkswagen','Volvo'
          ];
          foreach ($brands as $b):
            $id = 'brand_' . strtolower(preg_replace('/[^a-z0-9]/i', '_', $b));
          ?>
          <label class="dealer-modal__brand" for="<?= $id ?>">
            <input type="checkbox" id="<?= $id ?>" name="brands[]" value="<?= htmlspecialchars($b) ?>">
            <span><?= htmlspecialchars($b) ?></span>
          </label>
          <?php endforeach; ?>
        </div>
        <label class="dealer-modal__brand-other">
          <span>Other brand(s)</span>
          <input type="text" name="brands_other" placeholder="Comma-separated">
        </label>
      </fieldset>

      <div class="dealer-modal__field">
        <label for="lead_notes">Anything else we should know?</label>
        <textarea id="lead_notes" name="notes" rows="3" placeholder="Number of locations, urgency, questions…"></textarea>
      </div>

      <div class="dealer-modal__status" id="dealerLeadStatus" role="status" aria-live="polite"></div>

      <div class="dealer-modal__actions">
        <button type="button" class="btn btn--outline" data-dealer-modal-close>Cancel</button>
        <button type="submit" class="btn btn--primary" id="dealerLeadSubmit">Secure My Market</button>
      </div>

      <p class="dealer-modal__fine">By submitting, you agree to be contacted by our team about listing your dealership.</p>
    </form>

    <!-- Success confirmation - shown after the form posts successfully -->
    <div class="dealer-modal__success" id="dealerLeadSuccess" role="status" aria-live="polite" hidden>
      <div class="dealer-modal__success-icon" aria-hidden="true">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
          <polyline points="20 6 9 17 4 12"/>
        </svg>
      </div>
      <h2 class="dealer-modal__success-title">Your request has been submitted</h2>
      <p class="dealer-modal__success-body">
        Thanks, we&rsquo;ve received your request. A member of our Recall team will be in touch within one business day to confirm availability for your ZIP code and brands.
      </p>
      <p class="dealer-modal__success-fine">
        Questions in the meantime? Email <a href="mailto:dealers@doihavearecall.com">dealers@doihavearecall.com</a>.
      </p>
      <div class="dealer-modal__success-actions">
        <button type="button" class="btn btn--primary" data-dealer-modal-close>Close</button>
      </div>
    </div>
  </div>
</div>

<?php include 'includes/footer.php'; ?>
