<?php
$page      = 'about';
$pageTitle = 'About Us | Do I Have a Recall?';
$pageDesc  = 'doihavearecall.com is a free public service helping vehicle owners check for open safety recalls and find franchise dealers to fix them, at no cost.';
$pageCss   = ['assets/css/about.css'];
include 'includes/header.php';
?>

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

    <div class="about-hero__text">
      <span class="section-label reveal">About Us</span>
      <h1 class="about-hero__title reveal reveal-delay-1">
        Helping drivers stay <em>safe</em>, for free
      </h1>
      <p class="about-hero__sub reveal reveal-delay-2">
        doihavearecall.com is a free public service that delivers comprehensive recall data to your fingertips, so you can find out in seconds whether your vehicle needs a safety repair.
      </p>
      <a href="/" class="btn btn--primary btn--lg reveal reveal-delay-3">Check Your Vehicle Now</a>
    </div>

    <div class="about-hero__graphic reveal reveal-delay-2">
      <img class="about-hero__image" src="/assets/img/about_us.png" alt="Vehicle protected by a safety shield" width="1142" height="796">
    </div>

  </div>
</section>


<!-- ============================================================
     MISSION
     ============================================================ -->
<section class="about-mission">
  <div class="container about-mission__inner">

    <div class="about-mission__text reveal">
      <p class="about-mission__label">Our Mission</p>
      <h2 class="about-mission__title">No driver should be caught off guard by a safety recall</h2>
      <div class="about-mission__body">
        <p>Every year, millions of vehicles are affected by safety recalls: faulty airbags, brake failures, fire risks, and more. The repairs are always free, but millions of owners never find out they qualify. We exist to close that gap.</p>
        <p>Our mission is simple: make it effortless for every driver in America to know whether their vehicle has an open recall and where to get it fixed, completely free of charge.</p>
        <p>Our recall data is powered by RecallHQ, aggregating records from vehicle manufacturers, NHTSA, and Technical Service Bulletins (TSBs), and updated daily so you always have the most current information available. No account required. No fees. Ever.</p>
      </div>
    </div>

    <div class="about-mission__visual reveal reveal-delay-1" aria-hidden="true">
      <div class="about-stat">
        <p class="about-stat__number">392M+</p>
        <p class="about-stat__label">vehicles recalled in the last decade</p>
      </div>
      <div class="about-stat">
        <p class="about-stat__number">1 in 4</p>
        <p class="about-stat__label">vehicles on the road has an open recall</p>
      </div>
      <div class="about-stat">
        <p class="about-stat__number">$0</p>
        <p class="about-stat__label">cost to check or to get a recall repaired</p>
      </div>
      <div class="about-stat">
        <p class="about-stat__number">Daily</p>
        <p class="about-stat__label">recall data updates via RecallHQ</p>
      </div>
    </div>

  </div>
</section>


<!-- ============================================================
     VALUES
     ============================================================ -->
<section class="about-values">
  <div class="container">

    <div class="about-values__header reveal">
      <span class="section-label">What We Stand For</span>
      <h2 class="about-values__title">Built around the driver, not a business model</h2>
    </div>

    <div class="about-values__grid">

      <div class="about-value reveal">
        <div class="about-value__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"/>
            <line x1="12" y1="8" x2="12" y2="12"/>
            <line x1="12" y1="16" x2="12.01" y2="16"/>
          </svg>
        </div>
        <h3 class="about-value__title">Transparency</h3>
        <p class="about-value__body">We tell you exactly where our data comes from (RecallHQ, aggregating manufacturer, NHTSA, and TSB records), how often it's updated, and what a result does and doesn't mean. No black boxes, no hidden logic.</p>
      </div>

      <div class="about-value reveal reveal-delay-1">
        <div class="about-value__icon">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
            <rect x="3" y="11" width="18" height="11" rx="2" ry="2"/>
            <path d="M7 11V7a5 5 0 0 1 10 0v4"/>
          </svg>
        </div>
        <h3 class="about-value__title">Privacy</h3>
        <p class="about-value__body">We use your VIN or plate number only to check for recalls. We don't use your submission to build profiles, sell data, or require you to create an account. Your information is yours.</p>
      </div>

      <div class="about-value reveal reveal-delay-2">
        <div class="about-value__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="20 6 9 17 4 12"/>
          </svg>
        </div>
        <h3 class="about-value__title">Simplicity</h3>
        <p class="about-value__body">A recall check should take seconds, not a trip down a government website rabbit hole. We designed this tool for the driver who just wants a quick, clear answer.</p>
      </div>

      <div class="about-value reveal">
        <div class="about-value__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="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/>
          </svg>
        </div>
        <h3 class="about-value__title">Safety First</h3>
        <p class="about-value__body">Every feature we build is in service of one goal: getting unsafe vehicles repaired. We surface recall urgency clearly so you know when to act fast.</p>
      </div>

      <div class="about-value reveal reveal-delay-1">
        <div class="about-value__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="about-value__title">Always Free</h3>
        <p class="about-value__body">The law requires recall repairs to be free. Checking for them should be too. We will never charge vehicle owners to use this service. Full stop.</p>
      </div>

      <div class="about-value reveal reveal-delay-2">
        <div class="about-value__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="3"/>
            <path d="M19.07 4.93a10 10 0 0 1 0 14.14"/>
            <path d="M4.93 4.93a10 10 0 0 0 0 14.14"/>
          </svg>
        </div>
        <h3 class="about-value__title">Accuracy</h3>
        <p class="about-value__body">Our recall data is powered by RecallHQ, which aggregates records from manufacturers, NHTSA, and Technical Service Bulletins, updated daily. We don't filter or delay recall notices; you get the most complete recall picture, fast.</p>
      </div>

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


<!-- ============================================================
     STORY
     ============================================================ -->
<section class="about-story">
  <div class="container">
    <div class="about-story__inner reveal">
      <p class="about-story__label">Why We Built This</p>
      <h2 class="about-story__title">The problem was bigger than we expected</h2>
      <div class="about-story__body">
        <p>Recall data is public and comprehensive, but it's not exactly built for the average driver. We found that many people didn't know where to check for recalls, didn't know it was free to get them fixed, or had simply never thought about it. Meanwhile, roughly one in four vehicles on American roads has at least one open recall sitting unaddressed.</p>
        <p>We built doihavearecall.com to be the tool we wish existed: fast, clean, no junk, no upsells. Enter your VIN or license plate, get your recall status in seconds, and find a nearby franchise dealer if you need a repair. That's it.</p>
        <p>We're here for drivers. DoIHaveARecall.com is an independent service that helps vehicle owners quickly find open safety recalls and locate authorized repair facilities. Some dealerships partner with us to increase recall awareness in their communities, but those partnerships never affect the recall data you see. Every recall result is powered by RecallHQ using manufacturer and government recall information. </p>
      </div>
    </div>
  </div>
</section>


<!-- ============================================================
     CTA BANNER
     ============================================================ -->
<section class="cta-banner" aria-labelledby="about-cta-heading">
  <div class="container cta-banner__inner">
    <h2 class="cta-banner__title reveal" id="about-cta-heading">
      See if your vehicle has an open recall
    </h2>
    <p class="cta-banner__sub reveal reveal-delay-1">
      Takes less than a minute. Always free.
    </p>
    <a href="/" class="btn btn--light btn--lg reveal reveal-delay-2">
      Check for Recalls Now
    </a>
  </div>
</section>


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