add info text

This commit is contained in:
MuslemRahimi 2024-12-11 09:22:05 +01:00
parent fe494065f9
commit 79e01293a5
3 changed files with 57 additions and 70 deletions

View File

@ -1,47 +1,43 @@
<script>
import { page } from '$app/stores';
//import { trackError,trackButtonClick } from '$lib/mixpanel';
import logo from '$lib/images/stocknear_logo.png';
const emailAddress = 'support@stocknear.com';
import { page } from "$app/stores";
//import { trackError,trackButtonClick } from '$lib/mixpanel';
import logo from "$lib/images/stocknear_logo.png";
const emailAddress = "support@stocknear.com";
</script>
<section class="min-h-screen pt-6">
<div class="bg-[#09090B] mt-10 m-auto overflow-hidden w-full max-w-4xl">
<div class="lg:flex">
<div class="mt-10 mb-5 m-auto">
<h1 class="text-white text-center text-2xl sm:text-4xl font-bold mb-5">
Page Not found - {$page?.status}
<!--Server Maintenance-->
</h1>
<a href="/" class="flex justify-center items-center">
<img class="w-20 m-auto inline-block" src={logo} />
</a>
<!--
<div class="bg-[#09090B] mt-10 m-auto overflow-hidden w-full max-w-4xl">
<div class="lg:flex">
<div class="mt-10 mb-5 m-auto">
<h1 class="text-white text-center text-2xl sm:text-4xl font-bold mb-5">
Page Not found - {$page?.status}
<!--Server Maintenance-->
</h1>
<a href="/" class="flex justify-center items-center">
<img class="w-20 m-auto inline-block" src={logo} />
</a>
<!--
<span class="mt-4 text-white text-lg w-5/6 m-auto text-center flex justify-center items-center">
Sorry, our website is down for server maintenance. We will be back soon!
</span>
-->
<div class="mt-4 text-white font-medium text-md w-11/12 sm:w-full m-auto text-center">
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 href="/home" class="flex justify-center items-center w-1/2 m-auto py-2.5 mt-10 rounded-md duration-100 bg-[#fff] sm:hover:hover:bg-gray-300 text-black font-semibold">
Back to Home Page
</a>
</div>
<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.
</div>
<a
href="/home"
class="flex justify-center items-center w-1/2 m-auto py-2.5 mt-10 rounded-md duration-100 bg-[#fff] sm:hover:hover:bg-gray-300 text-black font-semibold"
>
Back to Home Page
</a>
</div>
</div>
</div>
</section>

View File

@ -90,51 +90,43 @@
<div
class="w-full xl:max-w-screen-2xl overflow-hidden m-auto min-h-screen bg-[#09090B] mb-40"
>
{#if data?.user?.tier !== "Pro" || data?.user?.freeTrial === true}
<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"
>
<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"
class="absolute left-[max(-7rem,calc(50%-52rem))] top-1/2 -z-10 -translate-y-1/2 transform-gpu blur-2xl"
aria-hidden="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"
>
<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>
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="absolute left-[max(45rem,calc(50%+8rem))] top-1/2 -z-10 -translate-y-1/2 transform-gpu blur-2xl"
aria-hidden="true"
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"
>
<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
<!--<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 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>
The website is currently experiencing issues due to bot attacks. We apologize
for any disruptions and are actively working to resolve the problem.
</p>
</div>
{/if}
</div>
<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">

View File

@ -221,7 +221,6 @@
}
async function getWatchlistData() {
console.log(displayWatchList);
const postData = {
watchListId: displayWatchList?.id,
ruleOfList: ruleOfList?.map((item) => item?.rule),