diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 552e896..944576b 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -38,6 +38,11 @@ export default function RootLayout({
 }>) {
   return (
     <html lang="en" suppressHydrationWarning>
+      <head>
+        <script async src="https://cdn.jsdelivr.net/npm/gsap@3.12.2/dist/gsap.min.js"></script>
+        <script async src="https://cdn.jsdelivr.net/npm/gsap@3.12.2/dist/ScrollTrigger.min.js"></script>
+        <script async src="https://cdn.jsdelivr.net/npm/gsap@3.12.2/dist/Draggable.min.js"></script>
+      </head>
       <ServiceWrapper>
         <body
           className={`${poppins.variable} ${dmSans.variable} antialiased`}
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"
