added blur

winpax · Nov 10, 2024 · 8250ba2 · 8250ba2
1 parent 323125e
commit 8250ba2
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/src/app/_components/Project.tsx b/src/app/_components/Project.tsx
@@ -29,7 +29,16 @@ function HeroImage({ link }: Props) {
 		);
 	}
 
-	return <Image {...link.image} className="max-w-[50vw]" alt={link.label} />;
+	return (
+		<Image
+			placeholder="blur"
+			src={link.image.src}
+			alt={link.label}
+			width={link.image.width}
+			height={link.image.height}
+			blurDataURL={link.image.blurDataURL}
+		/>
+	);
 }
 
 export default function Project(props: Props) {

diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -104,7 +104,7 @@ export default function Home() {
 	return (
 		<main className="column">
 			<div className="column mb-4 mt-12 gap-4">
-				<Image src="/icons/org.png" alt="Winpax Icon" width="150" height="150" />
+				<Image src="/icons/org.png" alt="Winpax Icon" width="150" height="150" priority />
 				<h1 className="text-[2.5rem]">Welcome to Winpax</h1>
 			</div>