// components/hero.el - Hero section.
//
// Full-bleed hero with headline, sub-copy, and two CTAs.
// Glow orbs are pure CSS absolute-positioned divs.
// Entrance animations are CSS keyframes with class-based delays.

fn hero() -> String {
    return "
<section id=\"hero\" aria-label=\"Hero\">
  <div class=\"glow-tl\" aria-hidden=\"true\"></div>
  <div class=\"glow-br\" aria-hidden=\"true\"></div>

  <p class=\"label hero-label animate-up-1\">One builder. Patented. No permission.</p>

  <h1 class=\"display-xl hero-headline animate-up-2\">
    Every AI resets when you close the tab.
    <em class=\"gold\" style=\"font-style:normal\">I built the one that doesn&#39;t.</em>
  </h1>

  <p class=\"hero-sub animate-up-3\">
    Runs on your machine. Remembers everything. Priced below ChatGPT on day one.
  </p>

  <div class=\"hero-ctas animate-up-5\">
    <a href=\"#pricing\" class=\"btn-primary\">
      Preorder <span>&#8594;</span>
    </a>
    <a href=\"#how-it-works\" class=\"btn-ghost\">
      See how it works
    </a>
  </div>

  <div class=\"hero-scroll\" aria-hidden=\"true\">
    <span>Scroll</span>
    <div class=\"hero-scroll-line\"></div>
  </div>
</section>
"
}
