import type { Metadata } from 'next';
import 'bootstrap/dist/css/bootstrap.min.css';
import 'aos/dist/aos.css';
import '@/styles/global/style.css';
import '@/styles/global/cmo-spotlight.css';
import '@/styles/global/footer.css';
import '@/styles/global/header.css';
import '@/styles/global/header-footer-style.css';
import '@/styles/global/home.css';
import Header from '@/components/layout/Header';
import Footer from '@/components/layout/Footer';
import { NotFoundContent } from '@/components/common/NotFoundContent';

export const metadata: Metadata = {
  title: 'Page not found | CMORoom',
  robots: { index: false, follow: false },
};

/**
 * Root 404 for unmatched URLs. Only the root layout wraps this, so we bring our
 * own public chrome + styles (unlike pages under `(public)/`).
 */
export default function NotFound() {
  return (
    <div className="wrapper bg-color-black">
      <Header />
      <NotFoundContent />
      <Footer />
    </div>
  );
}