Update

Author: localzet

src/components/HeroPattern.jsx

@@ -1,18 +1,20 @@
+import Image from 'next/image'
+
 export function HeroPattern() {
     return (
         <div className="absolute inset-0 -z-10 mx-0 max-w-none flex justify-center overflow-hidden">
             <div className="w-[108rem] flex-none flex justify-end">
                 <picture>
                     <source srcSet="/images/[email protected]" type="image/avif" className="not-prose"/>
                     {/* eslint-disable-next-line @next/next/no-img-element */}
-                    <img
+                    <Image
                         src="/images/[email protected]" alt=""
                         className="not-prose w-[71.75rem] flex-none max-w-none dark:hidden" decoding="async"/>
                 </picture>
                 <picture>
                     <source srcSet="/images/[email protected]" type="image/avif" className="not-prose"/>
                     {/* eslint-disable-next-line @next/next/no-img-element */}
-                    <img src="/images/[email protected]" alt=""
+                    <Image src="/images/[email protected]" alt=""
                          className="not-prose w-[90rem] flex-none max-w-none hidden dark:block" decoding="async"/>
                 </picture>
             </div>

src/components/Logo.jsx

@@ -1,10 +1,10 @@
-// import Image from 'next/image'
+import Image from 'next/image'
 
 export function Logo() {
     return (
         <div className="h-8 w-full">
-            <img src='/logo-light.png' className="block dark:hidden w-full h-auto max-h-8 mt-1" alt="Triangle Web"></img>
-            <img src='/logo-dark.png' className="hidden dark:block w-full h-auto max-h-8 mt-1" alt="Triangle Web"></img>
+            <Image src='/logo-light.png' className="block dark:hidden w-full h-auto max-h-8 mt-1" alt="Triangle Web"></Image>
+            <Image src='/logo-dark.png' className="hidden dark:block w-full h-auto max-h-8 mt-1" alt="Triangle Web"></Image>
         </div>
     )
 }