From 8250ba2cb4a92715069991da8dee9bf792675944 Mon Sep 17 00:00:00 2001
From: Juliette Cordor <professional@maybejules.com>
Date: Sun, 10 Nov 2024 11:01:19 +1100
Subject: [PATCH] added blur

---
 src/app/_components/Project.tsx | 11 ++++++++++-
 src/app/page.tsx                |  2 +-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/app/_components/Project.tsx b/src/app/_components/Project.tsx
index 3fafb77..0f1dffc 100644
--- 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
index 552b9da..d930d60 100644
--- 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>