Add lenis effect to some pages

my-app/app/event/page.tsx

@@ -1,3 +1,5 @@
+"use client"
+
 import { Metadata } from 'next';
 import Footer from "@/app/components/footer/footer";
 import NavBar from "@/app/components/nav-bar/nav-bar";
@@ -8,14 +10,30 @@ import Cover from './cover';
 import Link from 'next/link';
 import Image from 'next/image';
 
-export const metadata: Metadata = {
-  title: 'Event Information - HackRPI 2026',
-  description:
-    'Event information for HackRPI 2026',
-};
+import Lenis from 'lenis';
+import { useEffect } from "react";
+import gsap from "gsap";
+import { ScrollTrigger } from "gsap/ScrollTrigger";
+
+gsap.registerPlugin(ScrollTrigger);
 
 export default function Event() {
-
+  useEffect(() => {
+    // lenis scrolling
+    const lenis = new Lenis({
+      smoothWheel: true,
+      duration: 1.2,
+    });
+
+    lenis.on("scroll", ScrollTrigger.update);
+
+    function raf(time: number) {
+      lenis.raf(time);
+      requestAnimationFrame(raf);
+    }
+
+    requestAnimationFrame(raf);
+  })
 
   return (
 		<> 

my-app/app/event/schedule/page.tsx

@@ -10,6 +10,12 @@ import HappeningNow from "@/app/components/schedule/happening-now";
 import Schedule from "@/app/components/schedule/schedule";
 import HackRPILink from "@/app/components/themed-components/hackrpi-link";
 
+import Lenis from 'lenis';
+import gsap from "gsap";
+import { ScrollTrigger } from "gsap/ScrollTrigger";
+
+gsap.registerPlugin(ScrollTrigger);
+
 // async function fetchEvents(): Promise<{
 // 	status: number;
 // 	message: string;
@@ -139,6 +145,21 @@ export default function Page() {
 
 	useEffect(() => {
 		fetchData();
+
+		// lenis scrolling
+		const lenis = new Lenis({
+			smoothWheel: true,
+			duration: 1.2,
+		});
+
+		lenis.on("scroll", ScrollTrigger.update);
+
+		function raf(time: number) {
+			lenis.raf(time);
+			requestAnimationFrame(raf);
+		}
+
+		requestAnimationFrame(raf);
 	}, []);
 
 

my-app/app/last-year/page.tsx

@@ -7,14 +7,37 @@ import ProjectCarousel from "@/app/components/prev-projects/project-carousel";
 import { podiumPrizes } from "@/app/data/previous-prize-winners";
 import { carouselPrizes } from "@/app/data/previous-prize-winners";
 import Image from "next/image";
-import NavBar from "@/app/components/nav-bar/nav-bar";
-import Footer from "@/app/components/footer/footer";
-import Lenis from 'lenis';
+
+import NavBar from "../components/nav-bar/nav-bar";
+import Footer from "../components/footer/footer";
 import HackRPILink from "@/app/components/themed-components/hackrpi-link";
 
+import Lenis from 'lenis';
+import gsap from "gsap";
+import { ScrollTrigger } from "gsap/ScrollTrigger";
+
+gsap.registerPlugin(ScrollTrigger);
+
 export default function PastYearProjects() {
 	const topProjects = podiumPrizes.slice(0, 3);
 
+	useEffect(() => {
+    // lenis scrolling
+    const lenis = new Lenis({
+      smoothWheel: true,
+      duration: 1.2,
+    });
+
+    lenis.on("scroll", ScrollTrigger.update);
+
+    function raf(time: number) {
+      lenis.raf(time);
+      requestAnimationFrame(raf);
+    }
+
+    requestAnimationFrame(raf);
+  })
+
 	return (
 		<>
 			<NavBar showOnScroll={false}/>

my-app/app/news/page.tsx

@@ -6,6 +6,12 @@ import articlesData from './data.json';
 import NavBar from '../components/nav-bar/nav-bar';
 import './news.css';
 
+import Lenis from 'lenis';
+import gsap from "gsap";
+import { ScrollTrigger } from "gsap/ScrollTrigger";
+
+gsap.registerPlugin(ScrollTrigger);
+
 const Page: React.FC = () => {
   // Import article data from JSON file
   const articles: ArticleData[] = articlesData.articles;
@@ -20,7 +26,7 @@ const Page: React.FC = () => {
     article => !article.featured && article.category !== 'Hackathon'
   );
 
-  // Handle browser back button
+  // Handle browser back button + lenis
   useEffect(() => {
     const handlePopState = (event: PopStateEvent) => {
       if (event.state?.articleId) {
@@ -31,6 +37,22 @@ const Page: React.FC = () => {
       }
     };
 
+    // lenis scrolling section
+    const lenis = new Lenis({
+      smoothWheel: true,
+      duration: 1.2,
+    });
+
+    lenis.on("scroll", ScrollTrigger.update);
+
+    function raf(time: number) {
+      lenis.raf(time);
+      requestAnimationFrame(raf);
+    }
+
+    requestAnimationFrame(raf);
+    // end lenis scrolling section
+
     window.addEventListener('popstate', handlePopState);
     return () => window.removeEventListener('popstate', handlePopState);
   }, [articles]);

my-app/app/page.tsx

@@ -9,7 +9,7 @@ import Sponsors from "@/app/components/sponsors/sponsors";
 import TeamComponent from "@/app/components/team/team";
 import Mentions from "@/app/components/team/mentions";
 
-import Lenis from 'lenis'
+import Lenis from 'lenis';
 import { useEffect } from "react";
 import gsap from "gsap";
 import { ScrollTrigger } from "gsap/ScrollTrigger";