Rewrite landing to El component architecture

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
+94
View File
@@ -0,0 +1,94 @@
// components/enterprise.el Enterprise section.
// Four capability cards + "Who I work with" box + how-it-works steps.
fn enterprise() -> String {
return "
<section id=\"enterprise\" aria-label=\"Enterprise\">
<div class=\"container\">
<div class=\"enterprise-header\">
<div class=\"enterprise-label-row reveal\">
<div class=\"navy-line-left\" style=\"width:4rem;flex-shrink:0\"></div>
<span class=\"label\" style=\"color:var(--navy-85)\">Enterprise</span>
</div>
<div class=\"enterprise-head-row\">
<div style=\"max-width:28rem\">
<h2 class=\"display-lg reveal\" style=\"transition-delay:80ms\">
Enterprise-ready <span class=\"gold\">from day one.</span>
</h2>
<p class=\"reveal\" style=\"transition-delay:160ms;font-weight:300;font-size:.9375rem;color:var(--t2);line-height:1.7;margin-top:1.25rem\">
Not an afterthought. Not a future roadmap item. Built into the architecture.
</p>
</div>
<div class=\"reveal\" style=\"transition-delay:240ms;display:flex;flex-direction:column;gap:.75rem;align-items:flex-end\">
<div class=\"ent-badge\">
<span class=\"ent-badge-dot\"></span>
Enterprise discussions open Q4 2026
</div>
<a href=\"mailto:enterprise@neurontechnologies.ai\" class=\"btn-primary\">Express interest &#8594;</a>
<p style=\"font-size:.75rem;color:rgba(0,82,160,.45)\">Serious inquiries only &middot; We&#39;ll reach out before Q4</p>
</div>
</div>
</div>
<div class=\"enterprise-grid\">
<div class=\"enterprise-cap card-dark reveal\">
<h3 class=\"display-md\">Private deployment</h3>
<div class=\"enterprise-cap-rule\"></div>
<p class=\"enterprise-cap-body\">Run entirely on your infrastructure. Air-gapped. No data leaves your network. Every employee gets their own Neuron instance &#8212; your company&#39;s institutional knowledge stays inside your walls.</p>
</div>
<div class=\"enterprise-cap card-dark reveal\" style=\"transition-delay:130ms\">
<h3 class=\"display-md\">Institutional memory</h3>
<div class=\"enterprise-cap-rule\"></div>
<p class=\"enterprise-cap-body\">When an employee leaves, their expertise doesn&#39;t. Their memory graph persists &#8212; their patterns, their domain knowledge, their reasoning &#8212; available to the team they built it with.</p>
</div>
<div class=\"enterprise-cap card-dark reveal\" style=\"transition-delay:260ms\">
<h3 class=\"display-md\">Team intelligence</h3>
<div class=\"enterprise-cap-rule\"></div>
<p class=\"enterprise-cap-body\">Shared knowledge packages and cross-instance coordination. The collective intelligence of your organization compounds the same way an individual&#39;s does.</p>
</div>
<div class=\"enterprise-cap card-dark reveal\" style=\"transition-delay:390ms\">
<h3 class=\"display-md\">Compliance architecture</h3>
<div class=\"enterprise-cap-rule\"></div>
<p class=\"enterprise-cap-body\">SQLite local storage. No cloud database with your data. SOC 2 alignment built into the data model. ExternalSecret-based secrets management. Audit logs at every layer.</p>
</div>
</div>
<div class=\"enterprise-box reveal\">
<p class=\"ent-who-label\">Who I work with</p>
<p class=\"ent-who-body\">I am selective. I built Neuron to expand what people can do &#8212; not to help organizations eliminate them. If your interest in this technology is primarily about reducing headcount, I am not your vendor. If it&#39;s about making the people you have dramatically more effective, I want to hear from you.</p>
<p class=\"ent-who-note\">This isn&#39;t a legal hedge. It&#39;s a filter. The Enterprise Agreement makes it binding &#8212; but I&#39;m raising it here because I&#39;d rather you know before you reach out.</p>
<div class=\"ent-how-row\">
<div class=\"ent-how-label\">
<h3 class=\"display-md\" style=\"font-size:1.25rem\">How it works</h3>
</div>
<div class=\"ent-steps\">
<div>
<p class=\"ent-step-num\">01</p>
<p class=\"ent-step-title\">Express interest</p>
<p class=\"ent-step-body\">Send me a note. I review every inquiry myself &#8212; no sales funnel, no SDR. If it&#39;s a fit, I respond directly.</p>
</div>
<div>
<p class=\"ent-step-num\">02</p>
<p class=\"ent-step-title\">Scoped deployment</p>
<p class=\"ent-step-body\">I work with your team to scope a private deployment &#8212; on your infrastructure, in your network, with your security requirements.</p>
</div>
<div>
<p class=\"ent-step-num\">03</p>
<p class=\"ent-step-title\">Per-seat licensing</p>
<p class=\"ent-step-body\">Annual per-seat pricing with a volume floor. Custom SLA available. The full Agreement is published before any conversation starts.</p>
</div>
</div>
</div>
<div class=\"ent-terms-row\">
<p class=\"ent-terms-text\">The full Enterprise Agreement is published. Read it before reaching out &#8212; no NDA required to evaluate the terms.</p>
<a href=\"/legal/enterprise-terms\" class=\"ent-terms-link\">Read the Enterprise Agreement &#8594;</a>
</div>
</div>
</div>
</section>
"
}