From bb8c5ec6d092aa10247378f2b6c6b5b87f0ce3e8 Mon Sep 17 00:00:00 2001
From: Dariusz Niemczyk <palid@phoelid.me>
Date: Thu, 13 Feb 2025 02:40:06 +0100
Subject: [PATCH] SPINNING ONION YOOOOOOOOOOO

---
 src/app/[locale]/loading.tsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/app/[locale]/loading.tsx b/src/app/[locale]/loading.tsx
index 558db1e..3d2cd5a 100644
--- a/src/app/[locale]/loading.tsx
+++ b/src/app/[locale]/loading.tsx
@@ -1,4 +1,14 @@
+"use client"
+
+import Image from "next/image"
 
 export default function Loading() {
-  return <div>Loading...</div>
+  return (
+    <div className="fixed inset-0 flex items-center justify-center bg-background/80 backdrop-blur-sm">
+      <div className="relative h-16 w-16 animate-spin">
+        <Image src="/web-app-manifest-512x512.png" alt="Loading..." fill className="object-contain" priority />
+      </div>
+    </div>
+  )
 }
+