feat(native-el-ui): convert all component files to el-html vessel API
Dev — Build & local smoke test / build-smoke (pull_request) Failing after 4m48s

Replaced raw HTML heredoc returns with native el_ function calls across
all 21 component files. styles.el intentionally excluded.
This commit is contained in:
2026-05-08 22:35:41 -05:00
parent f2ab12e65b
commit 2553a6b7ac
21 changed files with 2550 additions and 2105 deletions
+71 -51
View File
@@ -1,59 +1,79 @@
// components/inference.el - Neuron inference section.
// "My model. My infrastructure. Cheaper than theirs."
extern fn el_section(attrs: String, children: String) -> String
extern fn el_div(attrs: String, children: String) -> String
extern fn el_span(attrs: String, children: String) -> String
extern fn el_h2(attrs: String, text: String) -> String
extern fn el_p(attrs: String, children: String) -> String
fn inference() -> String {
return <section id="inference" aria-label="Neuron inference">
<div class="container">
<div class="inference-grid">
let label_row: String = el_div(
"class=\"inference-label-row reveal\"",
el_div("class=\"navy-line-left\" style=\"width:3rem;flex-shrink:0\"", "") +
el_span("class=\"label\"", "Neuron inference - Q3 2026")
)
<div>
<div class="inference-label-row reveal">
<div class="navy-line-left" style="width:3rem;flex-shrink:0"></div>
<span class="label">Neuron inference - Q3 2026</span>
</div>
<h2 class="display-lg inference-headline reveal" style="transition-delay:80ms">
My model. My infrastructure.
<span class="gold"> Targeting Q3 2026.</span>
</h2>
<p class="inference-body reveal" style="transition-delay:160ms">
Four companies control nearly all frontier AI inference today. Every query you send strengthens their position - and their pricing power over you. That changes in Q3 2026 - sooner if we can.
</p>
<p class="inference-body reveal" style="transition-delay:240ms">
Neuron will be both the product and the model. Purpose-built for how Neuron thinks, how your context is structured, how to do more with fewer tokens. It will run on Soma, our own inference infrastructure. Priced below OpenAI, Anthropic, and Google. Not as a loss leader. As a permanent competitive position.
</p>
<p class="inference-body reveal" style="transition-delay:320ms">
Until then: bring your own API keys - Anthropic, OpenAI, whoever. When Neuron Inference launches, it will be cheaper, faster, and purpose-built for Neuron. You can switch whenever you want.
</p>
<p class="inference-body reveal" style="transition-delay:400ms">
Every user on Neuron inference is compute that doesn&#39;t flow to the monopoly. That&#39;s not just a cost story. It&#39;s a power one.
</p>
</div>
let headline: String = el_h2(
"class=\"display-lg inference-headline reveal\" style=\"transition-delay:80ms\"",
"My model. My infrastructure." +
el_span("class=\"gold\"", " Targeting Q3 2026.")
)
<div class="inference-stats">
<div class="stat-row reveal">
<div class="stat-row-head">
<span class="stat-num">4</span>
<span class="stat-label">Companies control frontier inference</span>
</div>
<p class="stat-body">OpenAI, Google, Anthropic, Meta. Nearly every AI query flows through them. We&#39;re building the exit ramp.</p>
</div>
<div class="stat-row reveal" style="transition-delay:120ms">
<div class="stat-row-head">
<span class="stat-num">Neuron</span>
<span class="stat-label">The model - Q3 2026</span>
</div>
<p class="stat-body">A model built for Neuron specifically - not a generic wrapper. Your full context, years of accumulated intelligence, purpose-built inference. The model is the floor. Neuron is the ceiling.</p>
</div>
<div class="stat-row reveal" style="transition-delay:240ms">
<div class="stat-row-head">
<span class="stat-num">&lt; theirs</span>
<span class="stat-label">Priced below the incumbents</span>
</div>
<p class="stat-body">Below OpenAI pricing at launch. Below Anthropic. Below Google. Metered - you pay for what you use. And cheaper than any of them on every tier.</p>
</div>
</div>
let body_col: String = el_div(
"",
label_row +
headline +
el_p("class=\"inference-body reveal\" style=\"transition-delay:160ms\"",
"Four companies control nearly all frontier AI inference today. Every query you send strengthens their position - and their pricing power over you. That changes in Q3 2026 - sooner if we can."
) +
el_p("class=\"inference-body reveal\" style=\"transition-delay:240ms\"",
"Neuron will be both the product and the model. Purpose-built for how Neuron thinks, how your context is structured, how to do more with fewer tokens. It will run on Soma, our own inference infrastructure. Priced below OpenAI, Anthropic, and Google. Not as a loss leader. As a permanent competitive position."
) +
el_p("class=\"inference-body reveal\" style=\"transition-delay:320ms\"",
"Until then: bring your own API keys - Anthropic, OpenAI, whoever. When Neuron Inference launches, it will be cheaper, faster, and purpose-built for Neuron. You can switch whenever you want."
) +
el_p("class=\"inference-body reveal\" style=\"transition-delay:400ms\"",
"Every user on Neuron inference is compute that doesn&#39;t flow to the monopoly. That&#39;s not just a cost story. It&#39;s a power one."
)
)
</div>
</div>
</section>
let stat1: String = el_div(
"class=\"stat-row reveal\"",
el_div(
"class=\"stat-row-head\"",
el_span("class=\"stat-num\"", "4") +
el_span("class=\"stat-label\"", "Companies control frontier inference")
) +
el_p("class=\"stat-body\"", "OpenAI, Google, Anthropic, Meta. Nearly every AI query flows through them. We&#39;re building the exit ramp.")
)
let stat2: String = el_div(
"class=\"stat-row reveal\" style=\"transition-delay:120ms\"",
el_div(
"class=\"stat-row-head\"",
el_span("class=\"stat-num\"", "Neuron") +
el_span("class=\"stat-label\"", "The model - Q3 2026")
) +
el_p("class=\"stat-body\"", "A model built for Neuron specifically - not a generic wrapper. Your full context, years of accumulated intelligence, purpose-built inference. The model is the floor. Neuron is the ceiling.")
)
let stat3: String = el_div(
"class=\"stat-row reveal\" style=\"transition-delay:240ms\"",
el_div(
"class=\"stat-row-head\"",
el_span("class=\"stat-num\"", "&lt; theirs") +
el_span("class=\"stat-label\"", "Priced below the incumbents")
) +
el_p("class=\"stat-body\"", "Below OpenAI pricing at launch. Below Anthropic. Below Google. Metered - you pay for what you use. And cheaper than any of them on every tier.")
)
let stats_col: String = el_div("class=\"inference-stats\"", stat1 + stat2 + stat3)
let grid: String = el_div("class=\"inference-grid\"", body_col + stats_col)
el_section(
"id=\"inference\" aria-label=\"Neuron inference\"",
el_div("class=\"container\"", grid)
)
}