diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9614b4b..c51668b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -14,8 +14,24 @@ import FooterCard from '@/components/sections/footer/FooterCard';
 import TimelineProcessFlow from '@/components/cardStack/layouts/timelines/TimelineProcessFlow';
 import { Zap, CheckCircle, Lightbulb, Leaf, Linkedin, Twitter, Mail, TrendingUp, Zap as ZapIcon, Gauge } from 'lucide-react';
 import Image from 'next/image';
+import { useEffect } from 'react';
 
 export default function ShatexLanding() {
+  useEffect(() => {
+    // Ensure GSAP is available globally
+    if (typeof window !== 'undefined') {
+      const script = document.createElement('script');
+      script.src = 'https://cdn.jsdelivr.net/npm/gsap@3.12.2/dist/gsap.min.js';
+      script.async = true;
+      document.head.appendChild(script);
+
+      const scriptST = document.createElement('script');
+      scriptST.src = 'https://cdn.jsdelivr.net/npm/gsap@3.12.2/dist/ScrollTrigger.min.js';
+      scriptST.async = true;
+      document.head.appendChild(scriptST);
+    }
+  }, []);
+
   return (
     <ThemeProvider
       defaultButtonVariant="hover-magnetic"