diff --git a/src/scripts/home.js b/src/scripts/home.js
index f00f792..1440bab 100644
--- a/src/scripts/home.js
+++ b/src/scripts/home.js
@@ -123,6 +123,21 @@ function animateHero() {
     });
 }
 
+function animateHeroContent(className) {
+  gsap.fromTo(className, 
+    {
+      opacity: 0,
+      y: -50
+    },
+    {
+      opacity: 1,
+      y: 0,
+      duration: 2.4,
+      ease: "power2.out"
+    }
+  );
+}
+
 function initHighlightSwiper() {
   new Swiper("#home-highlight-swiper", {
     slidesPerView: 1,
@@ -297,6 +312,7 @@ window.Webflow?.push(async () => {
   safeExecute(getBlogPosts);
   safeExecute(childObserver);
   safeExecute(animateHero);
+  safeExecute(animateHeroContent, ".hero2_wrapper");
   safeExecute(initHighlightSwiper);
   safeExecute(animateHeroNumbers);
   safeExecute(initCarouselBannerSwiper);
diff --git a/src/styles/home.css b/src/styles/home.css
index 665df4d..077ce30 100644
--- a/src/styles/home.css
+++ b/src/styles/home.css
@@ -215,6 +215,10 @@ a.inherit {
   display: inline-block;
 }
 
+.hero2_wrapper {
+  opacity: 0;
+}
+
 /* ANIMATE HERO END */
 
 .operator_content:hover p {