// Solo home page — defence-tech identity.
//
// Operates by different rules than the rest of the site:
// - Hero is a full-bleed dark HUD with live world map + operator panels
// - Below-fold sections favour large photography and large numerals over
// the eyebrow/numeral/H2/grid pattern used elsewhere
// - No section padding rhythm — instead, full-bleed images act as
// chapter breaks between content blocks
//
// First-load curtain mounts here (sessionStorage-gated, fires once).
function HomePage({ onNavigate }) {
return (
<>
{/* HERO — the wow moment */}
{/* TRUSTED BY — generic sector logos on black, single line */}
{/* THE PLATFORM — three featured products, photo-led, no cards */}
{/* CHAPTER BREAK — deployment photograph.
Uses the construction-dusk hero from the asset library.
objectPosition biased to the top: the tower's camera housing
sits near the top edge of the source photo, so the default
center-crop of a 21:9 letterbox clipped its cap off. */}
{/* OPERATING MODEL — three numerals, brutal type */}
{/* CHAPTER BREAK — operator monitoring console. */}
{/* PARTNER CHANNEL — short callout */}
{/* CHAPTER BREAK — factory floor. Uses the Bedfordshire HQ shot. */}
{/* FINAL CTA — full-black band with massive type */}
);
}
/* ──────────── SectorMarquee ──────────── */
// Generic sector logos — single line of large uppercase type on black.
// Reads as a "trusted by" wall without claiming specific clients.
function SectorMarquee() {
const sectors = [
"Tier-1 construction",
"Utilities",
"Rail",
"Highways",
"Oil & gas",
"BESS",
"Private estates",
"Defence",
"Events",
"Government",
];
// Render twice for seamless horizontal scroll.
const items = [...sectors, ...sectors];
return (
{items.map((s, i) => (
{s}
·
))}
);
}
/* ──────────── PlatformBand ──────────── */
// Photo-led product showcase. Big monochrome image slots.
// Different visual treatment than the rest of the site's product grids.
function PlatformBand({ onNavigate }) {
const featured = (window.SOLO_DATA?.products || [])
.filter(p => !p.isLegacy && !p.comingSoon)
.slice(0, 3);
return (
{/* Left-rail eyebrow / right-rail h2 — same rhythm as elsewhere on site
so it doesn't fight the brand system, just different content treatment below */}
The platform
Seven units. One operating system.
{featured.map((p, i) => (
))}
);
}
function PlatformProductCard({ product, index, onNavigate }) {
return (
);
}
/* ──────────── ChapterPhoto ──────────── */
// Full-bleed image break between content sections — no headline, no card,
// just an arresting photo. Acts as a visual chapter divider.
function ChapterPhoto({ id, placeholder, caption, src, pendingLabel, objectPosition }) {
// Three rendering modes:
// 1) src supplied → render , caption overlay bottom-left
// 2) pendingLabel supplied → render "photo pending" chapter card
// (production-safe holding state)
// 3) neither supplied → don't render (defensive; keeps launch clean)
const showImage = !!src;
const showPending = !src && !!pendingLabel;
if (!showImage && !showPending) return null;
return (
{showImage && (
<>
{/* Slight bottom vignette so the caption stays legible on
light image regions */}
)}
{showPending && (
Photo pending
{pendingLabel}
)}
{caption && (
{caption}
)}
);
}
/* ──────────── OperatingModel ──────────── */
// Three big numerals reflecting the self-funded story. No cards, no borders —
// just brutal type on a clean surface.
function OperatingModel({ onNavigate }) {
const blocks = [
{ stat: "2,000+", label: "Units shipped", body: "All without external capital. Self-funded since 2019, reinvesting every penny into the platform." },
{ stat: "3", label: "Factories", body: "Bedfordshire HQ. Wrocław. Wellington, Florida. Engineered and built in-house, by the group." },
{ stat: "100%", label: "Engineer-led", body: "Owner-operated. Every decision made with a technical vision. No committee, no handoff." },
];
return (
Gold and Platinum partners across North America; exclusive partner regions across the UK and EU. We protect your margin, protect your leads, and back you with the field support of a UK manufacturer that ships every week.