From d6ddaca0f59638bb79f49b0c61b28f12a78c7712 Mon Sep 17 00:00:00 2001
From: tapframe <nayifveliya99@gmail.com>
Date: Sun, 4 May 2025 18:37:40 +0530
Subject: [PATCH] Update HeroSection component to enhance parallax effect and
 responsiveness

This update modifies the HeroSection component by adjusting the parallax image height and refining the interpolation values for translateY and scale transformations. The changes improve the visual dynamics of the parallax effect, enhancing the overall user experience and responsiveness of the component. These modifications contribute to a more polished and engaging interface.
---
 src/components/metadata/HeroSection.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/metadata/HeroSection.tsx b/src/components/metadata/HeroSection.tsx
index be3c211..8436a73 100644
--- a/src/components/metadata/HeroSection.tsx
+++ b/src/components/metadata/HeroSection.tsx
@@ -287,7 +287,7 @@ const HeroSection: React.FC<HeroSectionProps> = ({
 
   const parallaxImageStyle = useAnimatedStyle(() => ({
     width: '120%',
-    height: '100%',
+    height: '110%',
     top: '-10%',
     left: '-10%',
     transform: [
@@ -295,7 +295,7 @@ const HeroSection: React.FC<HeroSectionProps> = ({
         translateY: interpolate(
           dampedScrollY.value,
           [0, 100, 300],
-          [20, -20, -60],
+          [0, -30, -80],
           Extrapolate.CLAMP
         )
       },
@@ -303,7 +303,7 @@ const HeroSection: React.FC<HeroSectionProps> = ({
         scale: interpolate(
           dampedScrollY.value,
           [0, 150, 300],
-          [1.05, 1.02, 0.99],
+          [1.05, 1.03, 1.01],
           Extrapolate.CLAMP
         )
       }