From 3f1dc52d682ce2c2a4afd6e3109eca28560f6fc9 Mon Sep 17 00:00:00 2001
From: Alexis Guzman <codingcodax@gmail.com>
Date: Tue, 30 Jul 2024 09:12:19 -0600
Subject: [PATCH] feat(components): set `placeholder` images to `blur`

---
 apps/www/src/app/(main)/_components/Intro/IntroImage.tsx     | 1 +
 apps/www/src/app/(main)/_components/Project/ProjectImage.tsx | 1 +
 2 files changed, 2 insertions(+)

diff --git a/apps/www/src/app/(main)/_components/Intro/IntroImage.tsx b/apps/www/src/app/(main)/_components/Intro/IntroImage.tsx
index c77c342..cb8a1f0 100644
--- a/apps/www/src/app/(main)/_components/Intro/IntroImage.tsx
+++ b/apps/www/src/app/(main)/_components/Intro/IntroImage.tsx
@@ -11,6 +11,7 @@ export const IntroImage = () => {
           alt='codingcodax avatar'
           className='rounded-full grayscale'
           height={100}
+          placeholder='blur'
           src='https://avatars.githubusercontent.com/u/48135533?v=4'
           width={100}
         />
diff --git a/apps/www/src/app/(main)/_components/Project/ProjectImage.tsx b/apps/www/src/app/(main)/_components/Project/ProjectImage.tsx
index 4c6716b..5aef534 100644
--- a/apps/www/src/app/(main)/_components/Project/ProjectImage.tsx
+++ b/apps/www/src/app/(main)/_components/Project/ProjectImage.tsx
@@ -13,6 +13,7 @@ export const ProjectImage = ({ image, alt }: Props) => {
         <Image
           alt={alt}
           className='aspect-video h-full w-full bg-grey-bg'
+          placeholder='blur'
           src={image}
         />
       </figure>