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:
@@ -0,0 +1,76 @@
|
||||
// components/efficiency.el — Token efficiency and environment section.
|
||||
// Three cards: local inference / per-task routing / context compression.
|
||||
|
||||
fn efficiency() -> String {
|
||||
return "
|
||||
<section id=\"efficiency\" aria-label=\"Token efficiency and environment\">
|
||||
<div class=\"container\">
|
||||
|
||||
<div class=\"efficiency-header\">
|
||||
<div class=\"efficiency-label-row reveal\">
|
||||
<div class=\"navy-line-left\" style=\"width:4rem;flex-shrink:0\"></div>
|
||||
<span class=\"label\">Efficiency</span>
|
||||
</div>
|
||||
<h2 class=\"display-lg reveal\" style=\"transition-delay:80ms;max-width:32rem\">
|
||||
Every token spent <span class=\"gold\">is a choice.</span>
|
||||
</h2>
|
||||
<p class=\"efficiency-sub reveal\" style=\"transition-delay:160ms;margin-top:1.25rem\">
|
||||
Cost and environmental impact aren't afterthoughts — they're structural properties of the architecture. I built it that way from the start.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class=\"efficiency-grid\">
|
||||
|
||||
<div class=\"efficiency-card card-dark reveal\">
|
||||
<div class=\"efficiency-icon\">
|
||||
<svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">
|
||||
<path d=\"M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10z\"/>
|
||||
<path d=\"M8 12s1.5-2 4-2 4 2 4 2\"/>
|
||||
<path d=\"M9 9h.01M15 9h.01\"/>
|
||||
<path d=\"M12 17c-1.5 0-3-.5-3-1.5S10 14 12 14s3 .5 3 1.5S13.5 17 12 17z\"/>
|
||||
</svg>
|
||||
</div>
|
||||
<p class=\"efficiency-stat\">0 cloud tokens</p>
|
||||
<p class=\"efficiency-title\">Local inference</p>
|
||||
<div class=\"efficiency-rule\"></div>
|
||||
<p class=\"efficiency-body\">Free tier runs entirely on-device via Ollama. No API calls, no inference cost, no carbon footprint from model compute. Full memory and context, zero cloud dependency.</p>
|
||||
</div>
|
||||
|
||||
<div class=\"efficiency-card card-dark reveal\" style=\"transition-delay:150ms\">
|
||||
<div class=\"efficiency-icon\">
|
||||
<svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">
|
||||
<circle cx=\"6\" cy=\"18\" r=\"2\"/><circle cx=\"18\" cy=\"6\" r=\"2\"/><circle cx=\"18\" cy=\"18\" r=\"2\"/>
|
||||
<path d=\"M6 16V8l6-4 6 4\"/><path d=\"M6 16l6 4 6-4\"/><path d=\"M12 4v16\"/>
|
||||
</svg>
|
||||
</div>
|
||||
<p class=\"efficiency-stat\">~80% cost reduction</p>
|
||||
<p class=\"efficiency-title\">Per-task routing</p>
|
||||
<div class=\"efficiency-rule\"></div>
|
||||
<p class=\"efficiency-body\">Simple tasks route to small, fast models. Complex reasoning escalates to frontier models only when necessary. And because every model has full access to your accumulated context, cheaper models punch well above their weight.</p>
|
||||
</div>
|
||||
|
||||
<div class=\"efficiency-card card-dark reveal\" style=\"transition-delay:300ms\">
|
||||
<div class=\"efficiency-icon\">
|
||||
<svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">
|
||||
<rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"/>
|
||||
<path d=\"M9 9h6M9 12h6M9 15h4\"/>
|
||||
<path d=\"M16 15l2 2 2-2\"/>
|
||||
</svg>
|
||||
</div>
|
||||
<p class=\"efficiency-stat\">up to 38% per call</p>
|
||||
<p class=\"efficiency-title\">Context compression</p>
|
||||
<div class=\"efficiency-rule\"></div>
|
||||
<p class=\"efficiency-body\">The compression algorithm delivers up to 38% token reduction per context call — benchmarked on real prose content. Total savings compound: fewer calls, precise context assembly, smaller prompts on every step.</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class=\"efficiency-pullquote reveal\">
|
||||
<p>The frontier model without memory of you is starting from scratch every time. A smaller, faster model with years of accumulated context on your work, your decisions, and your patterns will outperform it. The intelligence isn't in the model — it's in what the model knows about you.</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class=\"container\" style=\"margin-top:5rem\"><div class=\"navy-line\"></div></div>
|
||||
</section>
|
||||
"
|
||||
}
|
||||
Reference in New Issue
Block a user