From 562c99a29b68cd5b8d29b0e5a890c88d8b2857f3 Mon Sep 17 00:00:00 2001
From: abhi1992002 <abhimanyu1992002@gmail.com>
Date: Fri, 6 Oct 2023 19:32:57 +0530
Subject: [PATCH] small change

---
 src/app/page.tsx | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f6f6307..8610b40 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,14 +1,40 @@
+"use client";
+
 import Background from "@/components/background/page";
 import { About } from "@/components/home/about/about";
 import { Feature } from "@/components/home/feature/feature";
 import { HeroPage } from "@/components/home/hero";
 import { MarqueeClient } from "@/components/home/marquee";
+import Lenis from "@studio-freight/lenis";
+import { useEffect, useState } from "react";
 import { Loading } from "@/components/Loading";
 import { useRecoilValue } from "recoil";
 import { loadingState } from "@/state/loading";
 import { Footer } from "@/components/home/footer";
 
 export default function Home() {
+  const [dimension, setDimension] = useState({ width: 0, height: 0 });
+  useEffect(() => {
+    const lenis = new Lenis();
+
+    const raf = (time: any) => {
+      lenis.raf(time);
+      requestAnimationFrame(raf);
+    };
+
+    const resize = () => {
+      setDimension({ width: window.innerWidth, height: window.innerHeight });
+    };
+
+    window.addEventListener("resize", resize);
+    requestAnimationFrame(raf);
+    resize();
+
+    return () => {
+      window.removeEventListener("resize", resize);
+    };
+  }, []);
+
   const isLoading = useRecoilValue(loadingState);
 
   return (