src/components/HomeHeadline.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { TextHoverEffect } from "@/components/ui/text-hover-effect";
  
 export function HomeHeadline() {

src/components/ui/text-hover-effect.tsx

@@ -1,5 +1,5 @@
 "use client";
-import React, { useRef, useEffect, useState } from "react";
+import { useRef, useEffect, useState } from "react";
 import { motion, useAnimation } from "motion/react";
 
 export const TextHoverEffect = ({
@@ -11,8 +11,7 @@ export const TextHoverEffect = ({
 }) => {
   const svgRef = useRef<SVGSVGElement>(null);
   const controls = useAnimation();
-  const [cursor, setCursor] = useState({ x: 0, y: 0 });
-  const [hovered, setHovered] = useState(false);
+    const [hovered, setHovered] = useState(false);
 
   // ✅ Animate mask looping automatically
   useEffect(() => {
@@ -41,8 +40,7 @@ export const TextHoverEffect = ({
       xmlns="http://www.w3.org/2000/svg"
       onMouseEnter={() => setHovered(true)}
       onMouseLeave={() => setHovered(false)}
-      onMouseMove={(e) => setCursor({ x: e.clientX, y: e.clientY })}
-      className="select-none"
+            className="select-none"
     >
       <defs>
         {/* ✅ Softer cyan gradient */}

src/pages/home/HomeBlink.tsx

@@ -2,7 +2,7 @@
 
 import { Button } from "@/components/Button";
 import { Spotlight } from "@/components/ui/spotlight";
-import { H1, H4, H5 } from "@/components/Texts";
+import { H4, H5 } from "@/components/Texts";
 import { HomeHeadline } from "@/components/HomeHeadline";
 
 export function HomeBlink({ onGetStartedClick }: { onGetStartedClick: () => void }) {