Install scroll-driv-anim plugin, rename App to Home

Author: Adam Plesnik

package-lock.json

@@ -19,6 +19,7 @@
     ]
   },
   "dependencies": {
+    "@adam.plesnik/tailwindcss-scroll-driven-animations": "^0.2.6",
     "@vercel/analytics": "^1.2.2",
     "lucide-react": "^0.372.0",
     "prismjs": "^1.29.0",

playground/package.json

@@ -0,0 +1,5 @@
+function Home() {
+  return <div className="flex h-dvh w-full items-center justify-center">Silence</div>
+}
+
+export default Home

playground/src/App.tsx

@@ -1,10 +1,10 @@
 import React from 'react'
 import ReactDOM from 'react-dom/client'
-import App from './App.tsx'
+import Home from './Home.tsx'
 import './index.css'
 
 ReactDOM.createRoot(document.getElementById('root')!).render(
   <React.StrictMode>
-    <App />
+    <Home />
   </React.StrictMode>
 )

playground/src/Home.tsx

@@ -5,5 +5,5 @@ export default {
   theme: {
     extend: {},
   },
-  plugins: [],
+  plugins: [require('@adam.plesnik/tailwindcss-scroll-driven-animations')],
 }