AmineTMIRI/frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add discount back

Browse Source
This commit is contained in:
MuslemRahimi 2024-07-09 19:19:01 +02:00
parent 890fa96645
commit f105ed96b4
3 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/lib/components/Discount.svelte
View File

@ -3,7 +3,7 @@
import { onMount } from 'svelte'; import { onMount } from 'svelte';
let targetDate = new Date("2024-07-03"); let targetDate = new Date("2024-07-14");
let days = '-'; let days = '-';
let hours = '-'; let hours = '-';
@ -48,11 +48,11 @@ clearInterval(interval);
<div class="lg:max-w-xl w-full bg-[#3244ff] p-4 rounded-none sm:rounded-lg shadow-md m-auto"> <div class="lg:max-w-xl w-full bg-[#3244ff] p-4 rounded-none sm:rounded-lg shadow-md m-auto">
<div class="container bg-[#3244ff] p-4 mt-4"> <div class="container bg-[#3244ff] p-4 mt-4">
<h2 class="text-2xl font-bold text-white text-center">75% OFF Your Subscription!</h2> <h2 class="text-2xl font-bold text-white text-center">50% OFF Your Subscription!</h2>
</div> </div>
<div class="container text-center"> <div class="container text-center">
<p class="text-white font-bold text-xl"> <p class="text-white font-bold text-xl">
Use Promo Code: <span class="font-extrabold text-[#FFF374]">SUMMER75</span> Use Promo Code: <span class="font-extrabold text-[#FFF374]">SUMMER50</span>
</p> </p>
<div class="grid grid-flow-col gap-5 text-[#FFF374] font-bold text-center m-auto auto-cols-max justify-center mt-6"> <div class="grid grid-flow-col gap-5 text-[#FFF374] font-bold text-center m-auto auto-cols-max justify-center mt-6">
<div class="flex flex-col text-xs"> <div class="flex flex-col text-xs">

4
src/routes/+page.svelte
View File

@ -2,7 +2,7 @@
import DotPattern from '$lib/components/DotPattern.svelte'; import DotPattern from '$lib/components/DotPattern.svelte';
import Marquee from '$lib/components/Marquee.svelte'; import Marquee from '$lib/components/Marquee.svelte';
//import Discount from '$lib/components/Discount.svelte'; import Discount from '$lib/components/Discount.svelte';
export let data; export let data;
@ -140,7 +140,7 @@ class="hidden sm:block [mask-image:linear-gradient(to_bottom_right,white,transpa
</div> </div>
<!--<Discount />--> <Discount />
</div> </div>

8
src/routes/home/+page.svelte
View File

@ -198,11 +198,11 @@ async function loadSearchData() {
<!-- Start Column --> <!-- Start Column -->
<div > <div >
<!--
{#if (data?.user?.tier === 'Pro' && data?.user?.freeTrial === true) || (data?.user?.tier !== 'Pro' && data?.user?.freeTrial === false) } {#if (data?.user?.tier === 'Pro' && data?.user?.freeTrial === true) || (data?.user?.tier !== 'Pro' && data?.user?.freeTrial === false) }
<div class="text-center mb-5 relative w-fit flex justify-center m-auto"> <div class="text-center mb-5 relative w-fit flex justify-center m-auto">
<a href="/pricing" class="text-white antialiased bg-[#202020] w-full px-4 py-2 rounded-xl m-auto font-medium text-sm flex items-center"> <a href="/pricing" class="text-white antialiased bg-[#202020] w-full px-4 py-2 rounded-xl m-auto font-medium text-sm flex items-center">
<span class="font-semibold uppercase">SAVE 75% Off Subscription – Summer Special!</span> <span class="font-semibold uppercase">SAVE 50% Off Subscription – Summer Special!</span>
</a> </a>
<div class="absolute top-[-1.2rem] -right-5 sm:-right-8 rotate-[7deg]"> <div class="absolute top-[-1.2rem] -right-5 sm:-right-8 rotate-[7deg]">
<span class="bg-[#FBCE3C] text-black text-sm sm:text-[0.9rem] rounded-xl font-semibold sm:me-2 px-2.5 py-0.5 rounded dark:bg-red-900 dark:text-red-300"> <span class="bg-[#FBCE3C] text-black text-sm sm:text-[0.9rem] rounded-xl font-semibold sm:me-2 px-2.5 py-0.5 rounded dark:bg-red-900 dark:text-red-300">
@ -211,7 +211,7 @@ async function loadSearchData() {
</div> </div>
</div> </div>
{:else} {:else}
-->
<div class="text-center mb-5 relative w-fit flex justify-center m-auto"> <div class="text-center mb-5 relative w-fit flex justify-center m-auto">
<a href="/fda-calendar" class="text-white antialiased bg-[#202020] w-full px-4 py-2 rounded-xl m-auto font-medium text-sm flex items-center"> <a href="/fda-calendar" class="text-white antialiased bg-[#202020] w-full px-4 py-2 rounded-xl m-auto font-medium text-sm flex items-center">
<span class="font-semibold">Stay Ahead of Biotech <span class="font-bold">Surges</span> with the FDA Calendar</span> <span class="font-semibold">Stay Ahead of Biotech <span class="font-bold">Surges</span> with the FDA Calendar</span>
@ -223,7 +223,7 @@ async function loadSearchData() {
</div> </div>
</div> </div>
{/if}