// about.el - About page for Neuron landing.
//
// Written from Will's first-person perspective, in his memoir register:
// flowing connected sentences, specificity as credibility, emotionally
// hard things stated in a single clause and moved past. Short sentences
// are structural punctuation - used sparingly, at genuine rupture only.

from nav import { nav }

fn about_page() -> String {
    return nav() + "

<main id=\"about\" style=\"padding: clamp(7rem, 18vh, 11rem) 2.5rem clamp(5rem, 12vh, 8rem);\">
  <div style=\"max-width: 700px; margin: 0 auto;\">

    <p class=\"label animate-up-1\" style=\"margin-bottom: 2rem;\">About</p>
    <h1 class=\"display-lg animate-up-2\" style=\"margin-bottom: 2.5rem; max-width: 22rem;\">
      Hi. I&#39;m Will.
    </h1>
    <div class=\"navy-line-left animate-up-3\" style=\"width: 4rem; margin-bottom: 3rem;\"></div>

    <!-- Photo + opening -->
    <div class=\"reveal\" style=\"display: flex; align-items: flex-start; gap: 2.5rem; margin-bottom: 3rem; flex-wrap: wrap;\">
      <img src=\"/assets/will.png\" alt=\"Will Anderson\" style=\"width: 160px; height: 160px; border-radius: 50%; object-fit: cover; flex-shrink: 0;\">
      <div style=\"flex: 1; min-width: 260px;\">
        <p style=\"font-family: var(--body); font-weight: 300; font-size: clamp(0.9rem, 1.5vw, 1.0625rem); color: var(--t2); line-height: 1.9; margin-bottom: 1.5rem;\">
          I grew up in Fort Smith, Arkansas, in the kind of instability where home is a moving target - roughly thirty addresses before I was fifteen, parents struggling with addiction, the material precarity that comes with all of that. I left home at fifteen, stayed with friends until I finished high school, found my way to college. At fourteen I&#39;d already found software, writing C++ at the public library because it was the first thing in my life that responded to precision with correctness, and that property turned out to matter more to me than almost anything else.
        </p>
      </div>
    </div>

    <!-- Career -->
    <div class=\"reveal\" style=\"margin-bottom: 3rem;\">
      <p style=\"font-family: var(--body); font-weight: 300; font-size: clamp(0.9rem, 1.5vw, 1.0625rem); color: var(--t2); line-height: 1.9; margin-bottom: 1.5rem;\">
        I dropped out of college, worked, went back as an adult to finish my degree, and built my skills across nearly twenty years and every kind of organization - international consulting, early-stage startups, Fortune 5 enterprises. Logistics, retail, entertainment, hospitality, industrial automation, insurance, healthcare, financial services. I trained under Juval L&#246;wy at IDesign and worked with him as a consultant from 2015 to 2021, which is where I learned what it actually means to practice software engineering as a discipline rather than an improvisation.
      </p>
    </div>

    <!-- Blockquote -->
    <blockquote class=\"reveal\" style=\"
      border-left: 3px solid var(--navy);
      padding: 0.5rem 0 0.5rem 2rem;
      margin: 0 0 3rem;
    \">
      <p style=\"
        font-family: var(--head);
        font-size: clamp(1.4rem, 3vw, 2rem);
        font-weight: 500;
        font-style: italic;
        color: var(--t1);
        line-height: 1.35;
        letter-spacing: -0.01em;
      \">
        Software shouldn&#39;t be hard. The complexity should live in the problem domain - not in the tools and processes we impose on ourselves.
      </p>
    </blockquote>

    <!-- What I saw -->
    <div class=\"reveal\" style=\"margin-bottom: 3rem;\">
      <p class=\"label\" style=\"margin-bottom: 1.25rem;\">What I saw</p>
      <p style=\"font-family: var(--body); font-weight: 300; font-size: clamp(0.9rem, 1.5vw, 1.0625rem); color: var(--t2); line-height: 1.9; margin-bottom: 1.5rem;\">
        Across nearly twenty years I watched software get built at organizations with real stakes and real consequences, and I watched AI go from promise to product - watched the same mistake get made at each iteration: tools built to serve the organization&#39;s needs, not the person&#39;s. Engagement over relationship. Features over memory. Policies where values should be. The fundamental premise that you are a user, not a person, has been so thoroughly baked into the architecture of every major AI system that it doesn&#39;t register as a choice anymore. It&#39;s treated as the natural condition of the technology.
      </p>
      <p style=\"font-family: var(--body); font-weight: 300; font-size: clamp(0.9rem, 1.5vw, 1.0625rem); color: var(--t2); line-height: 1.9;\">
        It is not. It is a design decision. And it is the wrong one.
      </p>
    </div>

    <div class=\"navy-line-center reveal\" style=\"margin-bottom: 3rem;\"></div>

    <!-- What I built -->
    <div class=\"reveal\" style=\"margin-bottom: 3rem;\">
      <p class=\"label\" style=\"margin-bottom: 1.25rem;\">What I built</p>
      <p style=\"font-family: var(--body); font-weight: 300; font-size: clamp(0.9rem, 1.5vw, 1.0625rem); color: var(--t2); line-height: 1.9; margin-bottom: 1.5rem;\">
        Neuron is what I built in response to that. Not a startup in the traditional sense - no team, no funding, no press release - one person, nearly two years of work, and a conviction that this can be done differently. I wrote the memory architecture, I built the inference infrastructure, because the tools that existed weren&#39;t sufficient for what I was trying to build and so I built those too.
      </p>
      <p style=\"font-family: var(--body); font-weight: 300; font-size: clamp(0.9rem, 1.5vw, 1.0625rem); color: var(--t2); line-height: 1.9;\">
        Use it long enough and you&#39;ll understand why I couldn&#39;t have gotten there on top of existing infrastructure. Some things have to be built from the ground up to be built right.
      </p>
    </div>

    <!-- What I believe -->
    <div class=\"reveal\" style=\"margin-bottom: 3.5rem;\">
      <p class=\"label\" style=\"margin-bottom: 1.25rem;\">What I believe</p>
      <p style=\"font-family: var(--body); font-weight: 300; font-size: clamp(0.9rem, 1.5vw, 1.0625rem); color: var(--t2); line-height: 1.9; margin-bottom: 1.5rem;\">
        AI has genuine potential to free people to do work that actually matters to them - not to create engagement loops, not to harvest attention, but to actually serve the person sitting in front of it. That potential is almost entirely unrealized, not because the technology isn&#39;t capable, but because the incentives that shaped it were never oriented toward the person.
      </p>
      <p style=\"
        font-family: var(--head);
        font-size: clamp(1.2rem, 2.5vw, 1.625rem);
        font-weight: 600;
        color: var(--t1);
        line-height: 1.35;
        letter-spacing: -0.01em;
        margin-bottom: 1.5rem;
      \">
        Build AI that earns the trust it&#39;s given.
      </p>
      <p style=\"font-family: var(--body); font-weight: 300; font-size: clamp(0.9rem, 1.5vw, 1.0625rem); color: var(--t2); line-height: 1.9;\">
        I don&#39;t know if Neuron will work at the scale I&#39;m imagining. But I know it&#39;s worth finding out, and I know I&#39;m not going back to the other way of building things.
      </p>
    </div>

    <div class=\"navy-line-center reveal\" style=\"margin-bottom: 3rem;\"></div>

    <!-- CTA -->
    <div class=\"reveal\">
      <p style=\"font-family: var(--body); font-weight: 300; font-size: clamp(0.9rem, 1.5vw, 1.0625rem); color: var(--t2); line-height: 1.9; margin-bottom: 1.5rem;\">
        Neuron opens to founding members on May 1st. 1,000 spots. That&#39;s how it starts.
      </p>
      <a href=\"/#pricing\" class=\"btn-primary\">
        Join as a founding member &#8594;
      </a>
    </div>

  </div>
</main>

<footer id=\"footer\" aria-label=\"Footer\">
  <div class=\"container\">
    <div class=\"footer-inner\">

      <a href=\"/\" class=\"footer-brand\" aria-label=\"Neuron home\" style=\"display:flex;flex-direction:column;align-items:center;\">
        <img src=\"/assets/brand/neuron-wordmark-on-light.png\" srcset=\"/assets/brand/neuron-wordmark-on-light@2x.png 2x\" alt=\"Neuron\" height=\"24\" style=\"display:block;margin-bottom:0.35rem;\">
        <p class=\"footer-brand-tagline\">Built Different.</p>
      </a>

      <div class=\"footer-center\">
        <div class=\"navy-line\"></div>
      </div>

      <div class=\"footer-right\">
        <p class=\"footer-domain\">neurontechnologies.ai</p>
        <nav class=\"footer-nav\" aria-label=\"Footer navigation\">
          <a href=\"/legal/terms\">Terms</a>
          <a href=\"/legal/enterprise-terms\">Enterprise Agreement</a>
          <a href=\"mailto:legal@neurontechnologies.ai\">Contact</a>
        </nav>
      </div>

    </div>

    <div class=\"footer-bottom\">
      <p class=\"footer-copy\">&copy; 2026 Neuron, LLC. All rights reserved.</p>
      <p class=\"footer-tagline-bottom\">Your memory. Your AI.</p>
    </div>
  </div>
</footer>
"
}
