remove playground

apps/web/app/page.tsx

@@ -157,14 +157,9 @@ export const catalog = createCatalog({
           <pre className="inline-block text-left mb-8 text-sm">
             <code>npm install @json-render/core @json-render/react</code>
           </pre>
-          <div className="flex gap-3 justify-center">
-            <Button asChild>
-              <Link href="/docs">Documentation</Link>
-            </Button>
-            <Button variant="outline" asChild>
-              <Link href="/playground">Playground</Link>
-            </Button>
-          </div>
+          <Button asChild>
+            <Link href="/docs">Documentation</Link>
+          </Button>
         </div>
       </section>
     </>

apps/web/components/demo.tsx

@@ -113,17 +113,6 @@ export function Demo() {
     return () => clearInterval(interval);
   }, [phase]);
 
-  // Auto-restart
-  useEffect(() => {
-    if (phase !== "complete") return;
-
-    const timeout = setTimeout(() => {
-      reset();
-    }, 8000);
-
-    return () => clearTimeout(timeout);
-  }, [phase, reset]);
-
   const handleAction = () => {
     setActionFired(true);
     setTimeout(() => setActionFired(false), 2000);

apps/web/components/header.tsx

@@ -14,12 +14,6 @@ export function Header() {
           >
             Docs
           </Link>
-          <Link
-            href="/playground"
-            className="text-muted-foreground hover:text-foreground transition-colors"
-          >
-            Playground
-          </Link>
           <a
             href="https://github.com/vercel-labs/json-render"
             target="_blank"