Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -2,6 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
+import { useEffect } from "react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
@@ -14,6 +15,28 @@ import TestimonialCardTwelve from '@/components/sections/testimonial/Testimonial
 import { Award, Briefcase, Clock, Globe, Settings, ShieldCheck, Truck, Users } from "lucide-react";
 
 export default function LandingPage() {
+  useEffect(() => {
+    const cursor = document.createElement('div');
+    cursor.style.position = 'fixed';
+    cursor.style.width = '20px';
+    cursor.style.height = '20px';
+    cursor.style.borderRadius = '50%';
+    cursor.style.backgroundColor = 'white';
+    cursor.style.boxShadow = '0 0 15px 5px rgba(255, 255, 255, 0.8)';
+    cursor.style.pointerEvents = 'none';
+    cursor.style.zIndex = '9999';
+    cursor.style.transition = 'transform 0.1s ease-out';
+    document.body.appendChild(cursor);
+
+    const moveCursor = (e: MouseEvent) => {
+        cursor.style.left = `${e.clientX - 10}px`;
+        cursor.style.top = `${e.clientY - 10}px`;
+    };
+
+    window.addEventListener('mousemove', moveCursor);
+    return () => window.removeEventListener('mousemove', moveCursor);
+  }, []);
+
   return (
     <ThemeProvider
         defaultButtonVariant="hover-bubble"