update pricing

src/lib/components/Pricing.svelte

@@ -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="mr-2 text-4xl font-bold">{mode ? '$19.99' : '$1.99'}</span>
-                        <span class="text-white text-xl">/month</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-->
 
 

src/routes/changelog/+page.svelte

@@ -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">

src/routes/pricing/+page.svelte

@@ -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="mr-2 text-4xl font-bold">{mode ? '$19.99' : '$1.99'}</span>
-                        <span class="text-white text-xl">/month</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-->