From 0b69a145203205d954eaebd61e9910748df3a120 Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Wed, 19 Feb 2025 12:08:53 +0100
Subject: [PATCH] seo optimization

---
 .../etf/[tickerID]/dark-pool/+page.svelte     | 90 ++++---------------
 src/routes/sitemap.xml/+server.ts             |  1 +
 src/routes/sitemap/+page.svelte               |  4 +
 .../stocks/[tickerID]/dark-pool/+page.svelte  | 46 ++--------
 4 files changed, 30 insertions(+), 111 deletions(-)

diff --git a/src/routes/etf/[tickerID]/dark-pool/+page.svelte b/src/routes/etf/[tickerID]/dark-pool/+page.svelte
index 94ed507e..2854a40b 100644
--- a/src/routes/etf/[tickerID]/dark-pool/+page.svelte
+++ b/src/routes/etf/[tickerID]/dark-pool/+page.svelte
@@ -1,62 +1,23 @@
 <script lang="ts">
-  import {
-    numberOfUnreadNotification,
-    displayCompanyName,
-    etfTicker,
-  } from "$lib/store";
+  import { displayCompanyName, etfTicker } from "$lib/store";
   import HistoricalVolume from "$lib/components/DarkPool/HistoricalVolume.svelte";
   import PriceLevel from "$lib/components/DarkPool/PriceLevel.svelte";
   import InfoModal from "$lib/components/InfoModal.svelte";
   import Infobox from "$lib/components/Infobox.svelte";
   import HottestTrades from "$lib/components/DarkPool/HottestTrades.svelte";
   import UpgradeToPro from "$lib/components/UpgradeToPro.svelte";
-  import { onMount } from "svelte";
+  import SEO from "$lib/components/SEO.svelte";
 
   export let data;
   let historicalDarkPool = data?.getHistoricalDarkPool || [];
   let priceLevel = data?.getPriceLevel?.priceLevel || [];
   let hottestTrades = data?.getPriceLevel?.hottestTrades || [];
-  let isLoaded = false;
-  onMount(() => {
-    isLoaded = true;
-  });
 </script>
 
-<svelte:head>
-  <meta charset="utf-8" />
-  <meta name="viewport" content="width=device-width" />
-  <title>
-    {$numberOfUnreadNotification > 0 ? `(${$numberOfUnreadNotification})` : ""}
-    {$displayCompanyName} ({$etfTicker}) Dark Pool Trades · Stocknear
-  </title>
-
-  <meta
-    name="description"
-    content={`Get the latest dark pool trade insights for ${$displayCompanyName} (${$etfTicker}), including stock price quote, financials, news, statistics, and charts.`}
-  />
-
-  <!-- Other meta tags -->
-  <meta
-    property="og:title"
-    content={`${$displayCompanyName} (${$etfTicker}) Dark Pool Trades · Stocknear`}
-  />
-  <meta
-    property="og:description"
-    content={`Get the latest dark pool trade information for ${$displayCompanyName} (${$etfTicker})`}
-  />
-  <meta property="og:type" content="website" />
-
-  <!-- Twitter specific meta tags -->
-  <meta name="twitter:card" content="summary_large_image" />
-  <meta
-    name="twitter:title"
-    content={`${$displayCompanyName} (${$etfTicker}) Dark Pool Trades · Stocknear`}
-  />
-  <meta
-    name="twitter:description"
-    content={`Get the latest dark pool trade insights for ${$displayCompanyName} (${$etfTicker}), including stock price quote, financials, statistics, and more.`}
-  />
-</svelte:head>
+<SEO
+  title={`${$displayCompanyName} (${$etfTicker}) Dark Pool Trading Insights & Data`}
+  description={`Explore exclusive dark pool trading data for ${$displayCompanyName} (${$etfTicker}). Get insights into hidden market activity, stock price movements, institutional trades, financials, and key statistics.`}
+/>
 
 <section class="w-full bg-default overflow-hidden text-white h-full">
   <div class="w-full flex h-full overflow-hidden">
@@ -88,34 +49,21 @@
             />
           {/if}
         </div>
-        {#if isLoaded}
-          {#if priceLevel?.length > 0}
-            <PriceLevel
-              rawData={priceLevel}
-              metrics={data?.getPriceLevel?.metrics}
-            />
-          {/if}
-          {#if hottestTrades?.length > 0}
-            <HottestTrades {data} rawData={hottestTrades} />
-          {/if}
-          {#if data?.user?.tier === "Pro"}
-            {#if historicalDarkPool?.length > 10}
-              <HistoricalVolume rawData={historicalDarkPool} />
-            {/if}
-          {:else}
-            <UpgradeToPro {data} />
+        {#if priceLevel?.length > 0}
+          <PriceLevel
+            rawData={priceLevel}
+            metrics={data?.getPriceLevel?.metrics}
+          />
+        {/if}
+        {#if hottestTrades?.length > 0}
+          <HottestTrades {data} rawData={hottestTrades} />
+        {/if}
+        {#if data?.user?.tier === "Pro"}
+          {#if historicalDarkPool?.length > 10}
+            <HistoricalVolume rawData={historicalDarkPool} />
           {/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>
+          <UpgradeToPro {data} />
         {/if}
       </div>
     </div>
diff --git a/src/routes/sitemap.xml/+server.ts b/src/routes/sitemap.xml/+server.ts
index ce43890b..328ebd18 100644
--- a/src/routes/sitemap.xml/+server.ts
+++ b/src/routes/sitemap.xml/+server.ts
@@ -69,6 +69,7 @@ const pages = [
   { title: "/market-flow" },
   { title: "/market-flow/sector-flow" },
    { title: "/affiliate-program" },
+   { title: "/dark-pool-flow" },
 ];
 
 const website = "https://stocknear.com";
diff --git a/src/routes/sitemap/+page.svelte b/src/routes/sitemap/+page.svelte
index a267d349..1001014b 100644
--- a/src/routes/sitemap/+page.svelte
+++ b/src/routes/sitemap/+page.svelte
@@ -25,6 +25,10 @@
       title: "Market Flow",
       link: "/market-flow",
     },
+    {
+      title: "Dark Pool Flow",
+      link: "/dark-pool-flow",
+    },
     {
       title: "Earnings",
       link: "/earnings-calendar",
diff --git a/src/routes/stocks/[tickerID]/dark-pool/+page.svelte b/src/routes/stocks/[tickerID]/dark-pool/+page.svelte
index 7762123e..a33361e3 100644
--- a/src/routes/stocks/[tickerID]/dark-pool/+page.svelte
+++ b/src/routes/stocks/[tickerID]/dark-pool/+page.svelte
@@ -1,15 +1,12 @@
 <script lang="ts">
-  import {
-    numberOfUnreadNotification,
-    displayCompanyName,
-    stockTicker,
-  } from "$lib/store";
+  import { displayCompanyName, stockTicker } from "$lib/store";
   import HistoricalVolume from "$lib/components/DarkPool/HistoricalVolume.svelte";
   import PriceLevel from "$lib/components/DarkPool/PriceLevel.svelte";
   import InfoModal from "$lib/components/InfoModal.svelte";
   import Infobox from "$lib/components/Infobox.svelte";
   import HottestTrades from "$lib/components/DarkPool/HottestTrades.svelte";
   import UpgradeToPro from "$lib/components/UpgradeToPro.svelte";
+  import SEO from "$lib/components/SEO.svelte";
 
   export let data;
   let historicalDarkPool = data?.getHistoricalDarkPool || [];
@@ -17,41 +14,10 @@
   let hottestTrades = data?.getPriceLevel?.hottestTrades || [];
 </script>
 
-<svelte:head>
-  <meta charset="utf-8" />
-  <meta name="viewport" content="width=device-width" />
-  <title>
-    {$numberOfUnreadNotification > 0 ? `(${$numberOfUnreadNotification})` : ""}
-    {$displayCompanyName} ({$stockTicker}) Dark Pool Trades · Stocknear
-  </title>
-
-  <meta
-    name="description"
-    content={`Get the latest dark pool trade insights for ${$displayCompanyName} (${$stockTicker}), including stock price quote, financials, news, statistics, and charts.`}
-  />
-
-  <!-- Other meta tags -->
-  <meta
-    property="og:title"
-    content={`${$displayCompanyName} (${$stockTicker}) Dark Pool Trades · Stocknear`}
-  />
-  <meta
-    property="og:description"
-    content={`Get the latest dark pool trade information for ${$displayCompanyName} (${$stockTicker})`}
-  />
-  <meta property="og:type" content="website" />
-
-  <!-- Twitter specific meta tags -->
-  <meta name="twitter:card" content="summary_large_image" />
-  <meta
-    name="twitter:title"
-    content={`${$displayCompanyName} (${$stockTicker}) Dark Pool Trades · Stocknear`}
-  />
-  <meta
-    name="twitter:description"
-    content={`Get the latest dark pool trade insights for ${$displayCompanyName} (${$stockTicker}), including stock price quote, financials, statistics, and more.`}
-  />
-</svelte:head>
+<SEO
+  title={`${$displayCompanyName} (${$stockTicker}) Dark Pool Trading Insights & Data`}
+  description={`Explore exclusive dark pool trading data for ${$displayCompanyName} (${$stockTicker}). Get insights into hidden market activity, stock price movements, institutional trades, financials, and key statistics.`}
+/>
 
 <section class="w-full bg-default overflow-hidden text-white h-full">
   <div class="w-full flex h-full overflow-hidden">