From 283cdd69e5ba90c40066c931f87daed369249716 Mon Sep 17 00:00:00 2001
From: GauthierWebDev <gauthier@gauthierdaniels.fr>
Date: Mon, 21 Apr 2025 20:34:42 +0200
Subject: [PATCH] style: Remove unnecessary loading attribute from images

---
 app/pages/+Head.tsx          | 3 +++
 app/partials/HeroSection.tsx | 2 --
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/pages/+Head.tsx b/app/pages/+Head.tsx
index 5b34a69..df2803e 100755
--- a/app/pages/+Head.tsx
+++ b/app/pages/+Head.tsx
@@ -1,3 +1,4 @@
+import blurCyanImage from "@/images/blur-cyan.webp";
 import logoUrl from "@/assets/logo.svg";
 
 // https://vike.dev/Head
@@ -13,6 +14,8 @@ export default function HeadDefault() {
 				data-website-id="ba70261e-d145-4dd1-b0e8-27cbf4927b74"
 			/>
 
+			<link rel="preload" href={blurCyanImage} as="image" />
+
 			<link rel="preconnect" href="https://fonts.googleapis.com" />
 			<link
 				rel="preconnect"
diff --git a/app/partials/HeroSection.tsx b/app/partials/HeroSection.tsx
index 5b06d11..7a40c0a 100644
--- a/app/partials/HeroSection.tsx
+++ b/app/partials/HeroSection.tsx
@@ -81,7 +81,6 @@ export function HeroSection() {
 								alt=""
 								width={530}
 								height={530}
-								loading="eager"
 							/>
 
 							<Image
@@ -90,7 +89,6 @@ export function HeroSection() {
 								alt=""
 								width={567}
 								height={567}
-								loading="eager"
 							/>
 
 							<div class="absolute inset-0 rounded-2xl bg-linear-to-tr from-violet-300 via-violet-300/70 to-purple-300 opacity-10 blur-lg" />