diff --git a/src/lib/components/Correlation.svelte b/src/lib/components/Correlation.svelte
deleted file mode 100644
index 01e12b9d..00000000
--- a/src/lib/components/Correlation.svelte
+++ /dev/null
@@ -1,210 +0,0 @@
-<svelte:options immutable={true} />
-
-<script lang="ts">
-  import {
-    correlationComponent,
-    stockTicker,
-    etfTicker,
-    assetType,
-    screenWidth,
-    getCache,
-    setCache,
-  } from "$lib/store";
-  import { goto } from "$app/navigation";
-  import InfoModal from "$lib/components/InfoModal.svelte";
-  import Lazy from "svelte-lazy";
-
-  export let data;
-
-  let showFullStats = false;
-  let isLoaded = false;
-  let rawData = [];
-
-  async function stockSelector(symbol) {
-    window?.scroll({ top: 0, left: 0, behavior: "smooth" });
-
-    if ($assetType === "etf") {
-      etfTicker.update((value) => symbol);
-      goto(`/etf/${symbol}`);
-    } else {
-      stockTicker.update((value) => symbol);
-      goto(`/stocks/${symbol}`);
-    }
-  }
-
-  async function getCorrelation(ticker) {
-    const cachedData = getCache(ticker, "getCorrelation");
-    if (cachedData) {
-      rawData = cachedData;
-    } else {
-      try {
-        const response = await fetch("/api/ticker-data", {
-          method: "POST",
-          headers: {
-            "Content-Type": "application/json",
-            "X-API-KEY": data?.apiKey,
-          },
-          body: JSON.stringify({ ticker: ticker, path: "correlation-ticker" }),
-        });
-        rawData = (await response?.json()) || [];
-        +setCache(ticker, rawData, "getCorrelation");
-      } catch (error) {
-        console.error("Failed to fetch swap data:", error);
-        rawData = [];
-      }
-    }
-    if (rawData?.lenght !== 0) {
-      $correlationComponent = true;
-    } else {
-      $correlationComponent = false;
-    }
-  }
-
-  $: {
-    if (
-      ($assetType === "stock" ? $stockTicker : $etfTicker) &&
-      typeof window !== "undefined"
-    ) {
-      showFullStats = false;
-      isLoaded = false;
-      const ticker = $assetType === "stock" ? $stockTicker : $etfTicker;
-      getCorrelation(ticker).then(() => {
-        isLoaded = true;
-      });
-    }
-  }
-
-  $: charNumber = $screenWidth < 640 ? 10 : 20;
-</script>
-
-<section class="overflow-hidden w-full">
-  <main>
-    <div class="flex flex-row items-center">
-      <label
-        for="correlationInfo"
-        class="mr-1 cursor-pointer flex flex-row items-center text-white text-xl sm:text-3xl font-bold"
-      >
-        Most Correlated Stocks
-      </label>
-      <InfoModal
-        title={"Most Correlated Stocks"}
-        content={"Correlation between -1 and +1 shows how two stocks move together. +1 means they move in sync, while -1 means they move in opposite directions. Zero means no clear relationship."}
-        id={"correlationInfo"}
-      />
-    </div>
-
-    {#if data?.user?.tier === "Pro"}
-      {#if isLoaded}
-        {#if rawData?.length !== 0}
-          <Lazy
-            height={300}
-            fadeOption={{ delay: 100, duration: 500 }}
-            keep={true}
-          >
-            {#each showFullStats ? rawData : rawData?.slice(0, 3) as item, index}
-              <div
-                class="shadow-lg bg-primary w-full rounded-md p-4 sm:p-3 mb-5 flex flex-row items-center {index ===
-                0
-                  ? 'mt-4'
-                  : ''} {index === 2 && !showFullStats && rawData?.length > 2
-                  ? 'opacity-[0.3]'
-                  : ''}"
-              >
-                <div
-                  on:click={() => stockSelector(item?.symbol)}
-                  class="flex-shrink-0 mr-3 rounded-full w-8 h-8 sm:w-10 sm:h-10 relative bg-default"
-                >
-                  <img
-                    class="avatar rounded-full w-5 h-5 absolute inset-1/2 transform -translate-x-1/2 -translate-y-1/2"
-                    src={`https://financialmodelingprep.com/image-stock/${item?.symbol}.png`}
-                    alt=" "
-                  />
-                </div>
-
-                <div class="flex flex-col -mt-3 sm:-mt-5s w-full">
-                  <div class="flex flex-row items-center w-full">
-                    <div class="mr-auto mt-2 mb-2 text-sm sm:text-md">
-                      <span class="text-blue-400">
-                        {item?.symbol}
-                      </span>
-                      <span class="text-white">
-                        · {item?.name?.length > charNumber
-                          ? item?.name?.slice(0, charNumber) + "..."
-                          : item?.name}
-                      </span>
-                    </div>
-                    <span
-                      class="text-white text-sm sm:text-md font-medium ml-auto"
-                    >
-                      {item?.value?.toFixed(2)}
-                    </span>
-                  </div>
-                  {#if item?.value >= 0}
-                    <progress
-                      class="progress bg-[#3B3D3F] [&::-webkit-progress-value]:bg-[#00FC50] [&::-moz-progress-bar]:bg-[#00FC50]"
-                      value={item?.value}
-                      max="1"
-                    ></progress>
-                  {:else}
-                    <progress
-                      class="progress bg-[#3B3D3F] [&::-webkit-progress-value]:bg-[#C7271A] [&::-moz-progress-bar]:bg-[#C7271A]"
-                      value={-item?.value}
-                      min="1"
-                    ></progress>
-                  {/if}
-                </div>
-              </div>
-            {/each}
-
-            <label
-              on:click={() => (showFullStats = !showFullStats)}
-              class="{rawData?.length < 4
-                ? 'hidden'
-                : ''} cursor-pointer flex justify-center items-center mt-5"
-            >
-              <svg
-                class="w-10 h-10 transform {showFullStats ? 'rotate-180' : ''} "
-                xmlns="http://www.w3.org/2000/svg"
-                viewBox="0 0 24 24"
-                ><path
-                  fill="#2A323C"
-                  d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zm0 13.5L7.5 11l1.42-1.41L12 12.67l3.08-3.08L16.5 11L12 15.5z"
-                /></svg
-              >
-            </label>
-          </Lazy>
-        {/if}
-      {:else}
-        <div class="flex justify-center items-center h-80">
-          <div class="relative">
-            <label
-              class="bg-secondary rounded-md h-14 w-14 flex justify-center items-center absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2"
-            >
-              <span class="loading loading-spinner loading-md text-gray-400"
-              ></span>
-            </label>
-          </div>
-        </div>
-      {/if}
-    {:else}
-      <div
-        class="shadow-lg shadow-bg-[#000] bg-[#111112] sm:bg-opacity-[0.5] text-sm sm:text-[1rem] rounded-md w-full p-4 min-h-24 mt-4 text-white m-auto flex justify-center items-center text-center font-semibold"
-      >
-        <svg
-          class="mr-1.5 w-5 h-5 inline-block"
-          xmlns="http://www.w3.org/2000/svg"
-          viewBox="0 0 24 24"
-          ><path
-            fill="#A3A3A3"
-            d="M17 9V7c0-2.8-2.2-5-5-5S7 4.2 7 7v2c-1.7 0-3 1.3-3 3v7c0 1.7 1.3 3 3 3h10c1.7 0 3-1.3 3-3v-7c0-1.7-1.3-3-3-3M9 7c0-1.7 1.3-3 3-3s3 1.3 3 3v2H9z"
-          /></svg
-        >
-        Unlock content with
-        <a
-          class="inline-block ml-2 text-blue-400 hover:sm:text-white"
-          href="/pricing">Pro Subscription</a
-        >
-      </div>
-    {/if}
-  </main>
-</section>
diff --git a/src/lib/components/CryptoKeyInformation.svelte b/src/lib/components/CryptoKeyInformation.svelte
deleted file mode 100644
index bbf0e7a9..00000000
--- a/src/lib/components/CryptoKeyInformation.svelte
+++ /dev/null
@@ -1,52 +0,0 @@
-<script lang="ts">
-
-import CryptoProfileCard from '$lib/components/CryptoProfileCard.svelte';
-
-export let cryptoProfile;
-
-</script>
-      
-      
-      <section class="mt-4">
-  
-  
-        <div class="grid grid-cols-3 gap-x-4 gap-y-2">
-          <label for="tickerModal" class="w-auto border border-gray-300 flex px-4 py-2 mb-2 justify-center items-center text-xs font-medium rounded-xl text-gray-200">
-            Details
-          </label>
-      
-        </div>
-  
-  
-      </section>
-  
-  
-      
-      
-  <!--Start Crypto Modal-->
-  <div class="drawer drawer-end z-40 overflow-hidden w-screen">
-    <input id="tickerModal" type="checkbox" class="drawer-toggle"/>
-    <div class="drawer-side overflow-hidden">
-    
-        
-      <div class="bg-[#000] min-h-screen w-screen pb-20 overflow-hidden">
-  
-          <label for="tickerModal" class="absolute left-6 top-6">
-            <svg class="w-6 h-6 inline-block mb-0.5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#fff" d="M9.125 21.1L.7 12.7q-.15-.15-.213-.325T.425 12q0-.2.063-.375T.7 11.3l8.425-8.425q.35-.35.875-.35t.9.375q.375.375.375.875t-.375.875L3.55 12l7.35 7.35q.35.35.35.863t-.375.887q-.375.375-.875.375t-.875-.375Z"/></svg>
-          </label>
-  
-    
-    <div class="w-screen overflow-y-scroll" >
-  
-      <CryptoProfileCard cryptoProfile = {cryptoProfile}/>
-  
-          
-    </div>
-  
-  </div>
-  </div>
-  </div>
-    <!--End Crypto Modal-->
-  
-  
-  
diff --git a/src/lib/components/CryptoProfileCard.svelte b/src/lib/components/CryptoProfileCard.svelte
deleted file mode 100644
index 0bac6616..00000000
--- a/src/lib/components/CryptoProfileCard.svelte
+++ /dev/null
@@ -1,248 +0,0 @@
-<script lang="ts">
-  import { cryptoTicker, screenWidth, displayCompanyName } from "$lib/store";
-
-  import { abbreviateNumber } from "$lib/utils";
-  import { fade } from "svelte/transition";
-  import { goto } from "$app/navigation";
-  import defaultImage from "$lib/images/etf/cover/default.jpg";
-
-  export let cryptoProfile;
-
-  let cloudFrontUrl = import.meta.env.VITE_IMAGE_URL; // Set a default API URL
-
-  let info;
-  let imageUrl;
-  let marketCap = "-";
-  let totalVolume = "-";
-  let circulatingSupply = "-";
-  let maxSupply = "-";
-  let description = "";
-  let snippet;
-  let website;
-  let athPrice;
-  let athDate;
-
-  let showFullText = false;
-
-  $: {
-    if (
-      $cryptoTicker &&
-      typeof $cryptoTicker !== "undefined" &&
-      typeof window !== "undefined" &&
-      typeof cryptoProfile !== "undefined" &&
-      Object?.keys(cryptoProfile)?.length !== 0
-    ) {
-      marketCap = cryptoProfile?.market_cap;
-      totalVolume = cryptoProfile?.total_volume;
-      description =
-        cryptoProfile?.description ??
-        "A detailed description of the company is not yet available.";
-      snippet = description?.slice(0, 150) + "...";
-      circulatingSupply = cryptoProfile?.circulating_supply;
-      maxSupply = cryptoProfile?.max_supply;
-      website = cryptoProfile?.website;
-      athPrice = cryptoProfile?.ath;
-      athDate = cryptoProfile?.ath_date;
-    }
-  }
-</script>
-
-<div class="sm:space-y-3">
-  <div
-    class="lg:rounded-md shadow-lg sm:border sm:border-gray-600 bg-[#000] lg:bg-default h-auto h-auto w-screen pt-16 sm:w-full md:w-[420px] xl:w-[450px] lg:pt-0"
-  >
-    <!--Start Header-->
-    <div
-      class="sm:rounded-t-lg w-full h-[130px] bg-[#000] p-3 flex flex-col bg-cover bg-center bg-no-repeat"
-      style="background-image: url({`${cloudFrontUrl}/stocks/cover/${$cryptoTicker?.toUpperCase()}.jpg`});"
-    >
-      <div class="flex flex-row pt-1 pb-2"></div>
-      <!--
-              <div class="flex flex-row justify-end items-center mt-2 relative z-10 -my-5">
-                <div style={`background-image: url(${sTier}`} class="animate-bounce circle-background mr-5 w-20 h-20 z-10">
-                      <svg xmlns="http://www.w3.org/2000/svg" class="w-28 h-28" viewBox="0 0 106 34">
-                      <g class="sparkles">
-                          <path style="--duration: 4s;" d="M2.5740361 5.33344622s1.1875777-6.20179466 2.24320232 0c0 0 5.9378885 1.05562462 0 2.11124925 0 0-1.05562463 6.33374774-2.24320233 0-3.5627331-.6597654-3.29882695-1.31953078 0-2.11124925z" />
-                          <path style="--duration: 3.2s;" d="M33.5173993 29.97263826s1.03464615-5.40315215 1.95433162 0c0 0 5.17323078.91968547 0 1.83937095 0 0-.91968547 5.51811283-1.95433162 0-3.10393847-.57480342-2.8740171-1.14960684 0-1.83937095z" />
-                          <path style="--duration: 2.5s;" d="M69.03038108 1.71240809s.73779281-3.852918 1.39360864 0c0 0 3.68896404.65581583 0 1.31163166 0 0-.65581583 3.93489497-1.39360864 0-2.21337842-.4098849-2.04942447-.81976979 0-1.31163166z" />
-                      </g>
-                      </svg>
-                      <div class="tier-text italic m-auto text-xl">
-                      <span class="text-4xl" style="color: #FFFFFF}">
-                        {tierList ?? 'n/a'}  
-                      </span>
-                      </div>
-                  </div>
-
-                </div>
-              -->
-    </div>
-    <!--End Header-->
-
-    <!--Start Content-->
-    <div class="w-full flex flex-wrap border-t border-gray-600">
-      <h2 class="text-start ml-4 text-2xl font-bold text-white pb-2 mt-3">
-        Crypto Info
-      </h2>
-      <div class="flex items-center w-full">
-        <table class="table table-md table-compact">
-          <tbody>
-            <!-- row 1 -->
-            <tr
-              class="text-white border-b border-[#27272A]"
-              style="font-size: 0.8rem"
-            >
-              <td
-                class="text-start lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-default text-white font-medium"
-                >Name</td
-              >
-              <td
-                class="bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-default"
-                >{$displayCompanyName?.length > 30
-                  ? $displayCompanyName?.slice(0, 30) + "..."
-                  : $displayCompanyName}</td
-              >
-              <td
-                class="text-start lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-default text-white font-medium"
-                >Ticker</td
-              >
-              <td
-                class="bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-default"
-                >{$cryptoTicker}</td
-              >
-            </tr>
-            <!-- row 2 -->
-            <tr
-              class="text-white border-b border-[#27272A]"
-              style="font-size: 0.8rem"
-            >
-              <td
-                class="text-start lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-default text-white font-medium"
-                >Mkt Cap</td
-              >
-              <td
-                class="bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-default whitespace-normal"
-                >{abbreviateNumber(marketCap, true)}</td
-              >
-              <td
-                class="text-start lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-default text-white font-medium"
-                >Total Volume</td
-              >
-              <td
-                class="bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-default whitespace-normal"
-                >{abbreviateNumber(totalVolume)}</td
-              >
-            </tr>
-            <!-- row 2 -->
-            <tr
-              class="text-white border-b border-[#27272A]"
-              style="font-size: 0.8rem"
-            >
-              <td
-                class="text-start lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-default text-white font-medium"
-                >Circulating Supply</td
-              >
-              <td
-                class="bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-default whitespace-normal"
-                >{abbreviateNumber(circulatingSupply)}</td
-              >
-              <td
-                class="text-start lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-default text-white font-medium"
-                >Max Supply</td
-              >
-              <td
-                class="bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-default whitespace-normal"
-                >{maxSupply !== null
-                  ? abbreviateNumber(maxSupply)
-                  : "Uncapped"}</td
-              >
-            </tr>
-            <!-- row 2 -->
-            <tr
-              class="text-white border-b border-[#27272A]"
-              style="font-size: 0.8rem"
-            >
-              <td
-                class="text-start lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-default text-white font-medium"
-                >ATH Price</td
-              >
-              <td
-                class="bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-default whitespace-normal"
-                >${new Intl.NumberFormat("en", {
-                  minimumFractionDigits: 2,
-                  maximumFractionDigits: 2,
-                }).format(athPrice)}</td
-              >
-              <td
-                class="text-start lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-default text-white font-medium"
-                >ATH Date</td
-              >
-              <td
-                class="bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-default whitespace-normal"
-                >{new Date(athDate).toLocaleString("en-US", {
-                  month: "short",
-                  day: "numeric",
-                  year: "numeric",
-                  daySuffix: "2-digit",
-                })}</td
-              >
-            </tr>
-          </tbody>
-        </table>
-      </div>
-
-      <h2
-        class="text-start ml-2 text-xl font-bold text-white pb-2 pt-6 lg:pt-3"
-      >
-        Description
-      </h2>
-
-      <p class="text-gray-100 ml-2 text-sm whitespace-normal">
-        {#if showFullText}
-          <div transition:fade={{ delay: 0, duration: 80 }} in={showFullText}>
-            {description}
-          </div>
-        {:else if $screenWidth <= 800}
-          {description}
-        {:else}
-          {snippet}
-        {/if}
-      </p>
-      {#if description.length !== 0}
-        <div class="flex flex-row w-full items-center mt-4 pb-2 mb-2">
-          <label
-            on:click={() => (showFullText = !showFullText)}
-            class="hidden lg:block ml-3 w-full text-md mt-1 cursor-pointer font-medium text-white sm:hover:text-blue-400 sm:hover:underline"
-          >
-            {#if showFullText}
-              Show less
-            {:else}
-              Show more
-            {/if}
-          </label>
-
-          <div class="flex justify-end w-full relative bottom-0 right-0 mr-3">
-            <a
-              target="_blank"
-              href={website}
-              class="inline-flex text-sm font-medium text-white sm:hover:text-blue-400 sm:hover:underline"
-            >
-              Go to website
-              <svg
-                class="w-5 h-5 ml-2"
-                fill="currentColor"
-                viewBox="0 0 20 20"
-                xmlns="http://www.w3.org/2000/svg"
-                ><path
-                  d="M11 3a1 1 0 100 2h2.586l-6.293 6.293a1 1 0 101.414 1.414L15 6.414V9a1 1 0 102 0V4a1 1 0 00-1-1h-5z"
-                ></path><path
-                  d="M5 5a2 2 0 00-2 2v8a2 2 0 002 2h8a2 2 0 002-2v-3a1 1 0 10-2 0v3H5V7h3a1 1 0 000-2H5z"
-                ></path></svg
-              >
-            </a>
-          </div>
-        </div>
-      {/if}
-    </div>
-  </div>
-</div>
diff --git a/src/lib/components/Pricing.svelte b/src/lib/components/Pricing.svelte
deleted file mode 100644
index f4cf1bd8..00000000
--- a/src/lib/components/Pricing.svelte
+++ /dev/null
@@ -1,713 +0,0 @@
-<script lang="ts">
-  import { onMount } from "svelte";
-
-  //import proTierLogo from "$lib/images/pro_tier_logo.png";
-
-  export let data;
-  export let form;
-
-  let cloudFrontUrl = import.meta.env.VITE_IMAGE_URL;
-
-  let mode = false;
-
-  function toggleMode() {
-    mode = !mode;
-  }
-
-  let LoginPopup;
-
-  onMount(async () => {
-    LoginPopup = (await import("$lib/components/LoginPopup.svelte")).default;
-  });
-</script>
-
-<section
-  class="bg-default min-h-screen max-w-3xl sm:max-w-screen-lg w-full pt-24 m-auto"
->
-  <div class="px-3">
-    <div class="mx-auto text-center mb-8">
-      <h1
-        class="text-4xl sm:text-5xl font-bold bg-gradient-to-r from-[#E8BB28] to-purple-500 bg-clip-text text-transparent pb-4"
-      >
-        Flexible plans and features
-      </h1>
-      <div
-        class="w-full flex justify-center items-center h-16 bg-default rounded-md"
-      >
-        <p
-          class="font-medium font-serif text-center w-3/4 sm:w-full text-white text-[1rem] sm:text-xl italic"
-        >
-          Simple pricing. No hidden fees. Cancel anytime.
-        </p>
-      </div>
-
-      <div class="flex flex-row items-center justify-center mt-6 pb-5">
-        <span class="text-sm font-medium text-white text-opacity-[0.6] mr-3">
-          Pay Monthly
-        </span>
-
-        <label class="inline-flex cursor-pointer relative">
-          <input
-            on:click={toggleMode}
-            type="checkbox"
-            checked={mode}
-            value={mode}
-            class="sr-only peer"
-          />
-          <div
-            class="w-14 h-7 bg-gray-400 rounded-full peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-0.5 after:left-[0.40rem] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-6 after:w-6 after:transition-all peer-checked:bg-[#1563F9] {mode ===
-            false
-              ? 'after:translate-x-[-0.2rem]'
-              : ''} "
-          ></div>
-        </label>
-
-        <div class="ml-3 -mb-4 flex flex-col items-start">
-          <span class="text-sm font-medium text-white text-opacity-[0.6]">
-            Pay Yearly
-          </span>
-          <span class="text-[#fff] text-sm font-semibold"> Save up 16% </span>
-        </div>
-      </div>
-    </div>
-
-    <!--<Discount/>-->
-
-    <div
-      class="flex flex-col sm:flex-row items-center gap-10 sm:gap-5 w-full 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-default rounded-md"
-      >
-        <div class="flex flex-row items-center justify-start items-center mt-2">
-          <img
-            src={cloudFrontUrl + "/assets/free_tier_logo.png"}
-            class="w-16 transform ease-in-out duration-300"
-            loading="lazy"
-            alt="free tier"
-          />
-          <h2 class="m-auto sm:ml-8 text-4xl font-bold text-white">
-            Free Tier
-          </h2>
-        </div>
-
-        <div class="flex flex-col mt-8 mb-6">
-          <div class="flex flex-row items-center">
-            <span class="mr-2 text-4xl font-bold">$0</span>
-            <span class="text-gray-300 text-xl">/month</span>
-          </div>
-        </div>
-
-        <ol class="mb-8 space-y-4 text-left">
-          <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 24 24"
-              ><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"
-              /></svg
-            >
-            <span class="text-white text-sm font-medium"
-              >Limited Stock Screener Strategy</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 24 24"
-              ><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"
-              /></svg
-            >
-            <span class="text-white text-sm font-medium"
-              >Limited Financial history.</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 24 24"
-              ><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"
-              /></svg
-            >
-            <span class="text-white text-sm font-medium"
-              >Limited Hedge Funds Portfolio.</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 24 24"
-              ><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"
-              /></svg
-            >
-            <span class="text-white text-sm font-medium"
-              >Limited Wall Street Analysts Ratings</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 24 24"
-              ><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"
-              /></svg
-            >
-            <span class="text-white text-sm font-medium"
-              >Limited Watchlist Strategy</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 24 24"
-              ><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"
-              /></svg
-            >
-            <span class="text-white text-sm font-medium"
-              >Limited Price Alerts</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 24 24"
-              ><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"
-              /></svg
-            >
-            <span class="text-white text-sm font-medium"
-              >Limited Options Data</span
-            >
-          </li>
-        </ol>
-
-        <div class="divider"></div>
-        <div class="m-auto w-full text-white font-medium text-sm mb-6">
-          + Limited feature updates
-        </div>
-
-        {#if !data?.user}
-          <label
-            for="userLogin"
-            class="py-3 cursor-pointer rounded-md text-white bg-[#fff] sm:hover:bg-gray-300 transition duration-100 ease-in-out group"
-          >
-            Get Sign In
-            <span
-              class="tracking-normal group-hover:translate-x-0.5 transition-transform duration-150 ease-in-out"
-            >
-              <svg
-                class="w-4 h-4 inline-block"
-                xmlns="http://www.w3.org/2000/svg"
-                viewBox="0 0 24 24"
-                ><g transform="rotate(90 12 12)"
-                  ><g fill="none"
-                    ><path
-                      d="M24 0v24H0V0h24ZM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018Zm.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022Zm-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01l-.184-.092Z"
-                    /><path
-                      fill="white"
-                      d="M13.06 3.283a1.5 1.5 0 0 0-2.12 0L5.281 8.939a1.5 1.5 0 0 0 2.122 2.122L10.5 7.965V19.5a1.5 1.5 0 0 0 3 0V7.965l3.096 3.096a1.5 1.5 0 1 0 2.122-2.122L13.06 3.283Z"
-                    /></g
-                  ></g
-                ></svg
-              >
-            </span>
-          </label>
-        {/if}
-      </div>
-      <!--End Pricing Card-->
-
-      <!-- Pricing Card -->
-      <div
-        class="sm:order-2 rounded-md box sm:-mt-10 flex flex-col p-6 lg:p-8 mx-auto w-full text-center text-white bg-primary"
-      >
-        <div class="{!mode ? 'hidden' : ''} ribbon ribbon-top-right">
-          <span class="text-white">Discount</span>
-        </div>
-
-        <div
-          class="absolute top-0 left-1/2 transform -translate-x-1/2 rounded-b-2xl flex flex-row items-center bg-red-600 p-2"
-        >
-          <svg
-            class="w-6 h-6 mr-2"
-            fill="#D6D6DC"
-            viewBox="0 0 48 48"
-            xmlns="http://www.w3.org/2000/svg"
-            stroke=""
-            ><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g
-              id="SVGRepo_tracerCarrier"
-              stroke-linecap="round"
-              stroke-linejoin="round"
-            ></g><g id="SVGRepo_iconCarrier">
-              <title>star-solid</title>
-              <g id="Layer_2" data-name="Layer 2">
-                <g id="invisible_box" data-name="invisible box">
-                  <rect width="48" height="48" fill="none"></rect>
-                </g>
-                <g id="icons_Q2" data-name="icons Q2">
-                  <path
-                    d="M24,3a2.1,2.1,0,0,0-1.8,1.1L16.5,15.7,3.7,17.5A2.1,2.1,0,0,0,2.6,21l9.2,8.9L9.7,42.7A2,2,0,0,0,11.6,45l1-.2,11.4-6,11.4,6,1,.2a2,2,0,0,0,1.9-2.3L36.2,29.9,45.4,21a2.1,2.1,0,0,0-1.1-3.5L31.5,15.7,25.8,4.1A2.1,2.1,0,0,0,24,3Z"
-                  ></path>
-                </g>
-              </g>
-            </g></svg
-          >
-          <span class="text-white text-md font-medium"> Most Popular </span>
-        </div>
-
-        <div class="flex flex-row justify-start items-center mt-10 mb-3">
-          <img
-            src={cloudFrontUrl + "/assets/pro_tier_logo.png"}
-            class="w-28 transform ease-in-out duration-300"
-            style="transform: rotate(23deg);"
-            loading="lazy"
-            alt="pro tier"
-          />
-          <h2 class="text-4xl font-bold text-white">Pro Tier</h2>
-        </div>
-
-        <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 ? "$19.99" : "$1.99"}</span
-            >
-            <span class="text-white text-xl">{mode ? "/year" : "/month"}</span>
-          </div>
-
-          <!--
-                    <div class="flex flex-col items-center">
-                        <div class="flex flex-row items-center">
-                            <span class="mr-2 text-[#FFF374] text-3xl font-bold">{mode ? '$124.75' : '$12.50'}</span>
-                            <span class="text-[#FFF374] text-xl">{mode ? '/year' : '/month'}</span>
-                        </div>
-                        <span class="text-white font-bold text-xl mt-3">
-                            Promo Code: SUMMER75
-                        </span>
-                    </div>
-                    -->
-
-          <!--
-                    <div class="flex items-center mt-2 text-[1rem] text-center">
-                        only ${mode ? (7.5/4)?.toFixed(2) : (9.99/4)?.toFixed(2)} / week, less than a
-                        {#if mode}
-                        <svg fill="#000000" class="w-7 h-7 inline-block ml-2" viewBox="0 0 64 64" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;" version="1.1" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:serif="http://www.serif.com/" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g transform="matrix(1,0,0,1,-192,-384)"> <g id="Icon"> <g transform="matrix(1.88491,0,0,2.02804,-563.297,366.103)"> <path d="M406.242,19.317L405.521,17.726C405.376,17.406 405.302,17.063 405.302,16.716L405.302,15.133C405.302,14.861 405.064,14.64 404.771,14.64C404.478,14.64 404.241,14.861 404.241,15.133C404.241,15.133 404.241,16.063 404.241,16.716C404.241,17.194 404.344,17.668 404.543,18.109L405.265,19.7C405.378,19.951 405.69,20.069 405.959,19.963C406.229,19.857 406.356,19.568 406.242,19.317Z" style="fill:#4a2401;"></path> </g> <g transform="matrix(2.02492,0,6.74129e-17,0.517887,-103.544,366.884)"> <path d="M150.985,122.829C150.985,122.829 151.287,121.782 151.669,120.456C152.571,117.323 153.916,117.152 154.868,120.048C154.953,120.307 155.039,120.567 155.123,120.825C156.027,123.575 157.294,123.575 158.198,120.825C158.318,120.46 158.439,120.091 158.559,119.726C159.463,116.976 160.729,116.976 161.633,119.726C161.753,120.091 161.874,120.46 161.994,120.825C162.898,123.575 164.164,123.575 165.068,120.825C165.188,120.46 165.31,120.091 165.43,119.726C166.334,116.976 167.6,116.976 168.504,119.726C168.613,120.058 168.723,120.394 168.833,120.727C169.752,123.522 171.042,123.471 171.947,120.603C172.351,119.321 172.676,118.29 172.676,118.29" style="stroke:black;stroke-width:1.35px;"></path> </g> <path d="M252.15,423.893C252.15,423.341 251.702,422.893 251.15,422.893L197.15,422.893C196.598,422.893 196.15,423.341 196.15,423.893L196.15,434.452C196.15,435.005 196.598,435.452 197.15,435.452L251.15,435.452C251.702,435.452 252.15,435.005 252.15,434.452L252.15,423.893Z" style="fill:#f8ac3a;"></path> <path d="M248,423.081L248,431.418C248,431.971 247.552,432.418 247,432.418L196.15,432.23L196.15,434.452C196.15,435.005 196.598,435.452 197.15,435.452L251.15,435.452C251.702,435.452 252.15,435.005 252.15,434.452L252.15,423.893C252.15,423.341 251.702,422.893 251.15,422.893L248,423.081Z" style="fill:#f39404;"></path> <path d="M251.15,424.893C251.702,424.893 252.15,424.446 252.15,423.893L252.15,417.973C252.15,417.42 251.702,416.973 251.15,416.973L197.15,416.973C196.598,416.973 196.15,417.42 196.15,417.973L196.15,423.893C196.15,424.446 196.598,424.893 197.15,424.893L251.15,424.893Z" style="fill:#633001;"></path> <path d="M247.785,416.973L247.785,422.393C247.785,422.946 247.337,423.393 246.785,423.393L196.15,423.393L196.15,423.893C196.15,424.446 196.598,424.893 197.15,424.893L251.15,424.893C251.702,424.893 252.15,424.446 252.15,423.893L252.15,417.973C252.15,417.42 251.702,416.973 251.15,416.973L247.785,416.973Z" style="fill:#4a2401;"></path> <path d="M196.396,417.394C196.138,417.69 196.078,418.109 196.24,418.466C196.403,418.822 196.76,419.051 197.152,419.05L251.152,418.972C251.63,418.971 252.041,418.631 252.132,418.161C252.223,417.691 251.968,417.223 251.524,417.044L211.575,400.968C211.18,400.809 210.727,400.918 210.447,401.239L196.396,417.394Z" style="fill:#f8ac3a;"></path> <path d="M250.284,416.545C250.136,416.92 249.771,417.176 249.356,417.176L196.518,417.253L196.396,417.394C196.138,417.69 196.078,418.109 196.24,418.466C196.403,418.822 196.76,419.051 197.152,419.05L251.152,418.972C251.63,418.971 252.041,418.631 252.132,418.161C252.223,417.691 251.968,417.223 251.524,417.044L250.284,416.545Z" style="fill:#f39404;"></path> <g transform="matrix(-0.772662,0.119061,0.399687,-0.671887,523.886,376.884)"> <path d="M409.114,24.501L411.281,26.668C412.109,27.495 413.098,27.85 413.488,27.46C413.878,27.07 413.523,26.081 412.696,25.254L410.528,23.086C409.701,22.259 408.712,21.904 408.322,22.294C407.931,22.684 408.286,23.673 409.114,24.501Z" style="fill:#633001;"></path> </g> <g transform="matrix(-0.456347,-0.634767,0.780068,0.0517307,390.464,672.695)"> <path d="M409.114,24.501L411.281,26.668C412.109,27.495 413.098,27.85 413.488,27.46C413.878,27.07 413.523,26.081 412.696,25.254L410.528,23.086C409.701,22.259 408.712,21.904 408.322,22.294C407.931,22.684 408.286,23.673 409.114,24.501Z" style="fill:#633001;"></path> </g> <g transform="matrix(0.684962,-0.289867,-0.289867,0.733294,-50.9722,516.046)"> <path d="M420.323,27.794L422.323,29.634C423.294,30.528 424.386,30.923 424.759,30.517C425.133,30.111 424.648,29.056 423.677,28.162L421.677,26.322C420.706,25.429 419.614,25.033 419.241,25.439C418.867,25.845 419.352,26.901 420.323,27.794Z" style="fill:#633001;"></path> </g> <g transform="matrix(0.614789,-0.531458,0.159337,0.807329,-40.7207,606.391)"> <path d="M405.432,29.315L407.302,31.139C407.982,31.802 408.847,32.019 409.232,31.624C409.618,31.229 409.378,30.37 408.698,29.707L406.828,27.883C406.148,27.22 405.283,27.003 404.898,27.398C404.512,27.793 404.752,28.652 405.432,29.315Z" style="fill:#633001;"></path> </g> <path d="M205.515,402.587C202.265,402.587 199.628,405.22 199.628,408.461C199.628,411.702 202.265,414.334 205.515,414.334C208.765,414.334 211.402,411.702 211.402,408.461C211.402,405.22 208.765,402.587 205.515,402.587Z" style="fill:#f0682d;"></path> </g> </g> </g></svg>
-                        {:else}
-                        <svg class="w-6 h-6 inline-block ml-2" viewBox="0 0 47.5 47.5" id="svg2" version="1.1" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" fill="#ffffff"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <defs id="defs6"> <clipPath clipPathUnits="userSpaceOnUse" id="clipPath16"> <path d="M 0,38 38,38 38,0 0,0 0,38 Z" id="path18"></path> </clipPath> <clipPath clipPathUnits="userSpaceOnUse" id="clipPath40"> <path d="M 0,38 38,38 38,0 0,0 0,38 Z" id="path42"></path> </clipPath> </defs> <g id="g10" transform="matrix(1.25,0,0,-1.25,0,47.5)"> <g id="g12"> <g clip-path="url(#clipPath16)" id="g14"> <g id="g20" transform="translate(37,11)"> <path d="m 0,0 c 0,-5.522 -8.059,-10 -18,-10 -9.941,0 -18,4.478 -18,10 0,5.522 8.059,10 18,10 C -8.059,10 0,5.522 0,0" id="path22" style="fill:#99aab5;fill-opacity:1;fill-rule:nonzero;stroke:none"></path> </g> <g id="g24" transform="translate(37,13)"> <path d="m 0,0 c 0,-5.522 -8.059,-10 -18,-10 -9.941,0 -18,4.478 -18,10 0,5.522 8.059,10 18,10 C -8.059,10 0,5.522 0,0" id="path26" style="fill:#ccd6dd;fill-opacity:1;fill-rule:nonzero;stroke:none"></path> </g> <g id="g28" transform="translate(19,6)"> <path d="m 0,0 c -14.958,0 -17,15 -17,19 l 34,0 C 17,17 15.042,0 0,0" id="path30" style="fill:#f5f8fa;fill-opacity:1;fill-rule:nonzero;stroke:none"></path> </g> <g id="g32" transform="translate(32.8818,30.0483)"> <path d="M 0,0 C -1.357,0.938 -3.103,1.694 -5.121,2.25 -3.246,2.826 -0.57,2.559 0,0 M 2.503,-2.692 C 4.945,7.43 -7.278,5.014 -9.701,3.106 c -1.34,0.149 -2.736,0.234 -4.181,0.234 -9.389,0 -17,-3.228 -17,-8.444 0,-5.216 7.611,-9.444 17,-9.444 9.389,0 17,4.228 17,9.444 0,0.862 -0.225,1.664 -0.615,2.412" id="path34" style="fill:#ccd6dd;fill-opacity:1;fill-rule:nonzero;stroke:none"></path> </g> </g> </g> <g id="g36"> <g clip-path="url(#clipPath40)" id="g38"> <g id="g44" transform="translate(34,24)"> <path d="m 0,0 c 0,-3.866 -6.716,-7 -15,-7 -8.284,0 -15,3.134 -15,7 0,3.866 6.716,7 15,7 C -6.716,7 0,3.866 0,0" id="path46" style="fill:#8a4b38;fill-opacity:1;fill-rule:nonzero;stroke:none"></path> </g> <g id="g48" transform="translate(21,20)"> <path d="m 0,0 c -0.256,0 -0.512,0.098 -0.707,0.293 -2.337,2.337 -2.376,4.885 -0.125,8.262 0.739,1.109 0.9,2.245 0.478,3.377 -0.461,1.235 -1.438,1.996 -1.731,2.076 -0.553,0 -0.958,0.444 -0.958,0.996 C -3.043,15.557 -2.552,16 -2,16 -1.003,16 0.395,14.847 1.183,13.375 2.217,11.442 2.093,9.336 0.832,7.445 -1.129,4.503 -0.699,3.113 0.707,1.707 1.098,1.316 1.098,0.684 0.707,0.293 0.512,0.098 0.256,0 0,0" id="path50" style="fill:#d99e82;fill-opacity:1;fill-rule:nonzero;stroke:none"></path> </g> <g id="g52" transform="translate(15,22)"> <path d="m 0,0 c -0.256,0 -0.512,0.098 -0.707,0.293 -2.337,2.337 -2.376,4.885 -0.125,8.262 0.727,1.091 0.894,2.082 0.494,2.947 -0.444,0.961 -1.431,1.469 -1.684,1.499 -0.552,0 -0.989,0.447 -0.989,0.999 0,0.553 0.459,1 1.011,1 0.997,0 2.584,-0.974 3.36,-2.423 C 1.841,11.678 2.413,9.816 0.832,7.445 -1.129,4.503 -0.699,3.113 0.707,1.707 1.098,1.316 1.098,0.684 0.707,0.293 0.512,0.098 0.256,0 0,0" id="path54" style="fill:#d99e82;fill-opacity:1;fill-rule:nonzero;stroke:none"></path> </g> </g> </g> </g> </g></svg>
-                        {/if}
-                    </div>
-                    -->
-        </div>
-
-        <!-- List -->
-
-        <ol class="mb-8 space-y-4 text-left">
-          <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"
-              >Unlimited Stock Screener Strategy</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"
-              >Unlimited Financial history</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"
-              >Unlimited Hedge Funds Portfolio</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"
-              >Unlimited Wall Street Analysts Ratings</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"
-              >Unlimited Watchlist Strategy</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"
-              >Unlimited Price Alerts</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"
-              >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>
-                    -->
-        </ol>
-        <div class="divider"></div>
-        <div class="m-auto w-full text-white font-medium text-sm mb-6">
-          + Unlimited feature updates
-        </div>
-        <label
-          for={"userLogin"}
-          class="cursor-pointer py-3 rounded-md text-white bg-[#fff] sm:hover:bg-gray-300 transition duration-100 ease-in-out group"
-        >
-          30 Days Free Trial
-          <span
-            class="tracking-normal group-hover:translate-x-0.5 transition-transform duration-150 ease-in-out"
-          >
-            <svg
-              class="w-4 h-4 inline-block"
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 24 24"
-              ><g transform="rotate(90 12 12)"
-                ><g fill="none"
-                  ><path
-                    d="M24 0v24H0V0h24ZM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018Zm.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022Zm-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01l-.184-.092Z"
-                  /><path
-                    fill="white"
-                    d="M13.06 3.283a1.5 1.5 0 0 0-2.12 0L5.281 8.939a1.5 1.5 0 0 0 2.122 2.122L10.5 7.965V19.5a1.5 1.5 0 0 0 3 0V7.965l3.096 3.096a1.5 1.5 0 1 0 2.122-2.122L13.06 3.283Z"
-                  /></g
-                ></g
-              ></svg
-            >
-          </span>
-        </label>
-
-        <div class="m-auto w-full text-white font-medium text-[¹rem] mt-4">
-          30 Day Money Back Guarantee
-        </div>
-      </div>
-      <!--End Pricing Card-->
-
-      <!--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-md 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-l border-r border-b border-gray-400 items-center p-2">
-                    <span class="text-white text-md font-semibold px-3">
-                        Limited Offer
-                    </span>
-                </div>          
-
-                <div class="flex flex-row justify-start items-center mt-10">
-                    <img src={cloudFrontUrl+"/assets/life_time_access_logo.png"} class="mr-4 w-28 transform ease-in-out duration-300" loading="lazy" alt="Lifetime tier" />
-                    <h2 class="text-4xl text-center font-bold text-white">
-                        Lifetime
-                    </h2>
-                </div>
-                
-
-                <div class="flex flex-col mb-6 items-center">
-
-                    <div class="flex flex-row items-center">
-                        <span class="mr-2 text-4xl font-bold">$599</span>
-                    </div>
-                </div>
-
-
-                <ol class="mb-8 space-y-4 text-left mt-6">
-                    <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">Everything in Pro Tier.</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">Pay Once and use forever.</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">If you ❤️ Stocknear and want to support us, this is the best way.</span>
-                    </li>
-                </ol>
-
-                <div class="divider"></div>
-                <div class="m-auto w-full text-white font-medium text-sm mb-6">
-                    + Unlimited feature updates
-                </div>  
-
-                {#if data?.user?.tier === 'Pro' && !data?.user?.freeTrial}
-                <a class="py-3 rounded-md text-white bg-[#fff] sm:hover:bg-gray-300 transition duration-100 ease-in-out group" href="#">
-                    Active Plan
-               </a>
-               {:else if data?.user?.tier === 'Pro' && data?.user?.freeTrial === true}
-
-                <label for={!data?.user ? 'userLogin' : ''} on:click={() => purchasePlan('lifeTime')} class="py-3 rounded-md text-white bg-[#fff] sm:hover:bg-gray-300 transition duration-100 ease-in-out group">
-                    Get Lifetime Access
-                   <span class="tracking-normal group-hover:translate-x-0.5 transition-transform duration-150 ease-in-out">
-                       <svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g transform="rotate(90 12 12)"><g fill="none"><path d="M24 0v24H0V0h24ZM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018Zm.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022Zm-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01l-.184-.092Z"/><path fill="white" d="M13.06 3.283a1.5 1.5 0 0 0-2.12 0L5.281 8.939a1.5 1.5 0 0 0 2.122 2.122L10.5 7.965V19.5a1.5 1.5 0 0 0 3 0V7.965l3.096 3.096a1.5 1.5 0 1 0 2.122-2.122L13.06 3.283Z"/></g></g></svg>
-                   </span>
-                </label>
-                {:else}
-                <label for={!data?.user ? 'userLogin' : ''} on:click={() => purchasePlan('lifeTime')} class="cursor-pointer py-3 rounded-md text-white bg-[#fff] sm:hover:bg-gray-300 transition duration-100 ease-in-out group">
-                    Get Lifetime Access
-                   <span class="tracking-normal group-hover:translate-x-0.5 transition-transform duration-150 ease-in-out">
-                       <svg class="w-4 h-4 inline-block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g transform="rotate(90 12 12)"><g fill="none"><path d="M24 0v24H0V0h24ZM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018Zm.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022Zm-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01l-.184-.092Z"/><path fill="white" d="M13.06 3.283a1.5 1.5 0 0 0-2.12 0L5.281 8.939a1.5 1.5 0 0 0 2.122 2.122L10.5 7.965V19.5a1.5 1.5 0 0 0 3 0V7.965l3.096 3.096a1.5 1.5 0 1 0 2.122-2.122L13.06 3.283Z"/></g></g></svg>
-                   </span>
-                </label>
-                {/if}
-               
-            </div>
-            -->
-      <!--End Pricing Card-->
-    </div>
-  </div>
-</section>
-
-<!--Start Login Modal-->
-{#if LoginPopup}
-  <LoginPopup {form} />
-{/if}
-
-<!--End Login Modal-->
-
-<style lang="scss">
-  @import url(https://fonts.googleapis.com/css?family=Lato:700);
-  @import url(https://fonts.googleapis.com/css?family=Lato:700);
-
-  .box {
-    position: relative;
-    width: 100%;
-  }
-  /* common */
-  .ribbon {
-    width: 100px; /* Adjusted width for mobile */
-    height: 100px; /* Adjusted height for mobile */
-    overflow: hidden;
-    position: absolute;
-  }
-  .ribbon::before,
-  .ribbon::after {
-    position: absolute;
-    z-index: -1;
-    content: "";
-    display: block;
-    border: 3px solid #e1341e; /* Reduced border thickness for mobile */
-  }
-  .ribbon span {
-    position: absolute;
-    display: block;
-    width: 150px; /* Adjusted width for mobile */
-    padding: 10px 0; /* Reduced padding for mobile */
-    background-color: #e1341e;
-    box: 0 3px 6px rgba(0, 0, 0, 0.6); /* Reduced box for mobile */
-    color: #fff;
-    font:
-      700 10px/1 "Lato",
-      sans-serif; /* Reduced font size for mobile */
-    text-transform: normalcase;
-    text-align: center;
-  }
-
-  /* top right*/
-  .ribbon-top-right {
-    top: -5px; /* Adjusted positioning for mobile */
-    right: -5px; /* Adjusted positioning for mobile */
-  }
-  .ribbon-top-right::before,
-  .ribbon-top-right::after {
-    border-top-color: transparent;
-    border-right-color: transparent;
-  }
-  .ribbon-top-right::before {
-    top: 0;
-    left: 0;
-  }
-  .ribbon-top-right::after {
-    bottom: 0;
-    right: 0;
-  }
-  .ribbon-top-right span {
-    left: -15px; /* Adjusted positioning for mobile */
-    top: 20px; /* Adjusted positioning for mobile */
-    transform: rotate(45deg);
-    font-size: 0.97rem;
-  }
-</style>
diff --git a/src/lib/components/TickerInfoCard.svelte b/src/lib/components/TickerInfoCard.svelte
deleted file mode 100644
index 5422ab75..00000000
--- a/src/lib/components/TickerInfoCard.svelte
+++ /dev/null
@@ -1,316 +0,0 @@
-<script lang="ts">
-  import { stockTicker, screenWidth, wsBidPrice, wsAskPrice } from "$lib/store";
-
-  import { abbreviateNumber } from "$lib/utils";
-  import { fade } from "svelte/transition";
-
-  export let stockDeck;
-  export let data;
-
-  let info;
-
-  let cloudFrontUrl = import.meta.env.VITE_IMAGE_URL; // Set a default API URL
-
-  let earningDate = null;
-  let tierList = "-";
-  //let ceoName = "-";
-  let sector = "-";
-  let industry = "-";
-  let exchange = "-";
-  let employees = "-";
-  //let country = "-";
-  let description = "";
-  let website = "-";
-  let snippet;
-  let forwardPE = "-";
-  let beta = "-";
-
-  let showFullText = false;
-  /*
-  function getAbbreviatedName(fullName) {
-    try {
-      const names = fullName?.split(" ");
-      let firstName = names?.at(0);
-      // Remove any title prefix (e.g. Dr., Mr., Mrs., Ms.)
-      if (names?.length > 1 && /^(Dr|Mr|Mrs|Ms)\.?$/i?.test(names?.at(0))) {
-        firstName = names?.at(1);
-        names?.splice(0, 1);
-      }
-      //const initials = names?.slice(0, -1)?.map(name => name?.charAt(0))?.join('. ');
-      const lastName = names[names?.length - 1];
-      return `${firstName?.charAt(0)}. ${lastName}`;
-    } catch (e) {
-      //console.log(e)
-      return "-";
-    }
-  }
-*/
-  $: {
-    if (
-      $stockTicker &&
-      typeof window !== "undefined" &&
-      typeof stockDeck !== "undefined" &&
-      stockDeck?.length !== 0
-    ) {
-      info = stockDeck?.at(0);
-      earningDate =
-        info?.earning !== undefined
-          ? new Date(info?.earning)?.toLocaleDateString("en-GB", {
-              day: "numeric",
-              month: "long",
-            })
-          : "";
-
-      tierList = info?.tierList;
-      //ceoName = info?.ceoName?.length !== 0 ? getAbbreviatedName(info?.ceoName) : "-";
-      sector = info?.sector ?? "-";
-      industry = info?.industry ?? "-";
-      exchange = info?.exchange;
-      employees = abbreviateNumber(info?.fullTimeEmployees) ?? "-";
-      //country = info?.country ?? "-";
-      description =
-        info?.description ??
-        "A detailed description of the company is not yet available.";
-      website = info?.website;
-      snippet = description?.slice(0, 250) + "...";
-      forwardPE = info?.forwardPE;
-      beta = info?.beta !== undefined ? info?.beta?.toFixed(2) : "-";
-    }
-  }
-</script>
-
-<div class="sm:space-y-3">
-  <div
-    class="sm:rounded-md lg:border lg:border-gray-600 bg-[#000] lg:bg-default h-auto w-screen pt-16 sm:w-full md:w-[420px] xl:w-[450px] lg:pt-0"
-  >
-    <!--Start Header-->
-    <div
-      class="sm:rounded-t-lg w-full h-[130px] bg-[#000] p-3 flex flex-col bg-cover bg-center bg-no-repeat"
-      style="background-image: url({`${cloudFrontUrl}/stocks/cover/${$stockTicker?.toUpperCase()}.jpg`});"
-    >
-      <div class="flex flex-row pt-1 pb-2">
-        {#if earningDate}
-          <div
-            class="badge bg-[#fff] gap-2 mt-2 font-semibold text-sm text-black"
-          >
-            Earnings Call - {earningDate}
-          </div>
-        {/if}
-      </div>
-      <!--
-            <div class="flex flex-row justify-end items-center mt-2 relative z-10 -my-5">
-                <div style={`background-image: url(${tierList === 'S' || tierList === 'S+' || tierList === 'S-' ? sTier : tierList === 'A' || tierList === 'A+' || tierList === 'A-' ? aTier : tierList === 'B' || tierList === 'B+' || tierList === 'B-' ? bTier : defaultTier});`} class="animate-bounce circle-background mr-5 w-20 h-20 z-10">
-                    <div class="tier-text italic m-auto text-xl">
-                    <span class="{tierList !== null ? 'text-4xl' : 'hidden'} " style="color: ${tierList === 'S' || tierList === 'S+' || tierList === 'S-' ? '#FFFFFF' : tierList === 'A' || tierList === 'A+' || tierList === 'A-' ? '#1239FA' : ''});`}">
-                      {tierList ?? 'n/a'}  
-                    </span>
-                    </div>
-                </div>
-
-            </div>
-            -->
-    </div>
-    <!--End Header-->
-    <!--Start Content-->
-    <div class="w-full flex flex-wrap border-t border-gray-600 px-2">
-      <h2 class="text-start ml-2 text-2xl font-bold text-white pb-2 mt-3">
-        Company Info
-      </h2>
-      <div class="flex justify-center items-center w-full m-auto">
-        <table class="table table-sm table-compact">
-          <tbody>
-            <!--
-              <tr class="text-white border-b border-[#27272A]">
-                <td class="text-start lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap">CEO</td>
-                <td class="text-center sm:text-end bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-default whitespace-normal font-semibold">{ceoName}</td>
-                <td class="text-start sm:text-end lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap">Country</td>
-                <td class="text-start sm:text-end bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-default whitespace-normal font-semibold">{country}</td>
-              </tr>
-              -->
-            <tr class="text-white border-b border-[#27272A]">
-              <td
-                class="text-start bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
-                >Bid</td
-              >
-              <td class="text-center sm:text-end bg-[#000] lg:bg-default"
-                >{$wsBidPrice !== 0 && $wsBidPrice !== null
-                  ? $wsBidPrice
-                  : (data?.getStockQuote?.bid ?? "-")}</td
-              >
-              <td
-                class="text-start sm:text-end bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
-                >Ask</td
-              >
-              <td class="text-start sm:text-end bg-[#000] lg:bg-default"
-                >{$wsAskPrice !== 0 && $wsAskPrice !== null
-                  ? $wsAskPrice
-                  : (data?.getStockQuote?.ask ?? "-")}</td
-              >
-            </tr>
-            <tr class="text-white border-b border-[#27272A]">
-              <td
-                class="text-start bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
-                >Mkt Cap</td
-              >
-              <td class="text-center sm:text-end bg-[#000] lg:bg-default"
-                >{abbreviateNumber(data?.getStockQuote?.marketCap)}</td
-              >
-              <td
-                class="text-start sm:text-end bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
-                >Vol</td
-              >
-              <td class="text-start sm:text-end bg-[#000] lg:bg-default"
-                >{abbreviateNumber(data?.getStockQuote?.volume)}</td
-              >
-            </tr>
-            <tr class="text-white border-b border-[#27272A]">
-              <td
-                class="text-start bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
-                >Beta</td
-              >
-              <td class="text-center sm:text-end bg-[#000] lg:bg-default"
-                >{beta}</td
-              >
-              <td
-                class="text-start sm:text-end bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
-                >Avg. Vol</td
-              >
-              <td class="text-start sm:text-end bg-[#000] lg:bg-default"
-                >{abbreviateNumber(data?.getStockQuote?.avgVolume)}</td
-              >
-            </tr>
-            <!--
-              <tr class="text-white ">
-                <td class="text-start lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-default text-white whitespace-pre-line font-semibold whitespace-nowrap">Sector</td>
-                <td class="text-center bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-default whitespace-pre-line font-semibold">{sector}</td>
-                <td class="text-start sm:text-center lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap">Employees</td>
-                <td class="text-start sm:text-end bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-default font-semibold">{employees}</td>
-              </tr>
-              <tr class="text-white border-b border-[#27272A]">
-                <td class="text-start lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap">Industry</td>
-                <td class="text-center bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-default whitespace-normal font-semibold">{industry}</td>
-                <td class="text-start sm:text-center lg:border-b lg:border-[#27272A] bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap">Exchange</td>
-                <td class="text-start sm:text-end bg-[#000] lg:border-b lg:border-[#27272A] lg:bg-default font-semibold">{exchange}</td>
-              </tr>
-              -->
-            <tr class="text-white border-b border-[#27272A]">
-              <td
-                class="text-start bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
-                >Open</td
-              >
-              <td class="text-center sm:text-end bg-[#000] lg:bg-default"
-                >{data?.getStockQuote?.open?.toFixed(2)}</td
-              >
-              <td
-                class="text-start sm:text-end bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
-                >Prev. Close</td
-              >
-              <td
-                class="text-start sm:text-end bg-[#000] lg:bg-default whitespace-nowrap"
-                >{data?.getStockQuote?.previousClose?.toFixed(2) ?? "-"}</td
-              >
-            </tr>
-            <!--
-              {#if $screenWidth > 640}
-              <tr class="text-white border-b border-[#27272A]">
-                <td class="text-start bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap">1D-Range</td>
-                <td class="text-center sm:text-end bg-[#000] lg:bg-default">{data?.getStockQuote?.dayLow?.toFixed(2)} - {data?.getStockQuote?.dayHigh?.toFixed(2)}</td>
-                <td class="text-start sm:text-end bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap ">1Y-Range</td>
-                <td class="text-start sm:text-end bg-[#000] lg:bg-default whitespace-nowrap ">{data?.getStockQuote?.yearLow?.toFixed(2)} - {data?.getStockQuote?.yearHigh?.toFixed(2)}</td>
-              </tr>
-              {/if}
-              -->
-            <tr class="text-white border-b border-[#27272A]">
-              <td
-                class="text-start bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
-                >EPS (ttm)</td
-              >
-              <td class="text-center sm:text-end bg-[#000] lg:bg-default"
-                >{data?.getStockQuote?.eps}</td
-              >
-              <td
-                class="text-start sm:text-end bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
-                >PE Ratio (ttm)</td
-              >
-              <td class="text-start sm:text-end bg-[#000] lg:bg-default"
-                >{data?.getStockQuote?.pe}</td
-              >
-            </tr>
-            <tr class="text-white border-b border-[#27272A]">
-              <td
-                class="text-start bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
-                >Shares Out.</td
-              >
-              <td class="text-center sm:text-end bg-[#000] lg:bg-default"
-                >{abbreviateNumber(data?.getStockQuote?.sharesOutstanding)}</td
-              >
-              <td
-                class="text-start sm:text-end bg-[#000] lg:bg-default text-white font-semibold whitespace-nowrap"
-                >Forward PE</td
-              >
-              <td
-                class="text-start sm:text-end bg-[#000] lg:bg-default whitespace-nowrap"
-                >{forwardPE === undefined || forwardPE === null
-                  ? "-"
-                  : forwardPE}</td
-              >
-            </tr>
-          </tbody>
-        </table>
-      </div>
-
-      <h2
-        class="text-start sm:ml-4 text-xl font-bold text-white pb-2 pt-5 sm:pt-3 p-1 sm:p-0"
-      >
-        Description
-      </h2>
-
-      <p class="text-gray-100 sm:ml-2 text-sm whitespace-normal p-1 sm:p-2">
-        {#if showFullText}
-          <div transition:fade={{ delay: 0, duration: 80 }} in={showFullText}>
-            {description}
-          </div>
-        {:else if $screenWidth <= 800}
-          {description}
-        {:else}
-          {snippet}
-        {/if}
-      </p>
-      {#if description.length !== 0}
-        <div class="flex flex-row w-full items-center mt-4 pb-2 mb-2">
-          <label
-            on:click={() => (showFullText = !showFullText)}
-            class="hidden lg:block ml-3 w-full text-md mt-1 cursor-pointer font-medium text-white sm:hover:text-blue-400 sm:hover:underline"
-          >
-            {#if showFullText}
-              Show less
-            {:else}
-              Show more
-            {/if}
-          </label>
-
-          <div class="flex justify-end w-full relative bottom-0 right-0 mr-3">
-            <a
-              target="_blank"
-              href={website}
-              class="inline-flex text-sm font-medium text-white sm:hover:text-blue-400 sm:hover:underline"
-            >
-              Go to website
-              <svg
-                class="w-5 h-5 ml-2"
-                fill="currentColor"
-                viewBox="0 0 20 20"
-                xmlns="http://www.w3.org/2000/svg"
-                ><path
-                  d="M11 3a1 1 0 100 2h2.586l-6.293 6.293a1 1 0 101.414 1.414L15 6.414V9a1 1 0 102 0V4a1 1 0 00-1-1h-5z"
-                ></path><path
-                  d="M5 5a2 2 0 00-2 2v8a2 2 0 002 2h8a2 2 0 002-2v-3a1 1 0 10-2 0v3H5V7h3a1 1 0 000-2H5z"
-                ></path></svg
-              >
-            </a>
-          </div>
-        </div>
-      {/if}
-    </div>
-  </div>
-</div>