website refactor

apps/website/components/app/AppShell.tsx

@@ -0,0 +1,18 @@
+import React from 'react';
+
+interface AppShellProps {
+  children: React.ReactNode;
+  className?: string;
+}
+
+/**
+ * AppShell is the root container for the entire application layout.
+ * It provides the base background and layout structure.
+ */
+export function AppShell({ children, className = '' }: AppShellProps) {
+  return (
+    <div className={`min-h-screen bg-[#0C0D0F] text-gray-100 flex flex-col ${className}`}>
+      {children}
+    </div>
+  );
+}