<?php
$page      = 'dealer-pricing';
$pageTitle = 'Dealer Plans & Pricing | Do I Have a Recall?';
$pageDesc  = 'Choose the plan that fits your dealership. No commissions, no long-term contracts, just transparent pricing built for franchise dealers.';
$pageCss   = ['assets/css/dealer-pricing.css'];
$pageJs    = ['assets/js/dealer-pricing.js'];
include 'includes/header.php';

function compare_check(): string {
  return '<svg class="compare-check" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" role="img" aria-label="Included"><polyline points="20 6 9 17 4 12"/></svg>';
}
function compare_dash(): string {
  return '<span class="compare-dash" role="img" aria-label="Not included">-</span>';
}
?>

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

    <div class="pricing-hero__badge reveal">Dealer Plans</div>

    <h1 class="pricing-hero__title reveal reveal-delay-1">
      Simple, transparent pricing
    </h1>

    <p class="pricing-hero__sub reveal reveal-delay-2">
      Simple, transparent plans for franchise dealers. No commissions on recall revenue. Ever.
    </p>

    <div class="billing-toggle reveal reveal-delay-3" id="billing-toggle-wrap">
      <span class="billing-toggle__label">Monthly</span>
      <button
        class="billing-toggle__switch"
        id="billing-toggle"
        role="switch"
        aria-checked="false"
        aria-label="Toggle annual billing"
      ><span class="billing-toggle__thumb"></span></button>
      <span class="billing-toggle__label">
        Annual
        <span class="save-badge">Save 25%</span>
      </span>
    </div>

  </div>
</section>


<!-- ============================================================
     PLANS
     ============================================================ -->
<section class="pricing-plans">
  <div class="container">
    <div class="pricing-plans__grid">

      <!-- Starter -->
      <div class="plan-card reveal">
        <p class="plan-card__name">Starter</p>
        <div class="plan-card__price">
          <span class="plan-price__currency">$</span>
          <span class="plan-price__amount" data-monthly="299" data-annual="224">299</span>
          <span class="plan-price__period">/month</span>
        </div>
        <p class="plan-card__billed plan-card__billed--annual" hidden>Billed as $2,688/yr, save $900</p>
        <p class="plan-card__billed plan-card__billed--monthly">&nbsp;</p>
        <p class="plan-card__desc">Get listed and start reaching local drivers with open recalls in your service area.</p>
        <a href="/dealer/register.php" class="btn btn--outline btn--full plan-card__cta">Get Started</a>
        <ul class="plan-card__features">
          <li class="plan-card__feature">
            <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>
            Listed in recall search results
          </li>
          <li class="plan-card__feature">
            <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>
            1 certified brand
          </li>
          <li class="plan-card__feature">
            <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>
            Basic profile (address, phone, hours)
          </li>
          <li class="plan-card__feature">
            <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>
            25-mile service area
          </li>
          <li class="plan-card__feature">
            <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>
            Email support
          </li>
        </ul>
      </div>

      <!-- Pro (featured) -->
      <div class="plan-card plan-card--featured reveal reveal-delay-1">
        <div class="plan-card__badge">Most Popular</div>
        <p class="plan-card__name">Pro</p>
        <div class="plan-card__price">
          <span class="plan-price__currency">$</span>
          <span class="plan-price__amount" data-monthly="499" data-annual="374">499</span>
          <span class="plan-price__period">/month</span>
        </div>
        <p class="plan-card__billed plan-card__billed--annual" hidden>Billed as $4,488/yr, save $1,500</p>
        <p class="plan-card__billed plan-card__billed--monthly">&nbsp;</p>
        <p class="plan-card__desc">Priority placement, a full profile, and monthly performance insights to grow your recall business.</p>
        <a href="/dealer/register.php" class="btn btn--primary btn--full plan-card__cta">Get Started with Pro</a>
        <ul class="plan-card__features">
          <li class="plan-card__feature">
            <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>
            Everything in Starter
          </li>
          <li class="plan-card__feature">
            <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>
            <span><strong>Priority placement</strong> in search results</span>
          </li>
          <li class="plan-card__feature">
            <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>
            Up to 5 certified brands
          </li>
          <li class="plan-card__feature">
            <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>
            Enhanced profile (photos, booking link, bio)
          </li>
          <li class="plan-card__feature">
            <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>
            Monthly performance report
          </li>
          <li class="plan-card__feature">
            <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>
            Nearby driver recall alerts
          </li>
          <li class="plan-card__feature">
            <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>
            Priority support (1-business-day response)
          </li>
        </ul>
      </div>

      <!-- Enterprise -->
      <div class="plan-card reveal reveal-delay-2">
        <p class="plan-card__name">Enterprise</p>
        <div class="plan-card__price plan-card__price--custom">
          <span class="plan-price__amount plan-price__amount--custom">Custom</span>
        </div>
        <p class="plan-card__billed">&nbsp;</p>
        <p class="plan-card__desc">For dealer groups and multi-location operations that need deep integration and a dedicated partner.</p>
        <a href="mailto:dealers@doihavearecall.com" class="btn btn--outline btn--full plan-card__cta">Contact Sales</a>
        <ul class="plan-card__features">
          <li class="plan-card__feature">
            <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>
            Everything in Pro
          </li>
          <li class="plan-card__feature">
            <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>
            Unlimited certified brands
          </li>
          <li class="plan-card__feature">
            <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>
            Multi-location management dashboard
          </li>
          <li class="plan-card__feature">
            <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>
            API / DMS integration
          </li>
          <li class="plan-card__feature">
            <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>
            Dedicated account manager
          </li>
          <li class="plan-card__feature">
            <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>
            Custom reporting &amp; analytics
          </li>
          <li class="plan-card__feature">
            <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>
            White-glove onboarding
          </li>
        </ul>
      </div>

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


<!-- ============================================================
     COMPARISON TABLE
     ============================================================ -->
<section class="pricing-compare">
  <div class="container">

    <div class="pricing-compare__header reveal">
      <span class="section-label">Compare Plans</span>
      <h2 class="section-title">Everything you get, side by side</h2>
    </div>

    <div class="compare-wrap reveal reveal-delay-1">
      <table class="compare-table" aria-label="Plan feature comparison">
        <thead>
          <tr>
            <th class="compare-th compare-th--feature" scope="col">Feature</th>
            <th class="compare-th" scope="col">Starter</th>
            <th class="compare-th compare-th--featured" scope="col">Pro</th>
            <th class="compare-th" scope="col">Enterprise</th>
          </tr>
        </thead>
        <tbody>

          <tr class="compare-section-row">
            <td colspan="4" class="compare-section-label">Listing &amp; Visibility</td>
          </tr>
          <tr>
            <td class="compare-td">Listed in recall search results</td>
            <td class="compare-td"><?= compare_check() ?></td>
            <td class="compare-td compare-td--featured"><?= compare_check() ?></td>
            <td class="compare-td"><?= compare_check() ?></td>
          </tr>
          <tr>
            <td class="compare-td">Priority placement in results</td>
            <td class="compare-td"><?= compare_dash() ?></td>
            <td class="compare-td compare-td--featured"><?= compare_check() ?></td>
            <td class="compare-td"><?= compare_check() ?></td>
          </tr>
          <tr>
            <td class="compare-td">Certified brands</td>
            <td class="compare-td compare-text">1</td>
            <td class="compare-td compare-td--featured compare-text">Up to 5</td>
            <td class="compare-td compare-text">Unlimited</td>
          </tr>
          <tr>
            <td class="compare-td">Service area radius</td>
            <td class="compare-td compare-text">25 miles</td>
            <td class="compare-td compare-td--featured compare-text">50 miles</td>
            <td class="compare-td compare-text">Custom</td>
          </tr>

          <tr class="compare-section-row">
            <td colspan="4" class="compare-section-label">Dealer Profile</td>
          </tr>
          <tr>
            <td class="compare-td">Address, phone &amp; hours</td>
            <td class="compare-td"><?= compare_check() ?></td>
            <td class="compare-td compare-td--featured"><?= compare_check() ?></td>
            <td class="compare-td"><?= compare_check() ?></td>
          </tr>
          <tr>
            <td class="compare-td">Online scheduling link</td>
            <td class="compare-td"><?= compare_dash() ?></td>
            <td class="compare-td compare-td--featured"><?= compare_check() ?></td>
            <td class="compare-td"><?= compare_check() ?></td>
          </tr>
          <tr>
            <td class="compare-td">Photo gallery</td>
            <td class="compare-td"><?= compare_dash() ?></td>
            <td class="compare-td compare-td--featured"><?= compare_check() ?></td>
            <td class="compare-td"><?= compare_check() ?></td>
          </tr>
          <tr>
            <td class="compare-td">Custom dealer description</td>
            <td class="compare-td"><?= compare_dash() ?></td>
            <td class="compare-td compare-td--featured"><?= compare_check() ?></td>
            <td class="compare-td"><?= compare_check() ?></td>
          </tr>

          <tr class="compare-section-row">
            <td colspan="4" class="compare-section-label">Insights &amp; Marketing</td>
          </tr>
          <tr>
            <td class="compare-td">Monthly performance report</td>
            <td class="compare-td"><?= compare_dash() ?></td>
            <td class="compare-td compare-td--featured"><?= compare_check() ?></td>
            <td class="compare-td"><?= compare_check() ?></td>
          </tr>
          <tr>
            <td class="compare-td">Click &amp; referral analytics</td>
            <td class="compare-td"><?= compare_dash() ?></td>
            <td class="compare-td compare-td--featured"><?= compare_check() ?></td>
            <td class="compare-td"><?= compare_check() ?></td>
          </tr>
          <tr>
            <td class="compare-td">Nearby driver recall alerts</td>
            <td class="compare-td"><?= compare_dash() ?></td>
            <td class="compare-td compare-td--featured"><?= compare_check() ?></td>
            <td class="compare-td"><?= compare_check() ?></td>
          </tr>

          <tr class="compare-section-row">
            <td colspan="4" class="compare-section-label">Support &amp; Advanced</td>
          </tr>
          <tr>
            <td class="compare-td">Email support</td>
            <td class="compare-td"><?= compare_check() ?></td>
            <td class="compare-td compare-td--featured"><?= compare_check() ?></td>
            <td class="compare-td"><?= compare_check() ?></td>
          </tr>
          <tr>
            <td class="compare-td">Priority support (1-day response)</td>
            <td class="compare-td"><?= compare_dash() ?></td>
            <td class="compare-td compare-td--featured"><?= compare_check() ?></td>
            <td class="compare-td"><?= compare_check() ?></td>
          </tr>
          <tr>
            <td class="compare-td">Multi-location dashboard</td>
            <td class="compare-td"><?= compare_dash() ?></td>
            <td class="compare-td compare-td--featured"><?= compare_dash() ?></td>
            <td class="compare-td"><?= compare_check() ?></td>
          </tr>
          <tr>
            <td class="compare-td">API / DMS integration</td>
            <td class="compare-td"><?= compare_dash() ?></td>
            <td class="compare-td compare-td--featured"><?= compare_dash() ?></td>
            <td class="compare-td"><?= compare_check() ?></td>
          </tr>
          <tr>
            <td class="compare-td">Dedicated account manager</td>
            <td class="compare-td"><?= compare_dash() ?></td>
            <td class="compare-td compare-td--featured"><?= compare_dash() ?></td>
            <td class="compare-td"><?= compare_check() ?></td>
          </tr>

        </tbody>
      </table>
    </div>

  </div>
</section>


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

    <div class="pricing-faq__sidebar reveal">
      <span class="section-label">FAQ</span>
      <h2 class="pricing-faq__sidebar-title">Pricing questions, answered</h2>
      <p class="pricing-faq__sidebar-sub">Still have questions? Email <a href="mailto:dealers@doihavearecall.com">dealers@doihavearecall.com</a> and we&rsquo;ll respond within one business day.</p>
      <a href="/dealer/register.php" class="btn btn--primary">Get Started</a>
    </div>

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

      <div class="pricing-faq__item">
        <button class="pricing-faq__q" aria-expanded="false">
          What&rsquo;s the difference between Starter and Pro?
          <svg class="pricing-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="pricing-faq__a" hidden>
          Starter gets you listed in recall search results for one certified brand with a basic profile and 25-mile service area. Pro adds priority placement at the top of results, up to five certified brands, an enhanced profile with photos and a booking link, monthly performance reports, nearby driver recall alerts, and priority support.
        </div>
      </div>

      <div class="pricing-faq__item">
        <button class="pricing-faq__q" aria-expanded="false">
          Is there a contract or minimum commitment on Pro?
          <svg class="pricing-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="pricing-faq__a" hidden>
          No. Monthly Pro billing is month-to-month; cancel any time from your dashboard. Annual Pro billing locks in the discounted rate for 12 months, and you can cancel renewal before the end of the term at no penalty.
        </div>
      </div>

      <div class="pricing-faq__item">
        <button class="pricing-faq__q" aria-expanded="false">
          How does priority placement actually work?
          <svg class="pricing-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="pricing-faq__a" hidden>
          When a driver searches their recall and we show nearby dealers, Pro listings appear above Starter listings in the results. Within the same ZIP code, Pro dealers are sorted to the top, giving your dealership the most visible position when it matters most.
        </div>
      </div>

      <div class="pricing-faq__item">
        <button class="pricing-faq__q" aria-expanded="false">
          Do you take a cut of recall repair revenue?
          <svg class="pricing-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="pricing-faq__a" hidden>
          Never. We charge a flat subscription for platform access. There is no referral fee, no commission, and no revenue share on recall repairs. When a manufacturer reimburses you, every dollar stays with your dealership.
        </div>
      </div>

      <div class="pricing-faq__item">
        <button class="pricing-faq__q" aria-expanded="false">
          Can I switch plans at any time?
          <svg class="pricing-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="pricing-faq__a" hidden>
          Yes. You can upgrade from Starter to Pro at any time; the change takes effect immediately and you&rsquo;re billed on a pro-rated basis. Downgrading takes effect at the end of your current billing period.
        </div>
      </div>

      <div class="pricing-faq__item">
        <button class="pricing-faq__q" aria-expanded="false">
          Do you offer any discounts for annual billing?
          <svg class="pricing-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="pricing-faq__a" hidden>
          Yes. Annual billing saves you 25% on any plan: Starter drops to $224/month (billed as $2,688/yr) and Pro drops to $374/month (billed as $4,488/yr). Toggle the billing switch at the top of this page to see annual pricing. You can cancel annual renewal before your term ends at no penalty.
        </div>
      </div>

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


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

      <h2 class="pricing-cta__title" id="pricing-cta-heading">
        Ready to put your dealership in front of drivers who need you?
      </h2>

      <p class="pricing-cta__sub">
        Get started today. No commissions, no long-term contracts. Keep every dollar of recall revenue for yourself.
      </p>

      <div class="pricing-cta__actions">
        <a href="/dealer/register.php" class="btn btn--primary btn--lg">Get Started Today</a>
        <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 Sales</a>
      </div>

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

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


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