<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Revain: Product Reviews with an AI Assistant</title>
    <meta
      name="description"
      content="Single-page Revain experience for fast product reviews with a lightweight SEO-ready interface."
    >
    <meta
      name="keywords"
      content="reviews, product reviews, Revain, AI reviews, consumer opinions"
    >
    <meta name="robots" content="index,follow">
    <meta name="theme-color" content="#5e2cf2">
    <link rel="canonical" href="https://revain.org/">
    <link rel="alternate" hreflang="en" href="https://revain.org/">
    <link rel="alternate" hreflang="x-default" href="https://revain.org/">
    <link rel="icon" href="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=Unbounded:wght@300;400;500;700&display=swap"
      rel="stylesheet"
    >
    <meta property="og:type" content="website">
    <meta property="og:title" content="Revain: Product Reviews with an AI Assistant">
    <meta
      property="og:description"
      content="Single-page Revain experience for fast product reviews with a lightweight SEO-ready interface."
    >
    <meta property="og:locale" content="en_US">
    <meta property="og:site_name" content="Revain">
    <meta property="og:url" content="https://revain.org/">
    <meta name="twitter:card" content="summary">
    <meta name="twitter:title" content="Revain: Product Reviews with an AI Assistant">
    <meta
      name="twitter:description"
      content="Single-page Revain experience for fast product reviews with a lightweight SEO-ready interface."
    >
    <link rel="stylesheet" href="styles.css">
    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "WebSite",
        "name": "Revain",
        "url": "https://revain.org",
        "inLanguage": ["en"],
        "description": "Single-page Revain experience for fast product reviews with a lightweight SEO-ready interface."
      }
    </script>
    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "Organization",
        "name": "Revain",
        "url": "https://revain.org/",
        "logo": "https://revain.org/assets/revain-logo.svg"
      }
    </script>
    <script defer src="analytics.js"></script>
    <script defer src="app.js"></script>
  </head>
  <body>
    <main class="page-shell">
      <header class="site-header">
        <div class="site-header-inner">
          <a href="/" class="logo-link" aria-label="Revain logo">
            <img src="assets/revain-logo.svg" alt="Revain logo" width="140" height="56">
          </a>
        </div>
      </header>

      <section class="hero">
        <section id="elyxta-chat-form" class="elyxta-chat-form">
          <h1>Get a sharp product review in seconds</h1>
          <p class="subheadline">
            Ask about any product and receive a concise review with no extra fluff.
          </p>

          <form id="chat-form" class="chat-form">
            <div class="message-row">
              <textarea
                id="message"
                name="message"
                placeholder="Example: review iPhone 17"
                rows="3"
                maxlength="200"
                required
              ></textarea>
              <button
                id="submit-button"
                class="chat-send"
                type="submit"
                aria-label="Get Review"
                disabled
              >
                <svg
                  class="chat-send-icon"
                  width="62"
                  height="62"
                  viewBox="0 0 62 62"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                  aria-hidden="true"
                >
                  <circle cx="31" cy="31" r="31" fill="#2A57F2" fill-opacity="0.1"></circle>
                  <path
                    d="M42.2794 17.1183C43.8945 16.554 45.446 18.1055 44.8817 19.7205L35.463 46.633C34.8509 48.3784 32.4188 48.4769 31.6684 46.7872L30.7986 44.8302C28.5845 39.8492 29.6665 34.0192 33.5204 30.1644C33.731 29.9384 33.8457 29.6395 33.8402 29.3306C33.8348 29.0217 33.7096 28.727 33.4912 28.5086C33.2727 28.2902 32.978 28.165 32.6692 28.1596C32.3603 28.1541 32.0614 28.2688 31.8354 28.4794C27.9805 32.3332 22.1504 33.4152 17.1694 31.2012L15.2123 30.3313C13.5225 29.5794 13.6226 27.1489 15.3665 26.5369L42.2794 17.1183Z"
                    fill="#2A57F2"
                  ></path>
                </svg>
                <span id="submit-text" class="chat-send-text">Get Review</span>
              </button>
            </div>

            <div id="input-meta" class="input-meta">
              <span id="char-count">0/200</span>
              <span id="limit-warning" hidden>Character limit reached: 200 maximum.</span>
            </div>

            <div class="chat-form-footer">
              <div class="quick-prompts">
                <span>Quick prompts</span>
                <div class="quick-prompts-list">
                  <button type="button" data-prompt="review iPhone 17">review iPhone 17</button>
                  <button type="button" data-prompt="review Samsung Galaxy Watch Ultra 2">
                    review Samsung Galaxy Watch Ultra 2
                  </button>
                  <button type="button" data-prompt="review PlayStation 5 Pro">
                    review PlayStation 5 Pro
                  </button>
                  <button type="button" data-prompt="review AirPods Pro 3">
                    review AirPods Pro 3
                  </button>
                  <button type="button" data-prompt="review Dyson V15 Detect">
                    review Dyson V15 Detect
                  </button>
                  <button type="button" data-prompt="review MacBook Pro M4">
                    review MacBook Pro M4
                  </button>
                  <button type="button" data-prompt="review Nintendo Switch 2">
                    review Nintendo Switch 2
                  </button>
                </div>
              </div>
            </div>
          </form>

          <article id="review-output" class="review-output" aria-live="polite" hidden>
            <h2 id="review-heading">Review</h2>
            <div id="review-markdown" class="review-markdown"></div>
          </article>

          <p id="remaining" class="remaining" hidden></p>
        </section>
      </section>

      <footer class="site-footer">
        <div class="footer-bottom">
          <span>&copy; Revain. Reviews simplified.</span>
          <nav class="footer-legal" aria-label="Legal">
            <a href="/privacy-policy.html">Privacy Policy</a>
            <a href="/terms-and-conditions.html">Terms and Conditions</a>
            <a href="/cookie-policy.html">Cookie Policy</a>
          </nav>
        </div>
      </footer>
    </main>
  </body>
</html>
