From 31fe8f7719298921aeb0817e09d192d5942bb624 Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Thu, 30 Jan 2025 14:04:53 +0100
Subject: [PATCH] ui fixes

---
 src/lib/components/Footer.svelte   |   4 +-
 src/routes/advertise/+page.svelte  |   2 +-
 src/routes/newsletter/+page.svelte |   7 +-
 src/routes/pricing/+page.svelte    | 158 +++++++++++++++++++----------
 4 files changed, 115 insertions(+), 56 deletions(-)

diff --git a/src/lib/components/Footer.svelte b/src/lib/components/Footer.svelte
index 4464a240..48a590f0 100644
--- a/src/lib/components/Footer.svelte
+++ b/src/lib/components/Footer.svelte
@@ -135,14 +135,14 @@
             <a
               href="/pricing"
               class="no-underline sm:hover:underline text-gray-100 sm:hover:text-blue-400"
-              >Pricing</a
+              >Pro Pricing</a
             >
           </li>
           <li class="mt-2 inline-block mr-2 md:block md:mr-0">
             <a
               href="/newsletter"
               class="no-underline sm:hover:underline text-gray-100 sm:hover:text-blue-400"
-              >Free Newsletter</a
+              >Pro Newsletter</a
             >
           </li>
           <li class="mt-2 inline-block mr-2 md:block md:mr-0">
diff --git a/src/routes/advertise/+page.svelte b/src/routes/advertise/+page.svelte
index 577bf672..96e5eded 100644
--- a/src/routes/advertise/+page.svelte
+++ b/src/routes/advertise/+page.svelte
@@ -59,7 +59,7 @@
               <ul class="list-disc pl-7 md:pl-5 text-lg">
                 <li>
                   Reach a focused audience of over <strong
-                    >+3,000 active subscribers</strong
+                    >+300 active subscribers</strong
                   >.
                 </li>
                 <li>
diff --git a/src/routes/newsletter/+page.svelte b/src/routes/newsletter/+page.svelte
index d050d418..bbe854c3 100644
--- a/src/routes/newsletter/+page.svelte
+++ b/src/routes/newsletter/+page.svelte
@@ -50,8 +50,11 @@
       </ul>
 
       <p class="mt-4">
-        The newsletter is completely free, delivered to your inbox every morning
-        before the market opens, Monday to Friday.
+        The newsletter is completely free for <a
+          class="text-blue-400 sm:hover:text-white sm:hover:underline sm:hover:underline-offset-4"
+          href="/pricing">Pro Members</a
+        >, delivered to your inbox every morning before the market opens, Monday
+        to Friday.
       </p>
       {#if !data?.user}
         <a
diff --git a/src/routes/pricing/+page.svelte b/src/routes/pricing/+page.svelte
index 14e5742b..43c52d03 100644
--- a/src/routes/pricing/+page.svelte
+++ b/src/routes/pricing/+page.svelte
@@ -632,12 +632,34 @@
               >Unlimited Options Data</span
             >
           </li>
-          <!--
-                    <li class="flex items-center space-x-3 ">
-                        <svg class="flex-shrink-0 w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><mask id="ipSSuccess0"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path fill="#fff" stroke="#fff" d="m24 4l5.253 3.832l6.503-.012l1.997 6.188l5.268 3.812L41 24l2.021 6.18l-5.268 3.812l-1.997 6.188l-6.503-.012L24 44l-5.253-3.832l-6.503.012l-1.997-6.188l-5.268-3.812L7 24l-2.021-6.18l5.268-3.812l1.997-6.188l6.503.012L24 4Z"/><path stroke="#09090B" d="m17 24l5 5l10-10"/></g></mask><path fill="#00FC50" d="M0 0h48v48H0z" mask="url(#ipSSuccess0)"/></svg>
-                        <span class="text-white text-[1rem] font-semibold">{mode ? '14 Days Free Trial' : '30 days Free Trial'}  </span>
-                    </li>
-                    -->
+          <li class="flex items-center space-x-3">
+            <!-- Icon -->
+            <svg
+              class="flex-shrink-0 w-5 h-5"
+              xmlns="http://www.w3.org/2000/svg"
+              viewBox="0 0 48 48"
+              ><mask id="ipSSuccess0"
+                ><g
+                  fill="none"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  stroke-width="4"
+                  ><path
+                    fill="#fff"
+                    stroke="#fff"
+                    d="m24 4l5.253 3.832l6.503-.012l1.997 6.188l5.268 3.812L41 24l2.021 6.18l-5.268 3.812l-1.997 6.188l-6.503-.012L24 44l-5.253-3.832l-6.503.012l-1.997-6.188l-5.268-3.812L7 24l-2.021-6.18l5.268-3.812l1.997-6.188l6.503.012L24 4Z"
+                  /><path stroke="#09090B" d="m17 24l5 5l10-10" /></g
+                ></mask
+              ><path
+                fill="#00FC50"
+                d="M0 0h48v48H0z"
+                mask="url(#ipSSuccess0)"
+              /></svg
+            >
+            <span class="text-white text-[1rem] font-semibold"
+              >Pro Newsletter</span
+            >
+          </li>
         </ol>
         <div class="divider"></div>
         <div class="m-auto w-full text-white font-medium text-sm mb-6">
@@ -738,8 +760,11 @@
                       class="text-xl md:text-2xl whitespace-nowrap font-bold text-left pr-2 py-4 min-w-[10rem] md:min-w-[24rem]"
                       >Plan</th
                     >
-                    <th class="text-bold text-center px-2 py-4">Free</th>
-                    <th class="text-bold text-center px-2 py-4">Pro</th>
+                    <th class="font-semibold text-center px-2 py-4"
+                      >Free Plan</th
+                    >
+                    <th class="font-semibold text-center px-2 py-4">Pro Plan</th
+                    >
                   </tr>
                 </thead>
                 <!-- Table body -->
@@ -789,6 +814,7 @@
                       >
                     </td>
                   </tr>
+                  <!--
                   <tr class="border-t first:border-t-2 border-gray-800">
                     <td
                       class="text-sm sm:text-base font-medium text-white pr-2 py-4"
@@ -833,6 +859,7 @@
                       >
                     </td>
                   </tr>
+                  -->
                   <!-- Row -->
                   <tr class="border-t first:border-t-2 border-gray-800">
                     <td
@@ -879,21 +906,50 @@
                     </td>
                   </tr>
                   <!-- Row -->
-                  <!--
-                                    <tr class="border-t first:border-t-2 border-gray-800">
-                                        <td class="text-sm sm:text-base font-medium text-white pr-2 py-4">
-                                            <div class="flex items-center justify-between max-w-xs">
-                                                <div>Dark Pool Data</div>
-                                            </div>
-                                        </td>
-                                        <td class="text-sm px-2 py-4 text-center font-medium">
-                                            <svg class="flex-shrink-0 w-4 h-4 inline-flex" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path fill="#dd2e44" d="M21.533 18.002L33.768 5.768a2.5 2.5 0 0 0-3.535-3.535L17.998 14.467L5.764 2.233a2.498 2.498 0 0 0-3.535 0a2.498 2.498 0 0 0 0 3.535l12.234 12.234L2.201 30.265a2.498 2.498 0 0 0 1.768 4.267c.64 0 1.28-.244 1.768-.732l12.262-12.263l12.234 12.234a2.493 2.493 0 0 0 1.768.732a2.5 2.5 0 0 0 1.768-4.267z"/></svg>
-                                        </td>
-                                        <td class="text-sm px-2 py-4 text-center font-medium">
-                                            <svg class="flex-shrink-0 w-5 h-5 inline-flex" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><mask id="ipSSuccess0"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path fill="#fff" stroke="#fff" d="m24 4l5.253 3.832l6.503-.012l1.997 6.188l5.268 3.812L41 24l2.021 6.18l-5.268 3.812l-1.997 6.188l-6.503-.012L24 44l-5.253-3.832l-6.503.012l-1.997-6.188l-5.268-3.812L7 24l-2.021-6.18l5.268-3.812l1.997-6.188l6.503.012L24 4Z"/><path stroke="#09090B" d="m17 24l5 5l10-10"/></g></mask><path fill="#00FC50" d="M0 0h48v48H0z" mask="url(#ipSSuccess0)"/></svg>
-                                        </td>
-                                    </tr>
-                                    -->
+                  <tr class="border-t first:border-t-2 border-gray-800">
+                    <td
+                      class="text-sm sm:text-base font-medium text-white pr-2 py-4"
+                    >
+                      <div class="flex items-center justify-between max-w-xs">
+                        <div>Pro Newsletter</div>
+                      </div>
+                    </td>
+                    <td class="text-sm px-2 py-4 text-center font-medium">
+                      <svg
+                        class="flex-shrink-0 w-4 h-4 inline-flex"
+                        xmlns="http://www.w3.org/2000/svg"
+                        viewBox="0 0 36 36"
+                        ><path
+                          fill="#dd2e44"
+                          d="M21.533 18.002L33.768 5.768a2.5 2.5 0 0 0-3.535-3.535L17.998 14.467L5.764 2.233a2.498 2.498 0 0 0-3.535 0a2.498 2.498 0 0 0 0 3.535l12.234 12.234L2.201 30.265a2.498 2.498 0 0 0 1.768 4.267c.64 0 1.28-.244 1.768-.732l12.262-12.263l12.234 12.234a2.493 2.493 0 0 0 1.768.732a2.5 2.5 0 0 0 1.768-4.267z"
+                        /></svg
+                      >
+                    </td>
+                    <td class="text-sm px-2 py-4 text-center font-medium">
+                      <svg
+                        class="flex-shrink-0 w-5 h-5 inline-flex"
+                        xmlns="http://www.w3.org/2000/svg"
+                        viewBox="0 0 48 48"
+                        ><mask id="ipSSuccess0"
+                          ><g
+                            fill="none"
+                            stroke-linecap="round"
+                            stroke-linejoin="round"
+                            stroke-width="4"
+                            ><path
+                              fill="#fff"
+                              stroke="#fff"
+                              d="m24 4l5.253 3.832l6.503-.012l1.997 6.188l5.268 3.812L41 24l2.021 6.18l-5.268 3.812l-1.997 6.188l-6.503-.012L24 44l-5.253-3.832l-6.503.012l-1.997-6.188l-5.268-3.812L7 24l-2.021-6.18l5.268-3.812l1.997-6.188l6.503.012L24 4Z"
+                            /><path stroke="#09090B" d="m17 24l5 5l10-10" /></g
+                          ></mask
+                        ><path
+                          fill="#00FC50"
+                          d="M0 0h48v48H0z"
+                          mask="url(#ipSSuccess0)"
+                        /></svg
+                      >
+                    </td>
+                  </tr>
                   <!-- Row -->
                   <tr class="border-t first:border-t-2 border-gray-800">
                     <td
@@ -905,12 +961,12 @@
                     </td>
                     <td class="text-sm px-2 py-4 text-center font-medium">
                       <svg
-                        class="flex-shrink-0 w-5 h-5 inline-flex"
+                        class="flex-shrink-0 w-4 h-4 inline-flex"
                         xmlns="http://www.w3.org/2000/svg"
-                        viewBox="0 0 24 24"
+                        viewBox="0 0 36 36"
                         ><path
-                          fill="orange"
-                          d="M12 17q.425 0 .713-.288T13 16q0-.425-.288-.713T12 15q-.425 0-.713.288T11 16q0 .425.288.713T12 17Zm-1-4h2V7h-2v6Zm1 9q-2.075 0-3.9-.788t-3.175-2.137q-1.35-1.35-2.137-3.175T2 12q0-2.075.788-3.9t2.137-3.175q1.35-1.35 3.175-2.137T12 2q2.075 0 3.9.788t3.175 2.137q1.35 1.35 2.138 3.175T22 12q0 2.075-.788 3.9t-2.137 3.175q-1.35 1.35-3.175 2.138T12 22Z"
+                          fill="#dd2e44"
+                          d="M21.533 18.002L33.768 5.768a2.5 2.5 0 0 0-3.535-3.535L17.998 14.467L5.764 2.233a2.498 2.498 0 0 0-3.535 0a2.498 2.498 0 0 0 0 3.535l12.234 12.234L2.201 30.265a2.498 2.498 0 0 0 1.768 4.267c.64 0 1.28-.244 1.768-.732l12.262-12.263l12.234 12.234a2.493 2.493 0 0 0 1.768.732a2.5 2.5 0 0 0 1.768-4.267z"
                         /></svg
                       >
                     </td>
@@ -950,12 +1006,12 @@
                     </td>
                     <td class="text-sm px-2 py-4 text-center font-medium">
                       <svg
-                        class="flex-shrink-0 w-5 h-5 inline-flex"
+                        class="flex-shrink-0 w-4 h-4 inline-flex"
                         xmlns="http://www.w3.org/2000/svg"
-                        viewBox="0 0 24 24"
+                        viewBox="0 0 36 36"
                         ><path
-                          fill="orange"
-                          d="M12 17q.425 0 .713-.288T13 16q0-.425-.288-.713T12 15q-.425 0-.713.288T11 16q0 .425.288.713T12 17Zm-1-4h2V7h-2v6Zm1 9q-2.075 0-3.9-.788t-3.175-2.137q-1.35-1.35-2.137-3.175T2 12q0-2.075.788-3.9t2.137-3.175q1.35-1.35 3.175-2.137T12 2q2.075 0 3.9.788t3.175 2.137q1.35 1.35 2.138 3.175T22 12q0 2.075-.788 3.9t-2.137 3.175q-1.35 1.35-3.175 2.138T12 22Z"
+                          fill="#dd2e44"
+                          d="M21.533 18.002L33.768 5.768a2.5 2.5 0 0 0-3.535-3.535L17.998 14.467L5.764 2.233a2.498 2.498 0 0 0-3.535 0a2.498 2.498 0 0 0 0 3.535l12.234 12.234L2.201 30.265a2.498 2.498 0 0 0 1.768 4.267c.64 0 1.28-.244 1.768-.732l12.262-12.263l12.234 12.234a2.493 2.493 0 0 0 1.768.732a2.5 2.5 0 0 0 1.768-4.267z"
                         /></svg
                       >
                     </td>
@@ -995,12 +1051,12 @@
                     </td>
                     <td class="text-sm px-2 py-4 text-center font-medium">
                       <svg
-                        class="flex-shrink-0 w-5 h-5 inline-flex"
+                        class="flex-shrink-0 w-4 h-4 inline-flex"
                         xmlns="http://www.w3.org/2000/svg"
-                        viewBox="0 0 24 24"
+                        viewBox="0 0 36 36"
                         ><path
-                          fill="orange"
-                          d="M12 17q.425 0 .713-.288T13 16q0-.425-.288-.713T12 15q-.425 0-.713.288T11 16q0 .425.288.713T12 17Zm-1-4h2V7h-2v6Zm1 9q-2.075 0-3.9-.788t-3.175-2.137q-1.35-1.35-2.137-3.175T2 12q0-2.075.788-3.9t2.137-3.175q1.35-1.35 3.175-2.137T12 2q2.075 0 3.9.788t3.175 2.137q1.35 1.35 2.138 3.175T22 12q0 2.075-.788 3.9t-2.137 3.175q-1.35 1.35-3.175 2.138T12 22Z"
+                          fill="#dd2e44"
+                          d="M21.533 18.002L33.768 5.768a2.5 2.5 0 0 0-3.535-3.535L17.998 14.467L5.764 2.233a2.498 2.498 0 0 0-3.535 0a2.498 2.498 0 0 0 0 3.535l12.234 12.234L2.201 30.265a2.498 2.498 0 0 0 1.768 4.267c.64 0 1.28-.244 1.768-.732l12.262-12.263l12.234 12.234a2.493 2.493 0 0 0 1.768.732a2.5 2.5 0 0 0 1.768-4.267z"
                         /></svg
                       >
                     </td>
@@ -1040,12 +1096,12 @@
                     </td>
                     <td class="text-sm px-2 py-4 text-center font-medium">
                       <svg
-                        class="flex-shrink-0 w-5 h-5 inline-flex"
+                        class="flex-shrink-0 w-4 h-4 inline-flex"
                         xmlns="http://www.w3.org/2000/svg"
-                        viewBox="0 0 24 24"
+                        viewBox="0 0 36 36"
                         ><path
-                          fill="orange"
-                          d="M12 17q.425 0 .713-.288T13 16q0-.425-.288-.713T12 15q-.425 0-.713.288T11 16q0 .425.288.713T12 17Zm-1-4h2V7h-2v6Zm1 9q-2.075 0-3.9-.788t-3.175-2.137q-1.35-1.35-2.137-3.175T2 12q0-2.075.788-3.9t2.137-3.175q1.35-1.35 3.175-2.137T12 2q2.075 0 3.9.788t3.175 2.137q1.35 1.35 2.138 3.175T22 12q0 2.075-.788 3.9t-2.137 3.175q-1.35 1.35-3.175 2.138T12 22Z"
+                          fill="#dd2e44"
+                          d="M21.533 18.002L33.768 5.768a2.5 2.5 0 0 0-3.535-3.535L17.998 14.467L5.764 2.233a2.498 2.498 0 0 0-3.535 0a2.498 2.498 0 0 0 0 3.535l12.234 12.234L2.201 30.265a2.498 2.498 0 0 0 1.768 4.267c.64 0 1.28-.244 1.768-.732l12.262-12.263l12.234 12.234a2.493 2.493 0 0 0 1.768.732a2.5 2.5 0 0 0 1.768-4.267z"
                         /></svg
                       >
                     </td>
@@ -1085,12 +1141,12 @@
                     </td>
                     <td class="text-sm px-2 py-4 text-center font-medium">
                       <svg
-                        class="flex-shrink-0 w-5 h-5 inline-flex"
+                        class="flex-shrink-0 w-4 h-4 inline-flex"
                         xmlns="http://www.w3.org/2000/svg"
-                        viewBox="0 0 24 24"
+                        viewBox="0 0 36 36"
                         ><path
-                          fill="orange"
-                          d="M12 17q.425 0 .713-.288T13 16q0-.425-.288-.713T12 15q-.425 0-.713.288T11 16q0 .425.288.713T12 17Zm-1-4h2V7h-2v6Zm1 9q-2.075 0-3.9-.788t-3.175-2.137q-1.35-1.35-2.137-3.175T2 12q0-2.075.788-3.9t2.137-3.175q1.35-1.35 3.175-2.137T12 2q2.075 0 3.9.788t3.175 2.137q1.35 1.35 2.138 3.175T22 12q0 2.075-.788 3.9t-2.137 3.175q-1.35 1.35-3.175 2.138T12 22Z"
+                          fill="#dd2e44"
+                          d="M21.533 18.002L33.768 5.768a2.5 2.5 0 0 0-3.535-3.535L17.998 14.467L5.764 2.233a2.498 2.498 0 0 0-3.535 0a2.498 2.498 0 0 0 0 3.535l12.234 12.234L2.201 30.265a2.498 2.498 0 0 0 1.768 4.267c.64 0 1.28-.244 1.768-.732l12.262-12.263l12.234 12.234a2.493 2.493 0 0 0 1.768.732a2.5 2.5 0 0 0 1.768-4.267z"
                         /></svg
                       >
                     </td>
@@ -1130,12 +1186,12 @@
                     </td>
                     <td class="text-sm px-2 py-4 text-center font-medium">
                       <svg
-                        class="flex-shrink-0 w-5 h-5 inline-flex"
+                        class="flex-shrink-0 w-4 h-4 inline-flex"
                         xmlns="http://www.w3.org/2000/svg"
-                        viewBox="0 0 24 24"
+                        viewBox="0 0 36 36"
                         ><path
-                          fill="orange"
-                          d="M12 17q.425 0 .713-.288T13 16q0-.425-.288-.713T12 15q-.425 0-.713.288T11 16q0 .425.288.713T12 17Zm-1-4h2V7h-2v6Zm1 9q-2.075 0-3.9-.788t-3.175-2.137q-1.35-1.35-2.137-3.175T2 12q0-2.075.788-3.9t2.137-3.175q1.35-1.35 3.175-2.137T12 2q2.075 0 3.9.788t3.175 2.137q1.35 1.35 2.138 3.175T22 12q0 2.075-.788 3.9t-2.137 3.175q-1.35 1.35-3.175 2.138T12 22Z"
+                          fill="#dd2e44"
+                          d="M21.533 18.002L33.768 5.768a2.5 2.5 0 0 0-3.535-3.535L17.998 14.467L5.764 2.233a2.498 2.498 0 0 0-3.535 0a2.498 2.498 0 0 0 0 3.535l12.234 12.234L2.201 30.265a2.498 2.498 0 0 0 1.768 4.267c.64 0 1.28-.244 1.768-.732l12.262-12.263l12.234 12.234a2.493 2.493 0 0 0 1.768.732a2.5 2.5 0 0 0 1.768-4.267z"
                         /></svg
                       >
                     </td>
@@ -1177,12 +1233,12 @@
                     </td>
                     <td class="text-sm px-2 py-4 text-center font-medium">
                       <svg
-                        class="flex-shrink-0 w-5 h-5 inline-flex"
+                        class="flex-shrink-0 w-4 h-4 inline-flex"
                         xmlns="http://www.w3.org/2000/svg"
-                        viewBox="0 0 24 24"
+                        viewBox="0 0 36 36"
                         ><path
-                          fill="orange"
-                          d="M12 17q.425 0 .713-.288T13 16q0-.425-.288-.713T12 15q-.425 0-.713.288T11 16q0 .425.288.713T12 17Zm-1-4h2V7h-2v6Zm1 9q-2.075 0-3.9-.788t-3.175-2.137q-1.35-1.35-2.137-3.175T2 12q0-2.075.788-3.9t2.137-3.175q1.35-1.35 3.175-2.137T12 2q2.075 0 3.9.788t3.175 2.137q1.35 1.35 2.138 3.175T22 12q0 2.075-.788 3.9t-2.137 3.175q-1.35 1.35-3.175 2.138T12 22Z"
+                          fill="#dd2e44"
+                          d="M21.533 18.002L33.768 5.768a2.5 2.5 0 0 0-3.535-3.535L17.998 14.467L5.764 2.233a2.498 2.498 0 0 0-3.535 0a2.498 2.498 0 0 0 0 3.535l12.234 12.234L2.201 30.265a2.498 2.498 0 0 0 1.768 4.267c.64 0 1.28-.244 1.768-.732l12.262-12.263l12.234 12.234a2.493 2.493 0 0 0 1.768.732a2.5 2.5 0 0 0 1.768-4.267z"
                         /></svg
                       >
                     </td>