const { Link: Link_nf } = ReactRouterDOM;

function NotFound() {
  useSEO({ title: 'Page not found | Cyrion AI', description: 'This page could not be found.', path: '/404' });
  return (
    <div data-screen-label="not-found" className="section" style={{ paddingTop: 160, textAlign: 'center' }}>
      <div className="page">
        <div className="bracket" style={{ justifyContent: 'center' }}>404 · NOT FOUND</div>
        <h1 className="h1" style={{ marginTop: 18 }}>This surface doesn't exist.</h1>
        <p className="body-lg" style={{ margin: '18px auto 0', maxWidth: 480 }}>The page you're looking for was moved, renamed, or never existed.</p>
        <div className="row" style={{ gap: 12, marginTop: 32, justifyContent: 'center' }}>
          <Link_nf className="btn btn-primary" to="/">Back to home</Link_nf>
          <Link_nf className="btn btn-ghost" to="/contact">Contact us</Link_nf>
        </div>
      </div>
    </div>
  );
}

Object.assign(window, { NotFound });