Harden onion boot flow and deepen site surfaces

Add persistent onion key backup and restore, improve startup resilience, and flesh out the major site verticals with richer navigation, search coverage, and operator documentation. Made-with: Cursor
2026-04-07 21:35:52 -07:00
parent 52432dccfa
commit 78a071ba02
162 changed files with 21692 additions and 39 deletions
--- a/app/drops/page.tsx
+++ b/app/drops/page.tsx
@@ -0,0 +1,73 @@
+"use client";
+
+import { useState, useEffect } from "react";
+
+export default function LotteryPage() {
+  const [numbers, setNumbers] = useState<number[]>([]);
+  const [isDrawing, setIsDrawing] = useState(false);
+  const [lastWinner, setLastWinner] = useState<string>("0x7a...f2e1");
+  const [jackpot, setJackpot] = useState("1.24 BTC");
+
+  const drawNumbers = () => {
+    setIsDrawing(true);
+    setNumbers([]);
+    
+    let count = 0;
+    const interval = setInterval(() => {
+      setNumbers(prev => [...prev, Math.floor(Math.random() * 99) + 1]);
+      count++;
+      if (count >= 6) {
+        clearInterval(interval);
+        setIsDrawing(false);
+      }
+    }, 500);
+  };
+
+  return (
+    <div className="min-h-screen bg-[#050505] text-[#ff00ff] font-mono p-8 flex flex-col items-center justify-center">
+      <div className="max-w-2xl w-full border-2 border-[#ff00ff]/30 bg-[#111] p-12 shadow-[0_0_50px_rgba(255,0,255,0.1)]">
+        <h1 className="text-5xl font-black text-center mb-4 tracking-widest uppercase italic">Shadow Lotto</h1>
+        <p className="text-center text-[#ff00ff]/60 mb-12">Provably fair. Completely anonymous. High stakes.</p>
+
+        <div className="grid grid-cols-2 gap-8 mb-12">
+          <div className="text-center border border-[#ff00ff]/20 p-4">
+            <div className="text-xs uppercase opacity-50 mb-1">Current Jackpot</div>
+            <div className="text-3xl font-bold text-white">{jackpot}</div>
+          </div>
+          <div className="text-center border border-[#ff00ff]/20 p-4">
+            <div className="text-xs uppercase opacity-50 mb-1">Last Winner</div>
+            <div className="text-sm font-bold text-white">{lastWinner}</div>
+          </div>
+        </div>
+
+        <div className="flex justify-center gap-4 mb-12 h-16">
+          {numbers.map((n, i) => (
+            <div key={i} className="w-16 h-16 border-2 border-[#ff00ff] flex items-center justify-center text-2xl font-bold bg-[#ff00ff]/10 animate-pulse">
+              {n}
+            </div>
+          ))}
+          {Array.from({ length: 6 - numbers.length }).map((_, i) => (
+            <div key={i} className="w-16 h-16 border-2 border-[#ff00ff]/20 flex items-center justify-center text-2xl font-bold opacity-20">
+              ?
+            </div>
+          ))}
+        </div>
+
+        <button 
+          onClick={drawNumbers}
+          disabled={isDrawing}
+          className={`w-full py-4 text-xl font-bold uppercase tracking-widest transition-all
+            ${isDrawing ? "bg-[#333] text-[#666] cursor-not-allowed" : "bg-[#ff00ff] text-black hover:bg-[#cc00cc] hover:shadow-[0_0_30px_#ff00ff]/40"}
+          `}
+        >
+          {isDrawing ? "Drawing..." : "Buy Ticket (0.0001 BTC)"}
+        </button>
+
+        <div className="mt-12 text-[10px] text-[#ff00ff]/40 leading-relaxed">
+          * All draws are finalized via the Shadow Protocol. Tickets are non-refundable. 
+          Winners are paid out within 3 confirmations. Good luck, traveler.
+        </div>
+      </div>
+    </div>
+  );
+}