smooth scrolling implemented

eugene0111 · eugene0111 · commit 1822e70285da · 2025-12-09T16:27:28.000+05:30
diff --git a/app/about/page.jsx b/app/about/page.jsx
@@ -10,7 +10,7 @@ import fetchData from "@/lib/sanity/fetchData";
 import fetchTeam from "@/lib/sanity/fetchTeam";
 import Carousel from "@/components/ui/Carousel";
 
-export const revalidate = 2592000;
+export const revalidate = 60;
 
 export default async function About() {
   const team = await fetchTeam();
diff --git a/app/layout.jsx b/app/layout.jsx
@@ -2,6 +2,8 @@ import Footer from "@/components/Footer";
 import Header from "@/components/Header";
 import Providers from "@/providers";
 import "@/styles/globals.css";
+import SmoothScrolling from "@/components/SmoothScrolling";
+
 export const viewport = {
   themeColor: "#000000",
 };
@@ -28,11 +30,13 @@ export default async function Layout({ children }) {
   return (
     <html lang="en">
       <body className="flex min-h-screen flex-col bg-darker text-lightest ">
-        <Providers>
-          <Header />
-          {children}
-          <Footer />
-        </Providers>
+        <SmoothScrolling>
+          <Providers>
+            <Header />
+            {children}
+            <Footer />
+          </Providers>
+        </SmoothScrolling>
       </body>
     </html>
   );
diff --git a/app/storygram/page.jsx b/app/storygram/page.jsx
@@ -2,6 +2,8 @@ import StorygramCards from "@/components/StorygramCards";
 import fetchData from "@/lib/sanity/fetchData";
 import Pagination from "@/components/Pagination";
 
+export const revalidate = 0;
+
 export default async function Storygram({ searchParams }) {
   const pageSize = 8;
   const currentPage = parseInt(searchParams.page || "1", 10);
diff --git a/components/SmoothScrolling.jsx b/components/SmoothScrolling.jsx
@@ -0,0 +1,12 @@
+"use client";
+import { ReactLenis } from "lenis/react";
+
+function SmoothScrolling({ children }) {
+  return (
+    <ReactLenis root options={{ lerp: 0.1, duration: 1.5, smoothWheel: true }}>
+      {children}
+    </ReactLenis>
+  );
+}
+
+export default SmoothScrolling;
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -16,6 +16,7 @@
     "axios": "^1.7.4",
     "dayjs": "^1.11.12",
     "framer-motion": "^11.3.28",
+    "lenis": "^1.3.15",
     "lodash": "^4.17.21",
     "next": "14.2.3",
     "postcss": "8.4.21",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
