Agrim/DPROD-3466/fix: color intensity hero (#7141)

* fix: color intensity hero * fix: color intensity 2 * fix: improve resolution of image * fix: fix the photo resolution * fix: webp to png fix * fix: changing the image to optimize performance * fix: changing the image to optimize performance * fix: update the image * fix: update photo * fix: resolution fix of image * fix: make the relevant changes to the image * fix: fixing the styling * fix: making required changes * fix: empty commit * fix: empty commit --------- Co-authored-by: Agrim Jain <[email protected]>
binary-com · Mar 6, 2024 · 34ece47 · 34ece47
1 parent 0bcbbbd
commit 34ece47
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/src/features/pages/home/hero/hero-image.tsx b/src/features/pages/home/hero/hero-image.tsx
@@ -12,6 +12,7 @@ const HeroImage = () => {
                 placeholder="none"
                 formats={['auto', 'webp']}
                 loading="eager"
+                quality={80}
             />
         </div>
     )

diff --git a/src/features/pages/home/hero/styles.module.scss b/src/features/pages/home/hero/styles.module.scss
@@ -101,11 +101,11 @@
     }
 }
 .hero_content_gradient{
-    background: linear-gradient(180deg, rgba(0, 0, 0, 0.20) -8.48%, rgba(0, 0, 0, 0.60) -8.46%, rgba(0, 0, 0, 0.00) 8.92%, rgba(0, 0, 0, 0.00) 40%, rgba(0, 0, 0, 0.70) 65.27%, rgba(0, 0, 0, 0.80) 102.14%);
+        background: linear-gradient(180deg, rgba(0, 0, 0, 0.20) -8.48%, rgba(0, 0, 0, 0.60) -8.46%, rgba(0, 0, 0, 0.00) 8.92%, rgba(0, 0, 0, 0.00) 40%, rgba(0, 0, 0, 0.70) 65.27%, rgba(0, 0, 0, 0.80) 102.14%);
     @media only screen and (min-width: 601px){
-        background: linear-gradient(85deg, rgba(0, 0, 0, 0.80) 7.03%, rgba(0, 0, 0, 0.00) 108.11%);
+        background: linear-gradient(to left, rgba(0, 0, 0, 0) 1.45%, rgba(0, 0, 0, 0) 34.13%, rgba(15, 10, 10, .8) 86.38%);
     }
     @media only screen and (min-width: 1024px){
-        background: linear-gradient(84deg, rgba(0, 0, 0, 0.80) 6.97%, rgba(0, 0, 0, 0.00) 107.22%);
+        background: linear-gradient(to left, rgba(0, 0, 0, 0) 1.45%, rgba(0, 0, 0, 0) 34.13%, rgba(15, 10, 10, .8) 86.38%);
     }
 }
diff --git a/src/images/migration/home/home_hero_new.png b/src/images/migration/home/home_hero_new.png