add routing links

2025-07-08 21:10:00 +02:00
parent 3c02ec930b
commit 6b75e787c4
4 changed files with 96 additions and 14 deletions
@@ -0,0 +1,51 @@
+"use client";
+import { useState, useEffect } from "react";
+import { Nunito } from "next/font/google";
+import users from "muzak/data/users.json";
+import Image from "next/image";
+import Link from "next/link";
+
+const nunito = Nunito({
+  weight: "900",
+  subsets: ["latin"],
+});
+
+export default function Lobby() {
+  return (
+    <main className="flex min-h-screen flex-col items-center justify-between p-24">
+      <div>
+        <h1
+          className={`${nunito.className} text-outline text-[42px] tracking-tighter text-yellow-500`}
+        >
+          VOTING
+        </h1>
+      </div>
+
+      <div className="flex min-h-[500px] min-w-[500px] flex-col items-center justify-between gap-4 rounded-md bg-blue-950/80 p-8">
+        <div className="flex w-full flex-row items-center justify-between px-3">
+          <Link
+            href="/pause"
+            className="rounded-lg border-2 border-black bg-yellow-500 p-4 text-2xl font-extrabold text-blue-600 hover:bg-yellow-400"
+          >
+            PAUSE
+          </Link>
+          <Link
+            href="/voting"
+            className="rounded-lg border-2 border-black bg-yellow-500 p-4 text-2xl font-extrabold text-blue-600 hover:bg-yellow-400"
+          >
+            NEXT
+          </Link>
+        </div>
+        <div className="rounded-md bg-black p-2">
+          <Image src="/meowl.png" alt="meowl" width={400} height={400} />
+        </div>
+
+        <div className="text-3xl font-semibold text-white drop-shadow-sm drop-shadow-gray-900">
+          Artist - Title
+        </div>
+      </div>
+
+      <div></div>
+    </main>
+  );
+}