fix: Revert & improvement for image loading & LCP

2025-05-15 09:48:21 +00:00
parent a74d50f1e6
commit d036c4a95d
2 changed files with 10 additions and 7 deletions
--- a/src/components/Hero.tsx
+++ b/src/components/Hero.tsx
@@ -29,8 +29,8 @@ export const Hero = () => {
        </div>
        <div className="flex items-center justify-center w-full lg:w-1/2">
          <div className="">
-            <img src="/img/nature.png" width="616" height="617" alt="Hero Illustration" loading="eager"></img>
-            {/* <Image
+            {/* <img src="/img/nature.png" width="616" height="617" alt="Hero Illustration" loading="eager"></img> */}
+            <Image
              src={heroImg}
              width="616"
              height="617"
@@ -38,7 +38,7 @@ export const Hero = () => {
              alt="Hero Illustration"
              loading="eager"
              placeholder="blur"
-            /> */}
+            />
          </div>
        </div>
      </Container>