/* global React */ function jenoAsset(path) { // When bundled standalone, resources are lifted into window.__resources. const map = (typeof window !== "undefined" && window.__resources) || {}; if (path.indexOf("logo_primary_wordmark") !== -1 && map.logoPrimaryWordmark) return map.logoPrimaryWordmark; if (path.indexOf("logo_reversed_wordmark") !== -1 && map.logoReversedWordmark) return map.logoReversedWordmark; if (path.indexOf("logo_primary") !== -1 && map.logoPrimary) return map.logoPrimary; if (path.indexOf("logo_reversed") !== -1 && map.logoReversed) return map.logoReversed; return path; } function Logo({ src, height = 28, alt = "Jeno Energy" }) { return ( {alt} ); } function ArrowRight({ size = 14, color = "currentColor" }) { return ( ); } function PlayGlyph() { return ( ); } function Eyebrow({ children, mobile, color, style }) { return ( {children} ); } // ----- Nav ----- function Nav({ mobile }) { if (mobile) { return ( ); } return ( ); } const navLinkStyle = { color: "var(--aubergine)", textDecoration: "none", fontWeight: 500 }; // ----- Section frame ----- function Section({ id, children, dark, mint, light, peach, lime, engine, pad = "narrow", mobile, bgStyle }) { const base = mobile ? "60px 20px" : (pad === "wide" ? "120px 56px" : pad === "tight" ? "72px 56px" : "96px 56px"); let bg = "#fff", color = "var(--aubergine)"; if (dark) { bg = "var(--aubergine)"; color = "#fff"; } if (mint) { bg = "var(--mint-bg)"; } if (light) { bg = "var(--n-50)"; } if (peach) { bg = "var(--peach-50)"; } if (lime) { bg = "var(--lime-50)"; } if (engine) { bg = "var(--engine-bg)"; } return (
{children}
); } // ----- HERO ----- function Hero({ mobile }) { return (
{/* mint accent glow */}
); } function PlaceholderTag({ label }) { return (
Placeholder, {label.replace("PLACEHOLDER, ", "")}
); } // ----- WHY ----- function WhySection({ mobile }) { return (
Why Jeno

Engineering-grade structuring for C&I solar.

Jeno is built for teams who need engineering-led C&I solar designs that are technically defensible, commercially aligned, grounded in real data, and bankable. Jeno replaces fragmented data across multiple channels and workflows with a single engineering-grade structuring process that brings clarity, consistency, and rigor to every project.

); } function WhyPillars({ mobile }) { const pillars = [ { title: "Technically defensible", body: "Traceable assumptions and explicit pass-or-fail checks that hold up under diligence.", bg: "var(--engine-bg)", accent: "var(--aubergine)", }, { title: "Commercially aligned", body: "Sizing tied to consumption, peak demand, and each client's energy objectives.", bg: "var(--peach-50)", accent: "var(--peach)", }, { title: "Grounded in real data", body: "Real consumption, sun-hour, and site inputs, never rules of thumb.", bg: "var(--lime-50)", accent: "var(--lime-olive)", }, { title: "Bankable", body: "Structured to withstand technical and financial review from day one.", bg: "var(--mint-bg)", accent: "var(--mint)", }, ]; return (
{pillars.map((p) => (

{p.title}

{p.body}

))}
); } // ----- PLATFORM & FEATURES ----- function PlatformSection({ mobile }) { const stages = [ { n: "01", title: "Energy Structuring", body: <>Real-world inputs go in: consumption, future loads, peak demand, tariff, operating hours, coordinates, sun-hour data. A load builder models consumption at asset level. A 15-minute simulation finds true peak demand, reconciles it with the billed peak, and drives sizing and battery validation with full traceability and clear pass or fail checks. Ask Jeno AI assists throughout, sense-checking your inputs, flagging anomalies, and guiding sizing decisions in real time., shots: { primary: { src: "assets/images/load-distribution-ai.png", alt: "Load distribution over a typical day with Ask Jeno AI panel", breadcrumb: "energy-structuring / load-profile", stage: "Ask Jeno AI", }, outputs: [ { src: "assets/images/energy-charts.png", alt: "Validated system performance summary with annual production, solar contribution, and CO2 reduction", breadcrumb: "energy-structuring / results", }, { src: "assets/images/system-performance-summary.png", alt: "Monthly energy balance, production versus consumption, seasonal PSH, and battery state of charge", breadcrumb: "energy-structuring / analytics", }, ], }, Screen: window.Stage01Screen, }, { n: "02", title: "System Equipment Selection", body: "The validated design becomes a bill of materials from a curated Tier-1 catalog. Ask Jeno AI auto-selects components based on the recommended sizing from your validated design. Datasheets are required before any component is committed, keeping the list defensible. The system is re-checked against the selected equipment to confirm the design still holds.", Screen: window.Stage02Screen, }, { n: "03", title: "Site Feasibility", body: "Feasibility confirms the design holds on the ground. Needed versus available roof or ground area is checked so the engineered system is the buildable system. Site-visit photos and the engineer's assessment feed directly into feasibility.", Screen: window.Stage03Screen, }, ]; return (
Platform & Features

One structuring engine, three gated stages.

Jeno moves every project through three gated stages. A stage advances only when the engineering behind it genuinely holds.

{/* Stage tracker */} {/* Stages */}
{stages.map((s, i) => ( ))}
); } function StageTracker({ mobile }) { if (mobile) return null; return (
{[ ["01", "Energy Structuring"], ["02", "System Equipment"], ["03", "Site Feasibility"], ].map(([n, l], i) => (
{n} {l} {i < 2 && ( )}
))}
); } function StageBlock({ n, title, body, placeholder, shots, Screen, flipped, mobile }) { return (
GATE {n}

{title}

{body}

{shots ? ( <>
{shots.outputs.map((o) => ( ))}
) : ( <> {placeholder && } )}
); } function InsideEngine({ mobile }) { const items = [ { title: "Asset-level load builder", body: "15-minute simulation, true peak demand, reconciliation against billed peak.", icon: , }, { title: "Formula-driven sizing modules", body: "PV, battery, and inverter sizing with full traceability.", icon: , }, { title: "Simulation-based battery validation", body: "Iterative convergence with explicit pass or fail checks.", icon: , }, { title: "Analytics", body: "Energy-flow diagrams, monthly balance, typical-day curves, seasonal sun hours, battery state of charge.", icon: , }, { title: "Curated equipment catalog", body: "Tier-1 modules, inverters, batteries, and balance-of-system with datasheet-backed selection.", icon: , }, { title: "Ask Jeno AI", body: "Real-time AI assistance throughout the structuring process, sense-checking inputs in the load builder and auto-selecting equipment during system selection.", icon: , }, ]; return (
What's inside the engine
{items.map((it) => (
{it.icon}
{it.title}
{it.body}
))}
); } // ----- Engine icons (geometric, restrained) ----- function IconLoad() { return ( ); } function IconSizing() { return ( ); } function IconBattery() { return ( ); } function IconArea() { return ( ); } function IconAnalytics() { return ( ); } function IconCatalog() { return ( ); } function IconAI() { return ( ); } // ----- BUILT FOR ----- function BuiltForSection({ mobile }) { const cards = [ { role: "Engineers / EPCs", body: "Engineers and EPCs use Jeno to work from real data with transparent assumptions, consistent logic, and engineering-grade structuring that brings clarity and rigor to every design decision.", Glyph: GlyphEng, }, { role: "Developers / PMs", body: "Developers and project managers use Jeno to align technical feasibility with commercial objectives early, reducing uncertainty and keeping projects moving without unnecessary back and forth.", Glyph: GlyphPM, }, { role: "Financiers", body: "Financiers use Jeno for models built on defensible inputs, clear validation logic, and a transparent structuring process that supports confident technical and financial diligence.", Glyph: GlyphFin, }, ]; return (
Built for

Built for the roles that carry the risk.

{cards.map((c) => (

{c.role}

{c.body}

))}
); } function GlyphEng() { return ( ); } function GlyphPM() { return ( ); } function GlyphFin() { return ( ); } // ----- CLOSING CTA (peach, carried from former pricing section) ----- function CheckGlyphLight() { return ( ); } const REQUIRED_FIELDS_MESSAGE = "Please fill in every field with a valid email, then try again."; function ClosingCTA({ mobile }) { const [submitted, setSubmitted] = React.useState(false); const [submitting, setSubmitting] = React.useState(false); const [errored, setErrored] = React.useState(false); const [errorMessage, setErrorMessage] = React.useState(REQUIRED_FIELDS_MESSAGE); const [firstName, setFirstName] = React.useState(""); const [lastName, setLastName] = React.useState(""); const [company, setCompany] = React.useState(""); const [role, setRole] = React.useState(""); const [email, setEmail] = React.useState(""); async function handleSubmit(e) { e.preventDefault(); if (submitting) return; const formData = new FormData(e.target); const values = { firstName: (formData.get("firstName") || "").toString().trim(), lastName: (formData.get("lastName") || "").toString().trim(), company: (formData.get("company") || "").toString().trim(), role: (formData.get("role") || "").toString().trim(), email: (formData.get("email") || "").toString().trim(), }; if (!values.firstName || !values.lastName || !values.company || !values.role || !values.email) { setErrorMessage(REQUIRED_FIELDS_MESSAGE); setErrored(true); return; } setErrored(false); setSubmitting(true); try { const res = await fetch("https://jeno-energy-e92646de1825.herokuapp.com/api/public/early-access-signup", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(values), }); if (!res.ok) { const body = await res.json().catch(() => null); const err = new Error(body?.error || ("signup failed: " + res.status)); err.serverMessage = body?.error; throw err; } setSubmitted(true); } catch (err) { setErrorMessage(err.serverMessage || "Something went wrong. Please try again."); setErrored(true); } finally { setSubmitting(false); } } const inputStyle = { padding: "10px 14px", fontSize: 14, fontFamily: "var(--font-sans)", border: "1px solid var(--n-200)", borderRadius: 6, width: "100%", }; const labelStyle = { display: "flex", flexDirection: "column", gap: 4, }; const labelTextStyle = { fontSize: 10, color: "var(--n-500)", letterSpacing: 0.6, textTransform: "uppercase", }; return (

Engineer your next C&I project with traceable, defensible, validated numbers.

Run a real project through the Jeno Platform today.

{submitted ? (
You're in. We'll email you a link to set your password and finish signing in.
) : (
{errored && (

{errorMessage}

)}
)}
); } // ----- FOOTER ----- function Footer({ mobile }) { return ( ); } const footLink = { color: "var(--aubergine)", textDecoration: "none", cursor: "pointer" }; // ===== Main Homepage ===== function Homepage({ mobile = false }) { return (
); } Object.assign(window, { Homepage });