Merge pull request #82 from afsar-dev/dev

splash cursor removed and add draw cursor

Author: afsar-dev

src/app/layout.tsx

@@ -12,7 +12,7 @@ import { AppProvider } from "@/context/AppContext";
 import Navbar from "@/components/layout/Navbar";
 import Footer from "@/components/layout/Footer";
 import Banner from "@/components/ui/Banner";
-import SplashCursorDemo from "@/components/common/SplashCursorDemo";
+import DrawCursorDemo from "@/components/common/DrawCursorDemo";
 
 const nunito = Nunito({
   variable: "--font-nunito",
@@ -99,7 +99,7 @@ export default function RootLayout({
           <ThemeProvider>
             <Toaster />
             <NProgressProvider />
-            <SplashCursorDemo />
+            <DrawCursorDemo />
             <Banner />
             <Navbar />
             <MainContent>{children}</MainContent>

src/components/common/DrawCursorDemo.tsx

@@ -0,0 +1,19 @@
+"use client";
+import React from "react";
+import { usePathname } from "next/navigation";
+import DrawCursor from "../nurui/draw-cursor";
+
+const DrawCursorDemo = () => {
+  const pathName = usePathname();
+  if (pathName.includes("docs") || pathName.includes("preview")) return null;
+  return (
+    <DrawCursor
+      type="drawAlways"
+      strokeColor="#3ca2fa"
+      strokeWidth={10}
+      followEffect={true}
+    />
+  );
+};
+
+export default DrawCursorDemo;

src/components/common/SplashCursorDemo.tsx

@@ -19,12 +19,30 @@ interface Particle {
 
 const icons: { name: string; src: string }[] = [
   // replace with your image path
-  { name: "JavaScript", src: "/js.png" },
-  { name: "TypeScript", src: "/ts.png" },
-  { name: "React", src: "/react.svg" },
-  { name: "Next.js", src: "/js.png" },
-  { name: "HTML", src: "/html.png" },
-  { name: "CSS", src: "/css.png" },
+  {
+    name: "JavaScript",
+    src: "https://res.cloudinary.com/dz1fy2tof/image/upload/v1755012752/js_nocitj.png",
+  },
+  {
+    name: "TypeScript",
+    src: "https://res.cloudinary.com/dz1fy2tof/image/upload/v1755012632/ts_elsqw8.png",
+  },
+  {
+    name: "React",
+    src: "https://res.cloudinary.com/dz1fy2tof/image/upload/v1755012941/react_ogt6ny.svg",
+  },
+  {
+    name: "Next.js",
+    src: "https://res.cloudinary.com/dz1fy2tof/image/upload/v1755012973/next_hrodnb.svg",
+  },
+  {
+    name: "HTML",
+    src: "https://res.cloudinary.com/dz1fy2tof/image/upload/v1755012812/html_xbcdkj.png",
+  },
+  {
+    name: "CSS",
+    src: "https://res.cloudinary.com/dz1fy2tof/image/upload/v1755012862/css_1_irojyc.png",
+  },
 ];
 
 const TechCursor = () => {