Using next/image

React-Indy · Mar 18, 2024 · f958b9b · f958b9b
1 parent 5708a85
commit f958b9b
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -1,4 +1,6 @@
+import Image from "next/image";
 import classNames from "classnames";
+import heroImage from "../../public/hero.png";
 import styles from "./index.module.css";
 
 const CODE_OF_CONDUCT_LINK =
@@ -8,10 +10,9 @@ const HomePage = () => {
 	return (
 		<div className={styles.root}>
 			<header className={styles.header}>
-				{/* eslint-disable-next-line @next/next/no-img-element */}
-				<img
+				<Image
 					alt="logo"
-					src="/hero.png"
+					src={heroImage}
 				/>
 			</header>
 			<main className={classNames("flow", styles.main)}>