neuron-technologies/neuron-web
2
0
Fork 0
Code Issues 2 Pull Requests 4 Actions Packages Projects Releases Wiki Activity

Rewrite landing to El component architecture

Browse Source 
Full El component split: nav, hero, pillars, inference, pricing, footer, about,
enterprise, mission, viral, local_first, comparison, efficiency, environmental.

- About page rewritten first-person (Will's voice), photo included, no product spoilers
- Stripe checkout wired: env() reads STRIPE_SECRET_KEY/PRICE_* at startup
- Minor parent-onboarding callout added to pricing section
- Inference pricing: "at cost" removed, now "priced below competitors"
- Nav: wordmark image, About link active on /about
- .gitignore: excludes .env, dist/, generated HTML
This commit is contained in:
Will Anderson
2026-04-29 16:21:08 -05:00
parent 686ab1ee2f
commit 1d8143cdbc
27 changed files with 3165 additions and 1467 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/about.el
+179
View File
@@ -0,0 +1,179 @@
// about.el — About page for Neuron landing.
//
// Returns the full HTML body content for /about.
// Wrapped by page_open() / page_close() from styles.el.
// Written from Will's first-person perspective.
fn about_page() -> String {
return "
<nav id=\"nav\">
<div class=\"nav-inner\">
<a href=\"/\" class=\"nav-logo\" aria-label=\"Neuron home\"><img src=\"/assets/brand/neuron-wordmark-on-light.png\" srcset=\"/assets/brand/neuron-wordmark-on-light@2x.png 2x\" alt=\"Neuron\" height=\"28\"></a>
<div class=\"nav-links\">
<a href=\"/#how-it-works\" class=\"nav-link\">How it works</a>
<a href=\"/#mission\" class=\"nav-link\">Mission</a>
<a href=\"/#pricing\" class=\"nav-link\">Pricing</a>
<a href=\"/#enterprise\" class=\"nav-link\">Enterprise</a>
<a href=\"/docs\" class=\"nav-link\">Docs</a>
<a href=\"/about\" class=\"nav-link cta\" aria-current=\"page\">About</a>
<a href=\"/#pricing\" class=\"nav-cta\">Get Access</a>
</div>
</div>
</nav>
<main id=\"about\" style=\"padding: clamp(7rem, 18vh, 11rem) 2.5rem clamp(5rem, 12vh, 8rem);\">
<div style=\"max-width: 700px; margin: 0 auto;\">
<!-- Lead -->
<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 + intro -->
<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. Rural poverty, parents with addiction, moved about thirty times before I was fifteen. I left home as a teenager, stayed with friends, finished high school, went to college. At fourteen I found software at the public library &#8212; writing C++ because it was the first thing that ever made complete sense to me.
</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 dropped out. Worked. Went back as an adult to finish my degree.
</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 spent nearly twenty years building software across every kind of organization &#8212; 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. Most recently, principal engineer at one of the largest retailers in the world.
</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 resigned on April 29, 2026. Not because it was a good career move. Because there was something I needed to build.
</p>
</div>
<!-- The insight — 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 &#8212; 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;\">
Nearly twenty years of software built, watched, and dissected. And I watched AI go from promise to product. The same mistake keeps getting made: tools built to serve organizations, not people. Engagement over relationship. Features over memory. Policies over values.
</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;\">
Every conversation starts from zero. You are a user, not a person. That&#39;s not an accident &#8212; it&#39;s 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. Not a startup in the traditional sense &#8212; no team, no funding, no press release. One person, nearly two years, and a conviction that this can be done differently.
</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;\">
I wrote the programming language the core runs in. I wrote the memory architecture. I built the inference infrastructure. I did this because the existing tools weren&#39;t sufficient for what I was trying to build &#8212; 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 nothing I could have built on top of existing infrastructure would have gotten there. 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: 3rem;\">
<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. That potential is almost entirely unrealized &#8212; not because the technology isn&#39;t capable, but because the incentives are wrong.
</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>
<!-- The mission -->
<div class=\"reveal\" style=\"margin-bottom: 3.5rem;\">
<p class=\"label\" style=\"margin-bottom: 1.25rem;\">The mission</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;\">
Not AGI. Not disrupting industries. Not transforming anything. Something that actually knows you &#8212; and is worth knowing.
</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\">
<p class=\"footer-brand-name\">Neuron</p>
<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 Technologies. All rights reserved.</p>
<p class=\"footer-tagline-bottom\">Your memory. Your AI.</p>
</div>
</div>
</footer>
"
}