From a455daae679812885af20ef6f1385f7eccb88661 Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Wed, 11 Dec 2024 21:22:48 +0100
Subject: [PATCH] ui fixes

---
 src/routes/+error.svelte | 12 ++++++--
 src/routes/+page.svelte  | 64 ++++++++++++++++++++++------------------
 2 files changed, 45 insertions(+), 31 deletions(-)

diff --git a/src/routes/+error.svelte b/src/routes/+error.svelte
index 3836c400..2da601c1 100644
--- a/src/routes/+error.svelte
+++ b/src/routes/+error.svelte
@@ -26,9 +26,15 @@
         <div
           class="mt-4 text-white font-medium text-md w-11/12 sm:w-full m-auto text-center"
         >
-          The website is currently experiencing issues due to bot attacks. We
-          apologize for any disruptions and are actively working to resolve the
-          problem.
+          The page was not found. If this error occurs persistenly please report
+          it to us via
+          <a
+            href={`mailto:${emailAddress}`}
+            class="inline-block text-blue-400 sm:hover:text-white sm:hover:underline"
+            >{emailAddress}</a
+          >.
+          <br />
+          We will fix it asap!
         </div>
 
         <a
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index e8f1fe6e..478c00fa 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -90,43 +90,51 @@
 <div
   class="w-full xl:max-w-screen-2xl overflow-hidden m-auto min-h-screen bg-[#09090B] mb-40"
 >
-  <div
-    class="mb-5 relative isolate sm:rounded text-center flex justify-center items-center gap-x-6 overflow-hidden bg-[#FFC233] px-6 py-3.5 sm:py-2.5 sm:px-3.5 sm:before:flex-1"
-  >
+  {#if data?.user?.tier !== "Pro" || data?.user?.freeTrial === true}
     <div
-      class="absolute left-[max(-7rem,calc(50%-52rem))] top-1/2 -z-10 -translate-y-1/2 transform-gpu blur-2xl"
-      aria-hidden="true"
+      class="mb-5 relative isolate sm:rounded text-center flex justify-center items-center gap-x-6 overflow-hidden bg-[#FFC233] px-6 py-3.5 sm:py-2.5 sm:px-3.5 sm:before:flex-1"
     >
       <div
-        class="aspect-[577/310] w-[36.0625rem] bg-gradient-to-r from-[#ff80b5] to-[#9089fc] opacity-30"
-        style="clip-path: polygon(74.8% 41.9%, 97.2% 73.2%, 100% 34.9%, 92.5% 0.4%, 87.5% 0%, 75% 28.6%, 58.5% 54.6%, 50.1% 56.8%, 46.9% 44%, 48.3% 17.4%, 24.7% 53.9%, 0% 27.9%, 11.9% 74.2%, 24.9% 54.1%, 68.6% 100%, 74.8% 41.9%)"
-      ></div>
-    </div>
-    <div
-      class="absolute left-[max(45rem,calc(50%+8rem))] top-1/2 -z-10 -translate-y-1/2 transform-gpu blur-2xl"
-      aria-hidden="true"
-    >
-      <div
-        class="aspect-[577/310] w-[36.0625rem] bg-gradient-to-r from-[#ff80b5] to-[#9089fc] opacity-30"
-        style="clip-path: polygon(74.8% 41.9%, 97.2% 73.2%, 100% 34.9%, 92.5% 0.4%, 87.5% 0%, 75% 28.6%, 58.5% 54.6%, 50.1% 56.8%, 46.9% 44%, 48.3% 17.4%, 24.7% 53.9%, 0% 27.9%, 11.9% 74.2%, 24.9% 54.1%, 68.6% 100%, 74.8% 41.9%)"
-      ></div>
-    </div>
-    <div
-      class="w-full m-auto flex flex-col sm:flex-row justify-center items-center gap-x-4 gap-y-2"
-    >
-      <p
-        class="text-md text-black font-semibold flex flex-col sm:flex-row items-center"
+        class="absolute left-[max(-7rem,calc(50%-52rem))] top-1/2 -z-10 -translate-y-1/2 transform-gpu blur-2xl"
+        aria-hidden="true"
       >
-        <!--<span class="text-black font-bold">Last Chance</span><svg
+        <div
+          class="aspect-[577/310] w-[36.0625rem] bg-gradient-to-r from-[#ff80b5] to-[#9089fc] opacity-30"
+          style="clip-path: polygon(74.8% 41.9%, 97.2% 73.2%, 100% 34.9%, 92.5% 0.4%, 87.5% 0%, 75% 28.6%, 58.5% 54.6%, 50.1% 56.8%, 46.9% 44%, 48.3% 17.4%, 24.7% 53.9%, 0% 27.9%, 11.9% 74.2%, 24.9% 54.1%, 68.6% 100%, 74.8% 41.9%)"
+        ></div>
+      </div>
+      <div
+        class="absolute left-[max(45rem,calc(50%+8rem))] top-1/2 -z-10 -translate-y-1/2 transform-gpu blur-2xl"
+        aria-hidden="true"
+      >
+        <div
+          class="aspect-[577/310] w-[36.0625rem] bg-gradient-to-r from-[#ff80b5] to-[#9089fc] opacity-30"
+          style="clip-path: polygon(74.8% 41.9%, 97.2% 73.2%, 100% 34.9%, 92.5% 0.4%, 87.5% 0%, 75% 28.6%, 58.5% 54.6%, 50.1% 56.8%, 46.9% 44%, 48.3% 17.4%, 24.7% 53.9%, 0% 27.9%, 11.9% 74.2%, 24.9% 54.1%, 68.6% 100%, 74.8% 41.9%)"
+        ></div>
+      </div>
+      <div
+        class="w-full m-auto flex flex-col sm:flex-row justify-center items-center gap-x-4 gap-y-2"
+      >
+        <p
+          class="text-md text-black font-semibold flex flex-col sm:flex-row items-center"
+        >
+          <!--<span class="text-black font-bold">Last Chance</span><svg
             viewBox="0 0 2 2"
             class="mx-2 inline h-0.5 w-0.5 fill-current hidden sm:inline-block"
             aria-hidden="true"><circle cx="1" cy="1" r="1" /></svg
           >-->
-        The website is currently experiencing issues due to bot attacks. We apologize
-        for any disruptions and are actively working to resolve the problem.
-      </p>
+          The Lifetime Deal officially ends permanently this Friday at 12:00 AM (CET).
+        </p>
+
+        <a
+          href="/pricing"
+          class="flex-none rounded-full m-auto sm:m-0 px-3.5 py-1 text-[1rem] font-semibold text-black shadow-sm sm:hover:bg-gray-100 bg-[#fff] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-900"
+        >
+          Get Lifetime
+        </a>
+      </div>
     </div>
-  </div>
+  {/if}
 
   <div class="flex flex-col m-auto justify-center items-center">
     <div class="text-center mb-10 w-full px-4 sm:px-3 mt-10">