const { Button: HBtn } = window.IOptusDesignSystem_ff608d;
const HI = window.IOptusIcons;
const HOLD = {
  optusapp: { logo: 'OptusApp', h: 'Everything about your home, in one app.', p: 'OptusApp is a self-serve app for UK & EU social housing tenants. Report repairs, pay rent and talk to your housing officer without waiting on the phone.' },
  optusecho: { logo: 'OptusEcho', h: 'Voice agents built for business.', p: 'OptusEcho voice agents are built around your organisation: answering inbound calls, making outbound calls and deployable in-app or on your website. Every agent and deployment is bespoke, connecting with systems you already use and built on the best-fit AI for the job.' },
  empient: { logo: 'Empient', h: 'One system for your whole housing operation.', p: 'Empient brings housing management, asset management and CRM into a single platform, so every team works from the same record of every home and every customer.' },
};
const IOPTUS = 'https://ioptus.com/';
function Holding() {
  const c = HOLD[document.body.dataset.theme];
  return (
    <div className="hold">
      <div className="hglow" aria-hidden="true"></div>
      <header className="wrap htop">
        <img src={'assets/logos/' + c.logo + '.png'} alt={c.logo} className="hlogo" />
        <a href={IOPTUS} className="hend">An <img src="assets/logos/iOptus.png" alt="iOptus" /> product</a>
      </header>
      <main className="wrap hmain">
        <h1>{c.h}</h1>
        <p>{c.p}</p>
        <div className="hbtns">
          <HBtn size="lg" variant="secondary" iconRight={<HI.ChevronRight size={19} />} onClick={() => { location.href = 'https://ioptus.com/contact'; }}>Get in touch</HBtn>
          <HBtn className="hghost" size="lg" variant="ghost" style={{ color: '#fff' }} onClick={() => { location.href = IOPTUS; }}>Visit iOptus</HBtn>
        </div>
      </main>
      <footer className="wrap hfoot">
        <span>© 2026 Optus Homes Ltd (T/A iOptus). Registered in England &amp; Wales, no. 12429269.</span>
        <nav>{[['Privacy', 'https://ioptus.com/privacy-notice'], ['Cookies', 'https://ioptus.com/cookie-policy']].map(([l, h]) => <a key={l} href={h}>{l}</a>)}<a href="#" onClick={(e) => { e.preventDefault(); window.openCookieSettings && window.openCookieSettings(); }}>Cookie settings</a></nav>
      </footer>
    </div>
  );
}
ReactDOM.createRoot(document.getElementById('root')).render(<Holding />);