refactoring

src/app/layout.tsx

@@ -6,7 +6,7 @@ import Footer from '@/components/Footer';
 import { ContextProvider } from '@/lib/context/ContextProvider';
 import Trash from '@/components/Section/Gallery/Trash';
 import Error from '@/components/Section/Gallery/Trash';
-import LenisScroll from '@/components/LenisScroll';
+import LenisScroll from '@/lib/context/LenisScroll';
 
 const inter = Inter({ subsets: ['latin'] });
 

src/lib/context/LenisScroll.tsx

@@ -0,0 +1,23 @@
+'use client';
+import React from 'react';
+import { ReactLenis } from '@studio-freight/react-lenis';
+import gsap from 'gsap';
+interface Props {
+	children: React.ReactNode;
+}
+const LenisScroll = ({ children }: Props) => {
+	return (
+		<ReactLenis
+			root
+			options={{
+				lerp: 0.1,
+				duration: 5000,
+				smoothTouch: true,
+				syncTouch: true,
+			}}>
+			{children}
+		</ReactLenis>
+	);
+};
+
+export default LenisScroll;