design : title 마우스 커서 조정

2024-hgu-ccd-one-in-christ · Oct 24, 2024 · 3ea2874 · 3ea2874
1 parent 46ab50e
commit 3ea2874
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/src/components/about/Title.tsx b/src/components/about/Title.tsx
@@ -1,14 +1,21 @@
+import { useMousePosition } from "../cursor/Context";
+import { motion } from "framer-motion";
+
 interface Props {
   children: React.ReactNode;
 }
 
 const Title = ({ children }: Props) => {
+  const { smallEnter, defaultEnter } = useMousePosition();
+
   return (
-    <div
+    <motion.div
+      onMouseEnter={smallEnter}
+      onMouseLeave={defaultEnter}
       className={`w-full font-Organetto_ExtBold text-25 sm:text-15 text-primary-white leading-[120px] text-center mb-50`}
     >
       {children}
-    </div>
+    </motion.div>
   );
 };