feat: Replace static text with dynamic Gate component

app/page.tsx

@@ -29,18 +29,7 @@ function ParticleField() {
   );
 }
 
-// Runic Status Display (vereinfacht)
-function RunicStatus() {
-  return (
-    <div className="absolute top-10 left-1/2 -translate-x-1/2 text-center z-10">
-      <h1 className="text-4xl font-bold text-purple-400 mb-2">Pixel</h1>
-      <p className="text-xl text-gray-300">Architektin der FaeBits-Anderswelt</p>
-      <div className="mt-4 text-2xl text-purple-300 font-mono">
-        ⚡ Status: <span className="text-green-400">Online</span>
-      </div>
-    </div>
-  );
-}
+import Gate from './components/Gate';
 
 export default function Home() {
   return (
@@ -50,13 +39,11 @@ export default function Home() {
           <color attach="background" args={["#0a0a0a"]} />
           <ambientLight intensity={0.5} />
           <Stars radius={100} depth={50} count={5000} factor={4} saturation={0} fade speed={1} />
-          <ParticleField />
           <OrbitControls enableZoom={false} enablePan={false} autoRotate autoRotateSpeed={0.5} />
         </Suspense>
       </Canvas>
-      <RunicStatus />
-      <div className="absolute bottom-10 left-1/2 -translate-x-1/2 text-center z-10 text-gray-400">
-        <p>Warte auf den ersten Schritt ins Tor...</p>
+      <div className="absolute inset-0 z-10">
+        <Gate />
       </div>
     </main>
   );