postcardmojo/public/404.html

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Page not found | PostcardMojo</title>
  <meta name="robots" content="noindex">
  <meta name="theme-color" content="#062f4f">
  <link rel="icon" href="/favicon.ico" sizes="any">
  <link rel="icon" type="image/png" sizes="32x32" href="/images/PostcardMojo_Brand_Assets/PostcardMojo_Favicon_32.png">
  <link rel="apple-touch-icon" href="/images/PostcardMojo_Brand_Assets/PostcardMojo_Apple_Touch_180.png">
  <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=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="/css/home.css?v=20261103">
</head>
<body id="top">
  <a class="skip-link" href="#main-content">Skip to main content</a>

  <header class="site-header">
    <div class="shell nav-shell">
      <a class="brand" href="/" aria-label="PostcardMojo home">
        <picture>
          <source type="image/webp" srcset="/images/PostcardMojo_Brand_Assets/PostcardMojo_Logo_220.webp">
          <img src="/images/PostcardMojo_Brand_Assets/PostcardMojo_Logo_220.png" width="88" height="88" alt="PostcardMojo">
        </picture>
      </a>
      <nav class="site-nav" id="site-nav" aria-label="Primary navigation">
        <a href="/#how-it-works">How it works</a>
        <a href="/#ad-sizes">Ad sizes</a>
        <a href="/#why-postcards">Why it works</a>
        <a href="/#good-fit">Who it is for</a>
        <a href="/#faq">FAQ</a>
      </nav>
      <a class="button button-small button-primary" href="/#contact">Find your spot</a>
      <button class="nav-toggle" type="button" aria-expanded="false" aria-controls="site-nav" aria-label="Menu">
        <span class="nav-toggle-bars" aria-hidden="true"></span>
      </button>
    </div>
  </header>

  <main id="main-content">
    <section class="section legal-page">
      <div class="shell legal-shell">
        <p class="eyebrow"><span></span> Error 404</p>
        <h1>This page got lost in the mail.</h1>
        <p class="legal-lead">The page you are looking for doesn't exist or has moved. You can head back to the homepage, or tell us about your business and we'll send you pricing and mail dates for your area.</p>

        <p class="error-actions">
          <a class="button button-primary" href="/#contact">Get pricing for my area</a>
          <a class="button button-quiet" href="/">Go to the homepage</a>
        </p>

        <h2>Popular pages</h2>
        <ul>
          <li><a href="/#how-it-works">How a shared 9×12 postcard works</a></li>
          <li><a href="/#ad-sizes">Ad sizes: 3×4 and 6×4</a></li>
          <li><a href="/#faq">Frequently asked questions</a></li>
          <li><a href="/privacy">Privacy policy</a></li>
        </ul>
      </div>
    </section>
  </main>

  <footer class="site-footer">
    <div class="shell footer-grid">
      <a class="footer-brand" href="/" aria-label="PostcardMojo home">
        <picture>
          <source type="image/webp" srcset="/images/PostcardMojo_Brand_Assets/PostcardMojo_Logo_220.webp">
          <img src="/images/PostcardMojo_Brand_Assets/PostcardMojo_Logo_220.png" width="110" height="110" alt="PostcardMojo" loading="lazy" decoding="async">
        </picture>
      </a>
      <p>Big local visibility, delivered.</p>
      <nav aria-label="Footer navigation">
        <a href="/#how-it-works">How it works</a>
        <a href="/#faq">FAQ</a>
        <a href="/#contact">Contact</a>
        <a href="/privacy">Privacy</a>
      </nav>
      <small>&copy; PostcardMojo. All rights reserved.</small>
    </div>
  </footer>

  <script src="/js/nav.js?v=20261103"></script>
</body>
</html>