Update README.md to provide a comprehensive overview of the ScriptShare platform, including features, tech stack, setup instructions, admin capabilities, and contribution guidelines.

src/pages/NotFound.tsx

@@ -0,0 +1,37 @@
+import { Link } from 'react-router-dom';
+import { Button } from '@/components/ui/button';
+import { Code2, Home, ArrowLeft } from 'lucide-react';
+
+export default function NotFound() {
+  return (
+    <div className="min-h-screen flex items-center justify-center bg-gradient-to-br from-background via-background to-primary/5">
+      <div className="text-center space-y-6 max-w-md mx-auto px-4">
+        <div className="flex justify-center">
+          <Code2 className="h-24 w-24 text-primary/50" />
+        </div>
+        
+        <div className="space-y-2">
+          <h1 className="text-6xl font-bold text-muted-foreground">404</h1>
+          <h2 className="text-2xl font-semibold">Page Not Found</h2>
+          <p className="text-muted-foreground">
+            The page you're looking for doesn't exist or has been moved.
+          </p>
+        </div>
+
+        <div className="flex flex-col sm:flex-row gap-3 justify-center">
+          <Button asChild>
+            <Link to="/">
+              <Home className="mr-2 h-4 w-4" />
+              Go Home
+            </Link>
+          </Button>
+          
+          <Button variant="outline" onClick={() => window.history.back()}>
+            <ArrowLeft className="mr-2 h-4 w-4" />
+            Go Back
+          </Button>
+        </div>
+      </div>
+    </div>
+  );
+}