"use client";

import { Suspense } from "react";
import dynamic from "next/dynamic";

// Dynamically import KernelPanic404 to avoid SSR issues
const KernelPanic404 = dynamic(() => import("./components/KernelPanic404"), {
  ssr: false,
  loading: () => (
    <div className="flex items-center justify-center min-h-screen bg-black text-[#33ff00] font-mono">
      <div>Loading terminal...</div>
    </div>
  ),
});

export default function NotFound() {
  return (
    <main className="min-h-screen w-full bg-black overflow-hidden relative">
      <Suspense
        fallback={
          <div className="flex items-center justify-center min-h-screen bg-black text-[#33ff00] font-mono">
            <div>Loading terminal...</div>
          </div>
        }
      >
        <KernelPanic404 />
      </Suspense>
    </main>
  );
}