site/404.html

Rama main · réplica de lectura del repositorio original.

<!doctype html>
<html lang="en" data-theme="dark">
  <head>
    <meta charset="utf-8" />
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-49RD5H9MR3"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'G-49RD5H9MR3');
    </script>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Page not found · Fonoster</title>
    <meta name="theme-color" content="#181818" />
    <meta name="robots" content="noindex" />
    <link rel="icon" href="/assets/img/favicon.ico" />
    <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=Poppins:wght@400;500;600&family=Roboto+Mono:wght@400;500;700&display=swap"
      rel="stylesheet"
    />
    <link rel="stylesheet" href="/assets/css/v1.css" />
    <script>
      try {
        document.documentElement.dataset.theme = localStorage.getItem("fonoster.theme") === "light" ? "light" : "dark";
      } catch (e) {}
    </script>
  </head>
  <body data-page="notfound" data-icons="/assets/img/icons.svg">
    <script src="/assets/js/notice.js"></script>
    <header class="nav" data-nav>
      <div class="container nav__in">
        <a class="logo" href="/" aria-label="Fonoster">
          <img class="logo--dark" src="/assets/img/logo-dark.svg" alt="Fonoster" width="124" height="32" />
          <img class="logo--light" src="/assets/img/logo.svg" alt="Fonoster" width="124" height="32" />
        </a>
        <nav class="nav__links" aria-label="Main">
          <div class="menu" data-products>
            <button class="menu__btn" type="button" aria-expanded="false" aria-controls="products-menu" data-products-btn>
              <span data-i18n="nav.products">Products</span><svg class="icon" aria-hidden="true"><use href="/assets/img/icons.svg#i-chevron-down"></use></svg>
            </button>
            <div class="menu__panel" id="products-menu" hidden>
              <a class="menu__item" href="/streams/"><span class="menu__icon"><svg class="icon" aria-hidden="true"><use href="/assets/img/icons.svg#i-audio-lines"></use></svg></span><span class="menu__text"><b data-i18n="nav.streams">Bidirectional Streams</b><span data-i18n="nav.streamsLine">Bring your own bot over WebSocket</span></span></a>
              <a class="menu__item" href="/autopilot/"><span class="menu__icon"><svg class="icon" aria-hidden="true"><use href="/assets/img/icons.svg#i-bot"></use></svg></span><span class="menu__text"><b data-i18n="nav.autopilot">Autopilot</b><span data-i18n="nav.autopilotLine">AI agents from one config file</span></span></a>
              <a class="menu__item" href="/private-regions/"><span class="menu__icon"><svg class="icon" aria-hidden="true"><use href="/assets/img/icons.svg#i-shield-check"></use></svg></span><span class="menu__text"><b data-i18n="nav.regions">Private Regions</b><span data-i18n="nav.regionsLine">Calls run in your own cloud</span></span></a>
            </div>
          </div>
          <a href="https://docs.fonoster.com/" data-i18n="nav.docs">Docs</a>
          <a href="/pricing/" data-i18n="nav.pricing">Pricing</a>
        </nav>
        <div class="nav__actions">
          <a class="gh-chip" href="https://github.com/fonoster/fonoster" aria-label="Fonoster on GitHub, 8.1K stars">
            <svg class="icon i-github" aria-hidden="true"><use href="/assets/img/icons.svg#i-github"></use></svg>
            <svg class="icon i-star" aria-hidden="true"><use href="/assets/img/icons.svg#i-star"></use></svg>
            <span>8.1K</span>
          </a>
          <a class="btn btn--primary btn--sm" href="https://app.fonoster.ai/sign-in" data-i18n="cta.start">Start building</a>
          <button class="nav__menu" type="button" aria-expanded="false" aria-controls="sheet" aria-label="Menu" data-menu data-i18n-attr="aria-label:nav.menu">
            <svg class="icon" aria-hidden="true"><use href="/assets/img/icons.svg#i-menu"></use></svg>
          </button>
        </div>
      </div>
      <div class="sheet" id="sheet" hidden>
        <span class="sheet__label" data-i18n="nav.products">Products</span>
        <a class="sheet__product" href="/streams/"><svg class="icon" aria-hidden="true"><use href="/assets/img/icons.svg#i-audio-lines"></use></svg><span data-i18n="nav.streams">Bidirectional Streams</span></a>
        <a class="sheet__product" href="/autopilot/"><svg class="icon" aria-hidden="true"><use href="/assets/img/icons.svg#i-bot"></use></svg><span data-i18n="nav.autopilot">Autopilot</span></a>
        <a class="sheet__product" href="/private-regions/"><svg class="icon" aria-hidden="true"><use href="/assets/img/icons.svg#i-shield-check"></use></svg><span data-i18n="nav.regions">Private Regions</span></a>
        <a href="https://docs.fonoster.com/" data-i18n="nav.docs">Docs</a>
        <a href="/pricing/" data-i18n="nav.pricing">Pricing</a>
        <a class="btn btn--primary" href="https://app.fonoster.ai/sign-in" data-i18n="cta.start">Start building</a>
      </div>
    </header>

    <main>
      <section class="nf" data-loop>
        <div class="atmos atmos--center" aria-hidden="true">
          <div class="dots"><i class="dots__wave"></i></div>
        </div>
        <div class="container nf__in">
          <span class="pill mono" data-reveal>404</span>
          <h1 data-i18n="nf.title" data-reveal style="--i: 1">This line isn't in service.</h1>
          <p class="t-lead" data-i18n="nf.sub" data-reveal style="--i: 2">The page you're looking for doesn't exist.</p>
          <a class="btn btn--primary" href="/" data-i18n="nf.home" data-reveal style="--i: 3">Back to home</a>
        </div>
      </section>
    </main>

    <footer class="footer">
      <div class="container footer__in">
        <span class="footer__copy" data-i18n="footer.rights">© 2026 Fonoster Inc.</span>
        <nav class="footer__links" aria-label="Footer">
          <a href="https://docs.fonoster.com/" data-i18n="nav.docs">Docs</a>
          <a href="https://github.com/fonoster/fonoster">GitHub</a>
          <a href="https://discord.gg/4QWgSz4hTC">Discord</a>
          <a href="https://x.com/fonoster">X</a>
          <a href="/terms/" data-i18n="footer.terms">Terms</a>
          <a href="/privacy/" data-i18n="footer.privacy">Privacy</a>
        </nav>
        <div class="prefs">
          <label class="prefs__item">
            <svg class="icon" aria-hidden="true"><use href="/assets/img/icons.svg#i-globe"></use></svg>
            <span class="sr-only" data-i18n="prefs.language">Language</span>
            <select data-pref="lang">
              <option value="en">English</option>
              <option value="es">Español</option>
            </select>
            <svg class="icon chev" aria-hidden="true"><use href="/assets/img/icons.svg#i-chevron-down"></use></svg>
          </label>
          <span class="prefs__div" aria-hidden="true"></span>
          <label class="prefs__item">
            <svg class="icon" aria-hidden="true" data-theme-icon><use href="/assets/img/icons.svg#i-moon"></use></svg>
            <span class="sr-only" data-i18n="prefs.theme">Theme</span>
            <select data-pref="theme">
              <option value="dark" data-i18n="prefs.dark">Dark</option>
              <option value="light" data-i18n="prefs.light">Light</option>
            </select>
            <svg class="icon chev" aria-hidden="true"><use href="/assets/img/icons.svg#i-chevron-down"></use></svg>
          </label>
        </div>
      </div>
    </footer>

    <script src="/assets/js/i18n.js"></script>
    <script src="/assets/js/v1.js"></script>
  </body>
</html>