website refactor

apps/website/ui/ErrorPageContainer.tsx

@@ -0,0 +1,29 @@
+import React, { ReactNode } from 'react';
+
+interface ErrorPageContainerProps {
+  children: ReactNode;
+  errorCode: string;
+  description: string;
+}
+
+/**
+ * ErrorPageContainer
+ *
+ * A reusable container for error pages (404, 500, etc.)
+ * Provides consistent styling and layout for error states.
+ */
+export function ErrorPageContainer({
+  children,
+  errorCode,
+  description,
+}: ErrorPageContainerProps) {
+  return (
+    <main className="min-h-screen flex items-center justify-center bg-deep-graphite text-white px-6">
+      <div className="max-w-md text-center space-y-4">
+        <h1 className="text-3xl font-semibold">{errorCode}</h1>
+        <p className="text-sm text-gray-400">{description}</p>
+        {children}
+      </div>
+    </main>
+  );
+}