Wait Seite läft in localhoost

app/wait/page.jsx

@@ -0,0 +1,26 @@
+"use client"; // app/wait/page.jsx
+import { useEffect } from "react";
+import { useRouter } from "next/navigation";
+import { ClipLoader } from "react-spinners";
+
+export default function WaitPage() {
+  const router = useRouter();
+
+  useEffect(() => {
+    // Starte den Timer, um nach 20 Sekunden weiterzuleiten
+    const timer = setTimeout(() => {
+      router.push("/");
+    }, 20000); // 20 Sekunden warten
+
+    // Timer aufräumen, wenn die Komponente entladen wird
+    return () => clearTimeout(timer);
+  }, [router]);
+
+  return (
+    <div style={{ textAlign: "center", marginTop: "100px" }}>
+      <h1>Bitte warten...</h1>
+      <ClipLoader color={"#76c7c0"} size={50} /> {/* Spinner */}
+      <p>Die Seite wird automatisch neu geladen.</p>
+    </div>
+  );
+}