From a796bb908f21921a0e999d8daf750b3bafa8d468 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 19 Apr 2026 05:01:07 +0000
Subject: [PATCH] Update src/app/page.tsx

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

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 799f456..74b1205 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -13,8 +13,25 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import { FileText, FolderOpen, Search, CheckCircle } from 'lucide-react';
+import { useEffect } from 'react';
+import gsap from 'gsap';
+import { ScrollTrigger } from 'gsap/ScrollTrigger';
+
+gsap.registerPlugin(ScrollTrigger);
 
 export default function LandingPage() {
+  useEffect(() => {
+    const wallTl = gsap.timeline({
+      scrollTrigger: {
+        trigger: "#witness-wall",        start: "top center",        end: "bottom center",        scrub: 1,
+      }
+    });
+    wallTl.fromTo(".witness-wall-item", 
+      { opacity: 0, y: 50, scale: 0.8 },
+      { opacity: 1, y: 0, scale: 1, stagger: 0.1 }
+    );
+  }, []);
+
   return (
     <ThemeProvider
         defaultButtonVariant="directional-hover"
@@ -157,7 +174,7 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="witness-wall" data-section="witness-wall">
+  <div id="witness-wall" data-section="witness-wall" className="witness-wall-item">
     <SocialProofOne
       names={["Archive Observer", "Data Specialist", "Historical Analyst", "Digital Curator", "Records Officer", "Case Reviewer"]}
       title="Witness Wall"