Merge pull request #76 from RamakrushnaBiswal/ram-devx

feat: custom cursor added
subinoybiswas · Jun 23, 2024 · cee2cba · cee2cba
2 parents de41cf2 + 7319b3d
commit cee2cba
Show file tree

Hide file tree

Showing 3 changed files with 334 additions and 131 deletions.
diff --git a/app/page.tsx b/app/page.tsx
@@ -21,7 +21,7 @@ import 'react-toastify/dist/ReactToastify.css';
 import Instruction from "./components/Instruction";
 import Footer from "./components/Footer";
 import { FaEnvelope } from "react-icons/fa";
-
+import AnimatedCursor from "react-animated-cursor";
 export default function Home() {
   const { isOpen, onOpen, onOpenChange, onClose } = useDisclosure();
   const router = useRouter();
@@ -133,10 +133,17 @@ export default function Home() {
   const closeInstruction = () => {
     setShowInstruction(false);
   };
-
+  
   return (
     <NextUIProvider>
       <ToastContainer />
+      <AnimatedCursor 
+      innerSize={8}
+      outerSize={35}
+      innerScale={1}
+      outerScale={2}
+      color="194, 198, 204"
+      />
       <main className="flex min-h-screen flex-col items-center align-middle justify-between p-24 background content-center w-full">
         <div className="flex flex-col relative gap-2 items-center w-[95vw] md:w-3/4 lg:w-1/2 bg-slate-200/50 p-5 rounded-3xl ">
           {/* Instruction activate button */}