fixed components

frontend/src/pages/home/home.tsx

@@ -0,0 +1,49 @@
+import React, { useEffect } from "react"
+import styles from "./Home.module.css"
+
+
+
+export default function Home() {
+  useEffect(() => {
+    const handleClick = (event: MouseEvent) => {
+      const randomId = "spark-" + Math.floor(Math.random() * 100000)
+
+      const spark = document.createElement("div")
+      spark.className = "spark-cursor"
+      spark.id = randomId
+      document.body.appendChild(spark)
+
+      // pozice a barva
+      spark.style.top = `${event.pageY}px`
+      spark.style.left = `${event.pageX}px`
+      spark.style.filter = `hue-rotate(${Math.random() * 360}deg)`
+
+      for (let i = 0; i < 8; i++) {
+        const span = document.createElement("span")
+        span.style.transform = `rotate(${i * 45}deg)`
+        spark.appendChild(span)
+      }
+
+      setTimeout(() => {
+        spark.querySelectorAll("span").forEach((s) => {
+          (s as HTMLElement).classList.add("animate")
+        })
+      }, 10)
+
+      setTimeout(() => {
+        spark.remove()
+      }, 1000)
+    }
+
+    document.body.addEventListener("click", handleClick)
+
+    // cleanup když komponenta zmizí
+    return () => {
+      document.body.removeEventListener("click", handleClick)
+    }
+  }, [])
+
+  return (
+    <></>
+  )
+}