style: Add preconnect and dns-prefetch for Google Fonts

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,12 +14,24 @@ export default function HeadDefault() {
 				data-website-id="ba70261e-d145-4dd1-b0e8-27cbf4927b74"
 			/>
 
+			<link rel="preload" href={blurCyanImage} as="image" />
+			<link
+				rel="preload"
+				href="https://fonts.gstatic.com/s/inter/v12/UcCO3F1r8g.woff2"
+				as="font"
+				type="font/woff2"
+				crossorigin="anonymous"
+			/>
+
 			<link rel="preconnect" href="https://fonts.googleapis.com" />
+			<link rel="dns-prefetch" href="https://fonts.googleapis.com" />
 			<link
 				rel="preconnect"
 				href="https://fonts.gstatic.com"
 				crossorigin="anonymous"
 			/>
+			<link rel="dns-prefetch" href="https://fonts.gstatic.com" />
+
 			<link
 				href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=Lexend:wght@400;500;700&display=swap"
 				rel="stylesheet"

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" />