From 4148f2729b8f2e1ec8fc1054a95aa622dcb330f9 Mon Sep 17 00:00:00 2001
From: neru <152752583+neeeruuu@users.noreply.github.com>
Date: Fri, 2 Jan 2026 04:57:51 -0300
Subject: [PATCH] feat: add loading screen

---
 src/app/page.css | 25 ++++++++++++++++++++++++-
 src/app/page.tsx |  4 +++-
 2 files changed, 27 insertions(+), 2 deletions(-)

diff --git a/src/app/page.css b/src/app/page.css
index 7fd0ff1..03865f2 100644
--- a/src/app/page.css
+++ b/src/app/page.css
@@ -15,9 +15,32 @@
 	pointer-events: none;
 
 	opacity: 1;
-	display: block;
+
+	display: flex;
+	justify-content: center;
+	align-items: center;
+
+	will-change: opacity;
 }
 
 .loader.hidden {
 	opacity: 0;
+}
+
+.niko-spin {
+	width: 50vw;
+	height: auto;
+	display: block;
+	animation: spin 3s ease-in-out infinite;
+	will-change: transform;
+}
+
+@keyframes spin {
+	0% {
+		transform: rotate(0deg);
+	}
+
+	100% {
+		transform: rotate(360deg);
+	}
 }
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index e670806..c4366f2 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -629,7 +629,9 @@ function Loader() {
 	return (
 		<div
 			className={`loader ${!visible ? 'loader hidden' : ''}`}
-		/>
+		>
+			<img src='/img/niko.jpg' className='niko-spin' />
+		</div>
 	);
 }