From d547fac66fb66cad936b892f6a5856a172dfd4cd Mon Sep 17 00:00:00 2001
From: john-papani <johnpapani1@gmail.com>
Date: Tue, 14 May 2024 22:38:40 +0300
Subject: [PATCH] Fix preloader scroll

---
 src/app/page.js | 16 +++++-----------
 1 file changed, 5 insertions(+), 11 deletions(-)

diff --git a/src/app/page.js b/src/app/page.js
index 8dfe333..88c6bc4 100644
--- a/src/app/page.js
+++ b/src/app/page.js
@@ -39,13 +39,6 @@ export default function Home() {
   const paragraph2 =
     "Η εφημερία αποτελεί την αιτία, λόγω της οποίας όλα εξυψώνονται σε ένα βάθρο. Δεν είναι λίγες οι φορές που εφήμερα γεγονοτα αποδεικνύονται καθοριστικά (life changing)… Είναι δύσκολο να αποδεχθούμε την εφήμερη φύση όσων διαδραματίζονται γύρω μας ή και μέσα μας. Ωστόσο, όλα αλλάζουν και είναι εξαιρετικά σημαντικό να συμφιλιωθεί κανείς με την παροδικότητα που τον περιβάλλει. «Some ephemeral moments must be given a memory. The temporality of an instant may radiate a twinkle of eternity»";
 
-  if (isLoading)
-    return (
-      <AnimatePresence mode="wait">
-        <Preloader />
-      </AnimatePresence>
-    );
-
   return (
     <main
       className="mx-auto relative z-0 overflow-x-hidden"
@@ -57,6 +50,11 @@ export default function Home() {
         backgroundSize: "cover",
       }}
     >
+      {isLoading && (
+        <AnimatePresence mode="wait">
+          <Preloader />
+        </AnimatePresence>
+      )}
       <div className="1st-scroll desktop z-20 relative max-w-[2040px] h-[calc(100vh-65px)] max-h-[900px] hidden lg:grid lg:grid-cols-2 mx-auto w-full ">
         <div
           style={{
@@ -78,7 +76,6 @@ export default function Home() {
         </div>
         <Scene />
       </div>
-
       <div className="1st-scroll mobile-tablet lg:hidden z-20 relative">
         <div className="h-[calc(100vh-65px)] flex flex-col justify-center py-20">
           <Scene />
@@ -123,7 +120,6 @@ export default function Home() {
           </div>
         </div>
       </div>
-
       <div className="2nd-scroll desktop hidden lg:grid grid-cols-2 z-20 relative max-w-[2040px] max-h-[900px] mx-auto w-full mb-[100px]">
         <div
           style={{
@@ -158,7 +154,6 @@ export default function Home() {
           />
         </div>
       </div>
-
       <div className="2nd-scroll mobile-tablet lg:hidden z-20 relative grid grid-cols-1 mx-auto w-full gap-12 mb-10 mt-10">
         <img
           src="./design/embrace-fleeting-horizontal.png"
@@ -190,7 +185,6 @@ export default function Home() {
           <Paragraph paragraph={paragraph2} />
         </div>
       </div>
-
       {/* <div className="3xl:hidden">
         <ImageSlider />
       </div>