// 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 {
    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")
    )

    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.")
    )

    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."
        )
    )

    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)
    )
}
