Merge pull request #156 from medusajs/fix-loading

fix: homepage performance

Author: VariableVic

public/hero.jpg

@@ -6,16 +6,17 @@ const Hero = () => {
     <div className="h-[90vh] w-full relative">
       <div className="text-white absolute inset-0 z-10 flex flex-col justify-center items-center text-center small:text-left small:justify-end small:items-start small:p-32">
         <h1 className="text-2xl-semi mb-4 drop-shadow-md shadow-black">
-          Summer styles are finally here
+          Introducing the Latest Summer Styles
         </h1>
         <p className="text-base-regular max-w-[32rem] mb-6 drop-shadow-md shadow-black">
-          This year, our new summer collection will shelter you from the harsh
-          elements of a world that doesn&apos;t care if you live or die.
+          This season, our new summer collection embraces designs to provide
+          comfort and style - ensuring you&apos;re well-prepared for whatever
+          comes your way.
         </p>
         <UnderlineLink href="/store">Explore products</UnderlineLink>
       </div>
       <Image
-        src="/hero.jpg"
+        src="/hero.webp"
         loading="eager"
         priority={true}
         quality={90}

public/hero.webp

@@ -13,7 +13,7 @@ import { useEffect, useState } from "react"
 
 const Nav = () => {
   const pathname = usePathname()
-  const [isHome, setIsHome] = useState(false)
+  const [isHome, setIsHome] = useState(true)
   const [isScrolled, setIsScrolled] = useState(false)
 
   //useEffect that detects if window is scrolled > 5px on the Y axis