fix: blurry images (#5044)

iterative · Dec 12, 2023 · 1395a08 · 1395a08
1 parent 714e2a1
commit 1395a08
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 17 deletions.
diff --git a/src/components/Home/Hero/GetStarted/GetStartedWithDvc.tsx b/src/components/Home/Hero/GetStarted/GetStartedWithDvc.tsx
@@ -1,6 +1,5 @@
 import React from 'react'
 import HeroContainer from '../../../HeroContainer'
-import { StaticImage } from 'gatsby-plugin-image'
 import { cn } from '../../../../utils'
 
 import TwoRowsButtonLink from '../../../TwoRowsButton/link'
@@ -55,12 +54,7 @@ const GetStartedWithDvc = () => {
     <HeroContainer className="py-10 px-6" id="get-started-dvc">
       <div className="flex items-center md:justify-center">
         <h1 className={cn('text-2xl font-medium')}>Get Started with</h1>
-        <StaticImage
-          height={48}
-          src="../../../../../static/img/dvc_icon-color--square_vector.svg"
-          alt="DVC Logo"
-          className="ml-2"
-        />
+        <img src="/img/logos/dvc.svg" alt="DVC Logo" className="h-12 ml-2" />
       </div>
       <DvcSlides />
       <HeroButtons />

diff --git a/src/components/Home/Hero/GetStarted/GetStartedWithDvcX.tsx b/src/components/Home/Hero/GetStarted/GetStartedWithDvcX.tsx
@@ -1,6 +1,5 @@
 import React from 'react'
 import HeroContainer from '../../../HeroContainer'
-import { StaticImage } from 'gatsby-plugin-image'
 import { cn } from '../../../../utils'
 import DvcxSlides from '../../LandingHero/DvcxSlides'
 import GetOnTheWaitlistForm from '../GetOnTheWaitlist/Form'
@@ -10,12 +9,7 @@ const GetStartedWithDvcX = () => {
     <HeroContainer className="py-10 px-6" id="get-started-dvcx">
       <div className="flex items-end md:justify-center">
         <h1 className={cn('text-2xl font-medium')}>Get Started with</h1>
-        <StaticImage
-          className="-ml-1"
-          height={40}
-          src="../../../../../static/img/logos/dvcx.svg"
-          alt="DVCx Logo"
-        />
+        <img src="/img/logos/dvcx.svg" alt="DVCx Logo" className="h-12 -ml-1" />
       </div>
       <DvcxSlides />
       <div className={cn('flex flex-col items-center justify-center w-full')}>

diff --git a/src/components/Home/Hero/HeroSection.tsx b/src/components/Home/Hero/HeroSection.tsx
@@ -127,9 +127,10 @@ const HeroSection = () => {
                 ) : (
                   <span className="animate-pulse">---</span>
                 )}
-                <StaticImage
-                  src="../../../../static/img/landing/star-github.svg"
-                  alt="Star Github"
+                <img
+                  src="/img/landing/github.svg"
+                  alt="Github Logo"
+                  className="h-5 w-5"
                 />
               </Badge>
             </Link>
@@ -140,6 +141,8 @@ const HeroSection = () => {
       <SectionWrapper maxWidth="2xl">
         <div className={cn(styles.gridContainer)}>
           <StaticImage
+            placeholder="none"
+            loading="eager"
             src={'../../../../static/img/landing/Hero Visualization.svg'}
             quality={100}
             formats={['avif', 'webp', 'auto']}

diff --git a/static/img/landing/github.svg b/static/img/landing/github.svg