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

update pricing

Browse Source
This commit is contained in:
MuslemRahimi 2024-08-04 20:57:23 +02:00
parent a99f830435
commit 5ae4658d62
3 changed files with 45 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/lib/components/Pricing.svelte
View File

@ -8,7 +8,7 @@
let cloudFrontUrl = import.meta.env.VITE_IMAGE_URL;
let mode = true;
let mode = false;
function toggleMode()
{
@ -56,7 +56,7 @@ onMount(async () => {
Pay Yearly
</span>
<span class="text-[#FBCE3C] text-sm font-semibold">
Save up 50%
Save up 20%
</span>
</div>
@ -71,7 +71,7 @@ onMount(async () => {
<div class="flex flex-col sm:flex-row items-center gap-10 sm:gap-5 w-full max-w-7xl m-auto mt-10 sm:mt-20">
<div class="flex flex-col sm:flex-row items-center gap-10 sm:gap-5 w-full max-w-4xl m-auto mt-10 sm:mt-20">
<!-- Pricing Card -->
<div class="order-last sm:order-1 flex flex-col p-6 lg:p-8 mx-auto w-full text-center text-white border border-gray-800 bg-[#000000] rounded-lg">
@ -174,10 +174,9 @@ onMount(async () => {
<div class="flex flex-col mb-6 items-center">
<div class="flex flex-row items-center">
<span class="mr-2 text-4xl font-bold">{mode ? '$24.99' : '$49.99'}</span>
<span class="text-white text-xl">/month</span>
<span class="mr-2 text-4xl font-bold">{mode ? '$19.99' : '$1.99'}</span>
<span class="text-white text-xl">{mode ? '/year' : '/month'}</span>
</div>
<span class="text-center mt-3 text-white text-sm font-semibold">{mode ? '(Billed annually)' : ''}</span>
<!--
<div class="flex flex-col items-center">
<div class="flex flex-row items-center">
@ -270,7 +269,7 @@ onMount(async () => {
<!--Start Pricing Card-->
<!--
<div class="relative sm:h-[660px] sm:order-2 box sm:-mt-10 flex flex-col p-6 lg:p-8 mx-auto ring-[1px] ring-gray-400 rounded-lg w-full text-center text-white">
<div class="absolute top-0 left-1/2 transform -translate-x-1/2 rounded-b-2xl flex flex-row border border-gray-300 items-center p-2">
@ -327,7 +326,7 @@ onMount(async () => {
</label>
</div>
-->
<!--End Pricing Card-->

31
src/routes/changelog/+page.svelte
View File

@ -72,6 +72,37 @@ export let data;
<div class="absolute h-full top-4 left-[2px] w-0.5 bg-slate-800 [mask-image:_linear-gradient(0deg,transparent,theme(colors.white)_150px,theme(colors.white))] -z-10 overflow-hidden after:absolute after:h-4 after:top-0 after:-translate-y-full after:left-0 after:w-0.5 after:bg-[linear-gradient(180deg,_transparent,_theme(colors.purple.500/.65)_25%,_theme(colors.purple.200)_50%,_theme(colors.purple.500/.65)_75%,_transparent)] after:animate-shine" aria-hidden="true"></div>
<!-- Post -->
<article class="pt-12 first-of-type:pt-0 group">
<div class="md:flex">
<div class="w-48 shrink-0">
<time class="text-sm inline-flex items-center text-white md:leading-8 before:w-1.5 before:h-1.5 before:rounded-full before:bg-purple-500 before:ring-4 before:ring-purple-500/30 mb-3">
<span class="ml-[1.625rem] md:ml-5">July 29- August 04, 2024</span>
</time>
</div>
<div class="grow ml-8 md:ml-0 pb-12 group-last-of-type:pb-0 border-b [border-image:linear-gradient(to_right,theme(colors.slate.700/.3),theme(colors.slate.700),theme(colors.slate.700/.3))1] group-last-of-type:border-none">
<header>
<h2 class="text-xl sm:text-2xl font-semibold text-white leading-8 pb-3">
Weekly Update
</h2>
</header>
<ol class="text-white list-disc ml-5 sm:ml-3">
<li class="p-1">
New Feature: Dividend Kings
</li>
<li class="p-1">
New Feature: Dividend Aristocrats
</li>
<li class="p-1">
New Feature: Update Dashboard for logged in Users.
</li>
<li class="p-1">
Performance: Increasing the loading time of the website by 2x.
</li>
</ol>
</div>
</div>
</article>
<article class="pt-12 first-of-type:pt-0 group">
<div class="md:flex">
<div class="w-48 shrink-0">

15
src/routes/pricing/+page.svelte
View File

@ -3,7 +3,6 @@ import { numberOfUnreadNotification, globalForm } from '$lib/store';
import { openLemonSqueezyUrl } from '$lib/lemonsqueezy';
//import Discount from '$lib/components/Discount.svelte';
import { onMount } from 'svelte';
import { treemapResquarify } from 'd3-hierarchy';
//import proTierLogo from "$lib/images/pro_tier_logo.png";
@ -12,7 +11,7 @@ export let form;
let cloudFrontUrl = import.meta.env.VITE_IMAGE_URL;
let mode = treemapResquarify;
let mode = false;
const emailAddress = 'support@stocknear.com';
function toggleMode()
@ -143,7 +142,7 @@ async function purchasePlan(subscriptionType:string='') {
Pay Yearly
</span>
<span class="text-[#FBCE3C] text-sm font-semibold">
Save up 50%
Save up 20%
</span>
</div>
@ -158,7 +157,7 @@ async function purchasePlan(subscriptionType:string='') {
<div class="flex flex-col sm:flex-row items-center gap-10 sm:gap-5 w-full max-w-7xl m-auto mt-10 sm:mt-20">
<div class="flex flex-col sm:flex-row items-center gap-10 sm:gap-5 w-full max-w-4xl m-auto mt-10 sm:mt-20">
<!-- Pricing Card -->
<div class="order-last sm:order-1 flex flex-col p-6 lg:p-8 mx-auto w-full text-center text-white border border-gray-800 bg-[#09090B] rounded-lg">
@ -264,10 +263,9 @@ async function purchasePlan(subscriptionType:string='') {
<div class="flex flex-col mb-6 items-center">
<div class="flex flex-row items-center">
<span class="mr-2 text-4xl font-bold">{mode ? '$24.99' : '$49.99'}</span>
<span class="text-white text-xl">/month</span>
<span class="mr-2 text-4xl font-bold">{mode ? '$19.99' : '$1.99'}</span>
<span class="text-white text-xl">{mode ? '/year' : '/month'}</span>
</div>
<span class="text-center mt-3 text-white text-sm font-semibold">{mode ? '(Billed annually)' : ''}</span>
<!--
<div class="flex flex-col items-center">
@ -374,7 +372,7 @@ async function purchasePlan(subscriptionType:string='') {
<!--Start Pricing Card-->
<!--
<div class="sm:h-[660px] sm:order-2 box sm:-mt-10 flex flex-col p-6 lg:p-8 mx-auto ring-[1px] ring-gray-400 rounded-lg w-full text-center text-white">
<div class="absolute top-0 left-1/2 transform -translate-x-1/2 rounded-b-2xl flex flex-row border border-gray-300 items-center p-2">
@ -444,6 +442,7 @@ async function purchasePlan(subscriptionType:string='') {
{/if}
</div>
-->
<!--End Pricing Card-->