'use client'; import { useState } from "react"; import { Terminal } from "lucide-react"; import { motion } from "framer-motion"; export default function CyberpunkTerminalPage() { const [code, setCode] = useState(""); const [status, setStatus] = useState(""); const [isAuthenticated, setIsAuthenticated] = useState(false); const validCodes = ["ZK-808-SIGMA-NX97", "EM-CYBER-OVRD-404"]; const handleAccess = () => { if (validCodes.includes(code.trim().toUpperCase())) { setStatus("ACCESS GRANTED — Welcome to Wzkr:Café."); setIsAuthenticated(true); } else { setStatus("ACCESS DENIED — Invalid Code."); setIsAuthenticated(false); } }; return (
{/* Main Terminal Card */}
[ Wzkr:Café Access Terminal v1.08 ]
setCode(e.target.value)} onKeyDown={(e) => e.key === 'Enter' && handleAccess()} className="bg-black border border-pink-400 text-pink-400 placeholder:text-pink-600 rounded-none p-2 focus:outline-none focus:ring-1 focus:ring-pink-500" /> {status && ( > {status} )}
{/* System Log Card */}

> SYSTEM LOG: Initializing encrypted data stream...
> DECRYPTION KEY: [ █ █ █ █ █ █ █ █ ]
> AI ENTITY DETECTED: Wzkr 🐈‍⬛
{isAuthenticated && ( <> > USER: [ADMIN]
> SECURITY CLEARANCE: OMEGA
> SYSTEM ACCESS: FULL
)}

{/* Status Indicator */} {isAuthenticated ? ( "⬤ TRANSMISSION LINK ACTIVE — NODE #808" ) : ( "⬤ TRANSMISSION LINK STANDBY — AWAITING INPUT" )} {/* Database Access (only shows when authenticated) */} {isAuthenticated && (