const { Button: Btn } = window.IOptusDesignSystem_ff608d; const IC = window.IOptusIcons; const L = window.LOGO; const PRODUCTS = [ { n: '01', theme: 'optusecho', name: 'OptusEcho', logo: 'OptusEcho.png', dot: 'var(--blue-400)', tag: 'AI voice agents · any sector', icon: 'PhoneCall', line: 'Voice agents that answer and make your calls.', feats: ['Inbound and outbound, 24/7', 'Books into your systems', 'Warm human handover'], spec: [['Built', 'Per client & use case'], ['Sectors', 'Housing, care, councils & more'], ['Handover', 'To a real person']] }, { n: '02', theme: 'empient', name: 'Empient', logo: 'Empient.png', dot: 'var(--yellow-400)', tag: 'For housing teams', icon: 'Home', line: 'Cases, assets and everything between.', feats: ['Cases & repairs', 'Asset register', 'Reporting & CRM'], spec: [['Modules', 'Cases · Assets · CRM'], ['Integrates', 'OptusApp & OptusEcho'], ['Migration', 'Handled by us']] }, { n: '03', theme: 'optusapp', name: 'OptusApp', logo: 'OptusApp.png', dot: 'var(--coral-500)', tag: 'For tenants', icon: 'Smartphone', line: 'A tenant’s home, in their pocket.', feats: ['Report a repair', 'Pay & track rent', 'Message your officer'], spec: [['Platform', 'iOS · Android · Web'], ['Works with', 'Your housing system'], ['Access', 'WCAG 2.2 AA target']] }]; function ProductCard({ p, i }) { const Head = IC[p.icon]; return (
{p.name}

{p.line}

{p.spec.map(([k, v]) =>
{k}
{v}
)}
); } function Diagram() { return ( ); } function Products() { return (

Three products. Use one, or all together.

Each is a complete product in its own right. Use the one you need, and when you use more than one, they talk to each other out of the box.

{PRODUCTS.map((p, i) => )}
); } /* ============================ APPROACH ============================ */ function Approach() { const vals = [ ['Users', 'We build with you', 'You talk to the people who make the product, no hierarchy here.'], ['Activity', 'Always improving', 'Regular updates shaped by what our clients ask for, rolled out without disruption.'], ['Lock', 'Secure, UK & EU-hosted', 'GDPR-ready and UK & EU-hosted, held to the standard your clients deserve.'], ['Grid', 'Fits what you already run', 'Integrates with your existing systems, so nothing has to be ripped out to get started.']]; return (

A small team that treats your service like ours.

We're deliberately small — every client gets our full attention, and the roadmap is shaped by the sector, not shareholders.

} onClick={() => {location.href = window.PAGES.contact;}}>Talk to the team
{vals.map(([ic, t, d], i) => { const Vi = IC[ic] || IC.Check; return (

{t}

{d}

); })}
); } /* ============================ TESTIMONIALS ============================ */ const QUOTES = [ ['They picked up the phone on a Sunday. That’s not a software company, that’s a partner who cares whether our customers are looked after.', 'Housing operations lead', 'Regional housing association'], ['Half our households registered with the app in the first week. We’d budgeted for a six month push.', 'Digital lead', 'Northern housing association'], ['The voice agent raises the repair, books the slot and the tenant sees it in the app. Nothing is entered twice.', 'Head of customer service', 'Community housing provider']]; function Quote() { return (

Judged by the people who use it.

{QUOTES.map(([q, role, org], i) => (
{q}
))}
); } /* ============================ CTA ============================ */ function CTA() { return (

Let’s build something that works for your clients.

Book a 30-minute demo. We’ll listen, show you the products, and tell you honestly if we’re the right fit.

} onClick={() => window.openDemo()}>Book a demo
); } function App() { window.useReveal(); const { Nav, Hero, Trust, Footer } = window; return