added frontend + securing beta server invites

web/components/Background.tsx

@@ -0,0 +1,24 @@
+"use client";
+
+import React from "react";
+
+const Background = () => {
+    return (
+        <div className="fixed inset-0 z-[-1] overflow-hidden bg-background">
+            <div className="absolute inset-0 bg-[radial-gradient(ellipse_at_center,_var(--tw-gradient-stops))] from-secondary/20 via-background to-background"></div>
+            <div
+                className="absolute inset-0 opacity-30"
+                style={{
+                    backgroundImage:
+                        "linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px)",
+                    backgroundSize: "40px 40px",
+                }}
+            ></div>
+            {/* Decorative glows */}
+            <div className="absolute -top-40 -left-40 w-96 h-96 bg-primary/30 rounded-full blur-3xl opacity-50 animate-pulse"></div>
+            <div className="absolute top-1/2 right-0 w-80 h-80 bg-accent/20 rounded-full blur-3xl opacity-30"></div>
+        </div>
+    );
+};
+
+export default Background;