From 683d3e4ed8677a7fb251e98c33d404fa721a738b Mon Sep 17 00:00:00 2001
From: MacRimi <123239993+MacRimi@users.noreply.github.com>
Date: Thu, 13 Feb 2025 19:40:34 +0100
Subject: [PATCH] Create MouseMoveEffect.tsx

---
 web/app/components/MouseMoveEffect.tsx | 28 ++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)
 create mode 100644 web/app/components/MouseMoveEffect.tsx

diff --git a/web/app/components/MouseMoveEffect.tsx b/web/app/components/MouseMoveEffect.tsx
new file mode 100644
index 0000000..3b91f02
--- /dev/null
+++ b/web/app/components/MouseMoveEffect.tsx
@@ -0,0 +1,28 @@
+"use client"
+
+import { useEffect, useState } from "react"
+
+export default function MouseMoveEffect() {
+  const [mousePosition, setMousePosition] = useState({ x: 0, y: 0 })
+
+  useEffect(() => {
+    const handleMouseMove = (event: MouseEvent) => {
+      setMousePosition({ x: event.clientX, y: event.clientY })
+    }
+
+    window.addEventListener("mousemove", handleMouseMove)
+
+    return () => {
+      window.removeEventListener("mousemove", handleMouseMove)
+    }
+  }, [])
+
+  return (
+    <div
+      className="pointer-events-none fixed inset-0 z-30 transition-opacity duration-300"
+      style={{
+        background: `radial-gradient(600px at ${mousePosition.x}px ${mousePosition.y}px, rgba(29, 78, 216, 0.15), transparent 80%)`,
+      }}
+    />
+  )
+}