fix:added smooth scroll

package.json

@@ -36,6 +36,7 @@
     "@react-three/drei": "^9.105.6",
     "@react-three/fiber": "^8.16.6",
     "@reduxjs/toolkit": "^2.2.4",
+    "@studio-freight/lenis": "^1.0.42",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
     "convex": "^1.11.3",

src/app/page.tsx

@@ -1,12 +1,22 @@
+'use client'
 import { FollowingPointerDemo } from "@/components/shared/FollowingCard";
 import { Hero } from "@/components/shared/Hero";
 import StartNow from "@/components/shared/StartNow";
 import { AnimatedTooltipPreview } from "@/components/shared/TooltipSection";
 import Header from "@/components/shared/Header";
 import Footer from "@/components/shared/Footer";
 import ScrollToTopButton from "@/components/shared/ScrollUp";
-
+import Lenis from '@studio-freight/lenis';
+import { useEffect } from "react";
 export default function Home() {
+  useEffect(() => {
+    const lenis = new Lenis();
+    function raf(time :any) {
+      lenis.raf(time);
+      requestAnimationFrame(raf);
+    }
+    requestAnimationFrame(raf);
+  }, []);
   return (
     <>
       <div className="relative">