10 chars) // shrink one step; multi-word names always allow break. fontSize: product.name.length > 12 ? "clamp(44px, 5.2vw, 76px)" : product.name.length > 8 ? "clamp(52px, 6.4vw, 92px)" : "clamp(56px, 7.5vw, 112px)", letterSpacing: "-0.01em", lineHeight: 0.92, textTransform: "uppercase", margin: "0 0 32px", color: "var(--fg)", overflowWrap: "break-word", wordBreak: "normal", // stop mid-word breaks that produce ugly hyphenation hyphens: "manual", maxWidth: "100%", }}>{product.name}

{product.summary}

{/* Configure-this-unit CTA — only shown for products supported by the spec builder. Pre-selects the platform on the builder page via query param. */} {(product.id === "pro-tower" || product.id === "ultra-tower") && ( )}

{product.specs.slice(0, 4).map((s, i) => (

= 2 ? "1px solid var(--line)" : "none", }}>

{s.label}

{s.value}

))}

{/* Info glyph */}

Data sheet

Available soon in your region.

); } /* ──────────── VariantsComparison ──────────── * Side-by-side comparison card for products that come in multiple model * variants. Currently used by Volt Box (100 Ah / 314 Ah). * * Two cards on a 2-col grid. Each shows the variant name, subtitle, * tagline and a spec table. Spec rows share labels across both variants * so visual scanning across rows is easy. If a variant has a spec the * other doesn't, it still renders cleanly — we union all labels. */ function VariantsComparison({ variants }) { if (!variants || variants.length === 0) return null; // Union of all labels in order of first appearance across all variants. const labelOrder = []; const seen = new Set(); for (const v of variants) { for (const spec of v.specs || []) { if (!seen.has(spec.label)) { seen.add(spec.label); labelOrder.push(spec.label); } } } // Helper: get a variant's value for a given label, or em-dash if missing. const valFor = (variant, label) => { const found = (variant.specs || []).find(s => s.label === label); return found ? found.value : "—"; }; return (

{variants.map((v, vi) => (

{/* Product image — appears at top of each variant panel. Falls back to a subtle placeholder gradient if no image is set, matching the studio-render look. */}

{v.image ? ( {v.name}

{ e.currentTarget.style.display = "none"; }} /> ) : null} {/* Variant name overlay in the corner — brand-consistent with the main product hero label. */}

{v.subtitle}

{/* Header */}

{v.subtitle}

{v.name}

{v.tagline}

{/* Specs */}

{labelOrder.map((label) => ( {label} {valFor(v, label)} ))}

{/* SKU footnote */} {v.sku && (

SKU {v.sku}

)}

{/* /panel-body */}

))}

); } /* ════════════════════ SECTOR ════════════════════ */ // Per-sector hero image mapping. Mapped to the generated hero photos in // /assets. Sectors not in this map fall back to the image-slot placeholder. const SECTOR_HERO_IMAGES = { "construction": "assets/hero-construction-dusk.png", "highways": "assets/hero-motorway-night.png", "utilities": "assets/hero-substation-bess.png", "renewables": "assets/hero-substation-bess.png", // BESS / solar field — same vibe "oil-gas": "assets/hero-substation-bess.png", // industrial infrastructure tone // 'vacant', 'rail', 'private-estates' etc. fall through to placeholder }; function SectorPage({ sectorId, onNavigate }) { const sector = window.SOLO_DATA.sectors.find(s => s.id === sectorId) || window.SOLO_DATA.sectors[0]; const ref = window.SOLO_DATA.cases[0]; return ( <>

Sector {sector.code}

{sector.name}.

{sector.summary}

{/* Stat strip — vertical row list (values like "< 14 min" wrap to 2 lines on narrower desktops and misalign a 4-col grid). */}

Reference deployment

Field record.

{/* Sector hero image — one of the generated heroes per sector. If SECTOR_HERO_IMAGES has no entry for this sector, render nothing rather than an image-slot placeholder overlay — the parent container's grey surface is a cleaner empty state. */} {SECTOR_HERO_IMAGES[sector.id] ? ( {`${sector.name}

) : null}

{ref.product}

{ref.headline}

{ref.summary}

); } /* ════════════════════ ABOUT ════════════════════ */ function AboutPage({ onNavigate }) { return ( <> {/* HERO */}

Company

We redefined the rapid-deployable space.

Solo has redefined the rapid-deployable space with its range of products and services. Since 2019, we've built the platform — the towers, the SSU, the solar add-ons, the SIMs, the networks, the asset platform, the transport — under one roof. Everything in-house, by the group.

{/* MISSION — quiet, large, single statement */}

Our mission

To make rapidly-deployable security accessible to every scenario.

{/* OPERATING PRINCIPLE */}

How we work

Engineer first.

Every decision at Solo is made with a technical vision. The team that designs the platform is the same team that builds the units, supports the field deployments, and integrates the partner stack. There is no handoff — and there is no committee.

It's why Solo can do contract manufacturing, product design, data services, networks, asset management and transport as one operation — not as a stack of departments.

{/* PARTNERS WE WORK WITH */}

Industry partnerships

We work with the industry's best.

Solo partners with industry-leading providers across hardware, software integrations, platforms and connectivity. We build the chassis, the firmware and the operating model — and we choose best-in-class technology partners to round out the stack our customers deploy.

{/* Four category cards */}

{[ { title: "Hardware", body: "Leading hardware partners across optics, power, comms and detection. Best-in-class components, tested in our own facilities before they go in a Solo unit." }, { title: "Software integrations", body: "Ajax, Victron and partner ecosystems integrated into the Solo platform — so every alert, battery state and asset shows up where it should." }, { title: "Platforms", body: "Cloud and on-prem platforms for monitoring, fleet management and incident response. Integrated through one API surface." }, { title: "Connectivity", body: "Multi-carrier connectivity partners across UK, EU and North America. Private APN options, managed data, fixed-package pricing." }, ].map((p, i, arr) => (

{p.title}

{p.body}

))}

{/* WHO WE ARE — image + paragraph linking to Manufacturing */}

Solo Secure factory floor — Bedfordshire HQ

Bedfordshire HQ · Solo Group

Solo Group

Everything in-house. By the group.

Solo is owner-operated and engineer-led. We design, manufacture, prototype, assemble, test, support and deliver — under one roof. Three factories across the UK, Poland and Florida; one team running the operation end-to-end.

It's why we can ship a custom design in the same calendar as our standard range, and why every part of the platform answers to the same engineering standard.

{/* OUR STORY HANDOFF — primary CTA */}

The full picture

Read our story.

How Solo got here — the founding story, the milestones, and the work that redefined the rapid-deployable space.

); } /* ════════════════════ CONTACT ════════════════════ */ function ContactPage({ onNavigate, formSubject }) { return ( <> {/* HERO + sales form */}

Contact

Get in touch.

Demo requests, quotes, partnership enquiries, or anything else — drop us a message and we'll respond within one working day.

{/* OFFICE ADDRESSES */}

Our offices

Three locations.

{[ { role: "HQ + Factory", country: "United Kingdom", lines: ["Address line 1", "Bedfordshire", "Postcode", "United Kingdom"], phone: null, // TODO: add UK phone when issued }, { role: "Factory", country: "Poland", lines: ["Address line 1", "Wrocław", "Postcode", "Poland"], phone: null, // TODO: add Poland phone when issued }, { role: "Factory", country: "North America", lines: ["12070 SW Tom Mackie Blvd., Suite 105", "Port St. Lucie, FL 34953", "North America"], phone: "+1 (561) 293-7022", }, ].map((o, i, arr) => (

{o.role}

{o.country}

{o.lines.map((line) =>

{line}

)}

{o.phone ? ( <>

Phone

e.currentTarget.style.textDecoration = "underline"} onMouseLeave={(e) => e.currentTarget.style.textDecoration = "none"} >{o.phone} ) : (

// Replace with full street address

)}

))}

{/* Support-ticket raising is deliberately NOT surfaced anywhere on the public site any more — not even as a "sign in to raise a ticket" pointer. It's a reseller-portal-only feature: only a signed-in reseller can reach it (support-page.jsx), and once there they can only raise tickets against their own company's own assets (see AssetLookupField in support-page.jsx / the assetUnitId check in POST /api/portal/tickets). The old pointer section that used to live here (id="support", "Raise a support ticket." + a button to reseller-login) has been removed entirely — a logged-out visitor should have zero path to anything ticket-shaped from the public site. Existing customers still see "Support: Via partner programme" in the contact details above, and the chat bubble's "existing partner" shortcut (contact-form.jsx) points at reseller login without naming the ticket feature. */} ); } function ContactRow({ l, v }) { return ( <> {l} {v} ); } /* ════════════════════ CASES ════════════════════ */ function CasesPage({ onNavigate }) { const cases = window.SOLO_DATA.cases; return ( <>

Field record

Deployments.

A representative sample of Solo deployments. Full reference list available on request under NDA — typical for Tier-1 contract submissions.

{cases.map((c, i) => (

{c.sector} · {c.product}

{c.headline}

{c.summary}

))}

); } /* ════════════════════ CTA band (shared by inner pages) ════════════════════ */ function FinalCTABand({ onNavigate }) { return (

Ready to deploy

Stand up your first fleet in 14 days.

Book a 30-minute briefing with the Solo commercial team.

); } /* ════════════════════ BREADCRUMB ════════════════════ */ function Breadcrumb({ crumbs, onNavigate, targets }) { return (

{crumbs.map((c, i) => ( {i > 0 && /} {targets && targets[i] ? ( onNavigate(targets[i])} style={{ cursor: "pointer" }}>{c} ) : i === crumbs.length - 1 ? ( {c} ) : ( {c} )} ))}

); } Object.assign(window, { ProductsIndexPage, ProductPage, SectorPage, AboutPage, ContactPage, CasesPage, FinalCTABand, Breadcrumb });

Products.

Pro Tower, Ultra Tower, SSU.

The next generation.

Extend any deployment off-grid.

Earlier units, still supported.

{p.name}

{product.name}