fix(gtm): use next/scrip

zesty-io · Nov 3, 2023 · 5c3a278 · 5c3a278
1 parent 9696f1b
commit 5c3a278
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 21 deletions.
diff --git a/src/pages/_app.js b/src/pages/_app.js
@@ -66,6 +66,7 @@ export default function App({ Component, pageProps }) {
       <Head>
         {GTM_ID && (
           <script
+            id="gtm-script"
             defer
             dangerouslySetInnerHTML={{
               __html: `
@@ -80,6 +81,7 @@ export default function App({ Component, pageProps }) {
         )}
 
         <script
+          id="zi-script"
           defer
           dangerouslySetInnerHTML={{
             __html: `

diff --git a/src/revamp/ui/HeroV2/index.js b/src/revamp/ui/HeroV2/index.js
@@ -5,7 +5,6 @@ import { generateAlt } from 'utils';
 import { useEffect, useState } from 'react';
 import { FONT_FAMILY } from 'components/globals/constants';
 import dynamic from 'next/dynamic';
-import { LazyLoadImage } from 'react-lazy-load-image-component';
 
 const Logos = dynamic(() => import('./Logos'), {
   ssr: false,
@@ -249,27 +248,18 @@ const Hero = ({
           },
         })}
       >
-        {!isLg ? (
-          <picture>
-            <source srcSet={media + '?width=400'} media="(min-width: 400px)" />
-            <img
-              height={320}
-              width={400}
-              src={heroImage}
-              style={{ width: '100%', height: 'auto' }}
-              alt={generateAlt('Zesty image')}
-              loading="eager"
-            />
-          </picture>
-        ) : (
-          <LazyLoadImage
-            alt={generateAlt('Zesty-Hero')}
-            srcSet={heroImage}
-            effect="blur"
-            height={940}
-            width={1500}
+        <picture>
+          <source srcSet={media} media="(min-width: 1200px)" />
+          <source srcSet={media + '?width=400'} media="(min-width: 400px)" />
+          <img
+            height={900}
+            width={1400}
+            src={heroImage}
+            style={{ width: '100%', height: 'auto' }}
+            alt={generateAlt('Zesty image')}
+            loading="eager"
           />
-        )}
+        </picture>
       </Box>
     </Box>
   );