From 07145507d04f8ad5868e305540d51e7622b1e6dd Mon Sep 17 00:00:00 2001 From: MusabShakeel576 <46605319+MusabShakeel576@users.noreply.github.com> Date: Thu, 6 Nov 2025 16:00:04 +0000 Subject: [PATCH 1/2] Add animate hero content --- src/scripts/home.js | 16 ++++++++++++++++ src/styles/home.css | 4 ++++ 2 files changed, 20 insertions(+) diff --git a/src/scripts/home.js b/src/scripts/home.js index f00f792..be5fff2 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: 1.2, + 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 { From 5246f281c1d3f1377f521f4eca8c180786b35b59 Mon Sep 17 00:00:00 2001 From: MusabShakeel576 <46605319+MusabShakeel576@users.noreply.github.com> Date: Sun, 9 Nov 2025 07:19:44 +0000 Subject: [PATCH 2/2] Reduce animate hero content speed --- src/scripts/home.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/scripts/home.js b/src/scripts/home.js index be5fff2..1440bab 100644 --- a/src/scripts/home.js +++ b/src/scripts/home.js @@ -132,7 +132,7 @@ function animateHeroContent(className) { { opacity: 1, y: 0, - duration: 1.2, + duration: 2.4, ease: "power2.out" } );