diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index ce8f496a..e47e9cad 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -523,6 +523,9 @@ $: {
                           <Button builders={[builder]} type="submit" class="w-full bg-[#141417] hover:bg-[#141417]">
                             <a href="/reddit-tracker" class="text-start w-full text-[1rem] text-white ml-4 mt-4">Reddit Tracker</a>
                           </Button>
+                          <Button builders={[builder]} type="submit" class="w-full bg-[#141417] hover:bg-[#141417]">
+                            <a href="/corporate-lobbying-tracker" class="text-start w-full text-[1rem] text-white ml-4 mt-4">Lobbying Tracker</a>
+                          </Button>
                         </div>
     
                       </Sheet.Close>
@@ -883,6 +886,7 @@ $: {
                           <a href="/cramer-tracker" class="text-[1rem] text-white ml-4 mt-4">Jim Cramer Tracker</a>
                           <a href="/most-retail-volume" class="text-[1rem] text-white ml-4 mt-4">Retail Trader Tracker</a>
                           <a href="/reddit-tracker" class="text-[1rem] text-white ml-4 mt-4">Reddit Tracker</a>
+                          <a href="/corporate-lobbying-tracker" class="text-[1rem] text-white ml-4 mt-4">Lobbying Tracker</a>
                         </div>
                         
                       </Accordion.Content
diff --git a/src/routes/corporate-lobbying-tracker/+page.svelte b/src/routes/corporate-lobbying-tracker/+page.svelte
index c634aee4..495dd534 100644
--- a/src/routes/corporate-lobbying-tracker/+page.svelte
+++ b/src/routes/corporate-lobbying-tracker/+page.svelte
@@ -4,7 +4,8 @@
     import InfiniteLoading from '$lib/components/InfiniteLoading.svelte';
     import { onMount } from 'svelte';
     //import UpgradeToPro from '$lib/components/UpgradeToPro.svelte';
-  
+    import ArrowLogo from "lucide-svelte/icons/move-up-right";
+
     
       export let data;
       let cloudFrontUrl = import.meta.env.VITE_IMAGE_URL;
@@ -47,17 +48,7 @@
       isLoaded = true;
     })
     
-    
-    let charNumber = 40;
-    $: {
-      if ($screenWidth < 640)
-      {
-        charNumber = 15;
-      }
-      else {
-        charNumber = 40;
-      }
-    }
+  
     
 function changeOrder(state:string) {
   if (state === 'highToLow')
@@ -73,54 +64,55 @@ function changeOrder(state:string) {
 }
 
 
+$: charNumber = $screenWidth < 640 ? 15 : 40;
 
 
-    </script>
-    
-    <svelte:head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width" />
-    <title>
-        {$numberOfUnreadNotification > 0 ? `(${$numberOfUnreadNotification})` : ''} Latest Lobbiyng Disclosure Tracker · stocknear
-    </title>
-    <meta name="description" content={`Track the latest senate lobbying spending of US companies.`} />
-    
-    <!-- Other meta tags -->
-    <meta property="og:title" content={`Latest Lobbiyng Disclosure Tracker · stocknear`}/>
-    <meta property="og:description" content={`Track the latest senate lobbying spending of US companies.`} />
-    <meta property="og:type" content="website"/>
-    <!-- Add more Open Graph meta tags as needed -->
-    
-    <!-- Twitter specific meta tags -->
-    <meta name="twitter:card" content="summary_large_image"/>
-    <meta name="twitter:title" content={`Latest Lobbiyng Disclosure Tracker · stocknear`}/>
-    <meta name="twitter:description" content={`Track the latest senate lobbying spending of US companies.`} />
-    <!-- Add more Twitter meta tags as needed -->
-    
-    </svelte:head>
+  </script>
+  
+  <svelte:head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width" />
+  <title>
+      {$numberOfUnreadNotification > 0 ? `(${$numberOfUnreadNotification})` : ''} Latest Lobbiyng Disclosure Tracker · stocknear
+  </title>
+  <meta name="description" content={`Track the latest senate lobbying spending of US companies.`} />
+  
+  <!-- Other meta tags -->
+  <meta property="og:title" content={`Latest Lobbiyng Disclosure Tracker · stocknear`}/>
+  <meta property="og:description" content={`Track the latest senate lobbying spending of US companies.`} />
+  <meta property="og:type" content="website"/>
+  <!-- Add more Open Graph meta tags as needed -->
+  
+  <!-- Twitter specific meta tags -->
+  <meta name="twitter:card" content="summary_large_image"/>
+  <meta name="twitter:title" content={`Latest Lobbiyng Disclosure Tracker · stocknear`}/>
+  <meta name="twitter:description" content={`Track the latest senate lobbying spending of US companies.`} />
+  <!-- Add more Twitter meta tags as needed -->
+  
+  </svelte:head>
     
         
     
-    <section class="w-full max-w-3xl sm:max-w-screen-xl overflow-hidden min-h-screen pt-5 pb-40">
+  <section class="w-full max-w-3xl sm:max-w-screen-2xl overflow-hidden min-h-screen pt-5 pb-40 lg:px-3">
           
+    <div class="text-sm sm:text-[1rem] breadcrumbs ml-4">
+      <ul>
+        <li><a href="/" class="text-gray-300">Home</a></li>
+        <li class="text-gray-300">Corporate Lobbying Tracker</li>
+      </ul>
+    </div>
+            
+    <div class="w-full overflow-hidden m-auto mt-5">
+      
+      <div class="sm:p-0 flex justify-center w-full m-auto overflow-hidden ">
+          <div class="relative flex justify-center items-start overflow-hidden w-full">
 
-              
-      <div class="w-full overflow-hidden m-auto">
-        
-        
-        <div class="sm:p-0 flex justify-center m-auto w-full overflow-hidden ">
-            <div class="relative flex justify-center m-auto items-center overflow-hidden w-full">
-                <main class="w-full">
-                  
-                  <div class="text-sm sm:text-[1rem] breadcrumbs ml-4">
-                    <ul>
-                      <li><a href="/" class="text-gray-300">Home</a></li>
-                      <li class="text-gray-300">Corporate Lobbying Tracker</li>
-                    </ul>
-                  </div>
-                  
-                  <div class="w-full sm:bg-[#27272A] sm:border sm:border-gray-800 sm:rounded-lg h-auto pt-5 sm:pb-10 sm:pt-10 mt-3 mb-8">
-                    <div class="grid grid-cols-1 sm:grid-cols-2 gap-10">
+
+              <main class="w-full lg:w-3/4 lg:pr-5">
+               
+                <div class="w-full  m-auto sm:bg-[#27272A] sm:rounded-xl h-auto pl-10 pr-10 pt-5 sm:pb-10 sm:pt-10 mt-3 mb-8">
+                  <div class="grid grid-cols-1 sm:grid-cols-2 gap-10">
+                
                   
                       <!-- Start Column -->
                       <div>
@@ -255,17 +247,65 @@ function changeOrder(state:string) {
                   {/if}
 
                   
-                </main>
+              </main>
 
 
-            </div>
+              <aside class="hidden lg:block relative fixed w-1/4 ml-4">        
+              
+                {#if data?.user?.tier !== 'Pro' || data?.user?.freeTrial}
+                <div on:click={() => goto('/pricing')} class="w-full bg-[#141417] duration-100 ease-out sm:hover:text-white text-gray-400 sm:hover:border-gray-700 border border-gray-800 rounded-lg h-fit pb-4 mt-4 cursor-pointer">
+                    <div class="w-auto lg:w-full p-1 flex flex-col m-auto px-2 sm:px-0">
+                        <div class="w-full flex justify-between items-center p-3 mt-3">
+                        <h2 class="text-start text-xl font-semibold text-white ml-3">
+                        Pro Subscription
+                        </h2>
+                        <ArrowLogo class="w-8 h-8 mr-3 flex-shrink-0"/>
+                        </div>
+                        <span class="text-white p-3 ml-3 mr-3">
+                            Upgrade now for unlimited access to all data and tools.
+                        </span>
+                    </div>
+                </div>
+                {/if}
+
+                <div on:click={() => goto('/analysts')} class="w-full bg-[#141417] duration-100 ease-out sm:hover:text-white text-gray-400 sm:hover:border-gray-700 border border-gray-800 rounded-lg h-fit pb-4 mt-4 cursor-pointer">
+                    <div class="w-auto lg:w-full p-1 flex flex-col m-auto px-2 sm:px-0">
+                        <div class="w-full flex justify-between items-center p-3 mt-3">
+                        <h2 class="text-start text-xl font-semibold text-white ml-3">
+                        Wallstreet Analyst
+                        </h2>
+                        <ArrowLogo class="w-8 h-8 mr-3 flex-shrink-0"/>
+                        </div>
+                        <span class="text-white p-3 ml-3 mr-3">
+                            Get the latest top Wall Street analyst ratings.
+                        </span>
+                    </div>
+                </div>
+
+                <div on:click={() => goto('/politicians')} class="w-full bg-[#141417] duration-100 ease-out sm:hover:text-white text-gray-400 sm:hover:border-gray-700 border border-gray-800 rounded-lg h-fit pb-4 mt-4 cursor-pointer">
+                    <div class="w-auto lg:w-full p-1 flex flex-col m-auto px-2 sm:px-0">
+                        <div class="w-full flex justify-between items-center p-3 mt-3">
+                        <h2 class="text-start text-xl font-semibold text-white ml-3">
+                        Congress Trading
+                        </h2>
+                        <ArrowLogo class="w-8 h-8 mr-3 flex-shrink-0"/>
+                        </div>
+                        <span class="text-white p-3 ml-3 mr-3">
+                            Get the latest top Congress trading insights.
+                        </span>
+                    </div>
+                </div>
+
+              </aside>
+
         </div>
-    
-      
       </div>
-          
-          
-      
-    </section>
+  
     
+    </div>
+        
+        
+    
+  </section>
+      
     
\ No newline at end of file
diff --git a/src/routes/economic-calendar/+page.svelte b/src/routes/economic-calendar/+page.svelte
index 3e86cd52..df396403 100644
--- a/src/routes/economic-calendar/+page.svelte
+++ b/src/routes/economic-calendar/+page.svelte
@@ -2,9 +2,9 @@
   import { format, startOfWeek, addDays, addWeeks, subWeeks, differenceInWeeks } from 'date-fns';
   import { screenWidth, numberOfUnreadNotification } from '$lib/store';
   import logo from '$lib/images/transcripts_logo.png';
-  import ScrollToTop from '$lib/components/ScrollToTop.svelte';
   import { listOfCountries } from '$lib/utils';
-  
+  import ArrowLogo from "lucide-svelte/icons/move-up-right";
+
   export let data;
   let rawData;
   let filterList = [];
@@ -119,59 +119,72 @@
       
       
       
-  <section class="w-full max-w-3xl sm:max-w-screen-xl overflow-hidden min-h-screen pt-5 pb-40">
-        
-      
-
-          <div class="w-full m-auto sm:bg-[#27272A] sm:rounded-xl h-auto sm:p-10 mt-10 sm:mt-3 mb-8">
-            <div class="grid grid-cols-1 sm:grid-cols-2">
-          
-              <!-- Start Column -->
-              <div>
-                <div class="flex flex-row justify-center items-center">
-                  <h1 class="text-3xl sm:text-4xl text-white text-center font-bold mb-5">
-                    Economic Calendar
-                  </h1>
-                </div>
-      
-                <span class="hidden sm:block text-white text-md font-medium text-center flex justify-center items-center ">
-                  Stay updated on upcoming Economic Events worldwide.
-                </span>
+  <section class="w-full max-w-3xl sm:max-w-screen-2xl overflow-hidden min-h-screen pt-5 pb-40">
+  
     
-      
-              </div>
-              <!-- End Column -->
+    <div class="text-sm sm:text-[1rem] breadcrumbs ml-4">
+      <ul>
+        <li><a href="/" class="text-gray-300">Home</a></li> 
+        <li class="text-gray-300">Economic Calendar</li>
+      </ul>
+    </div>
+    
+    <div class="w-full overflow-hidden m-auto mt-5">
+        
+      <div class="sm:p-0 flex justify-center w-full m-auto overflow-hidden ">
+          <div class="relative flex justify-center items-start overflow-hidden w-full">
+              
+            
+            <main class="w-full lg:w-3/4 lg:pr-5">
           
-              <!-- Start Column -->
-              <div class="hidden sm:block relative m-auto mt-7 sm:mb-0 sm:mt-0">
-                <svg class="w-32 sm:w-36 -my-5" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
-                  <defs>
-                    <filter id="glow">
-                      <feGaussianBlur stdDeviation="5" result="glow"/>
-                      <feMerge>
-                        <feMergeNode in="glow"/>
-                        <feMergeNode in="SourceGraphic"/>
-                      </feMerge>
-                    </filter>
-                  </defs>
-                  <path fill="#1E40AF" d="M57.6,-58.7C72.7,-42.6,81.5,-21.3,82,0.5C82.5,22.3,74.7,44.6,59.7,60.1C44.6,75.6,22.3,84.3,0,84.3C-22.3,84.2,-44.6,75.5,-61.1,60.1C-77.6,44.6,-88.3,22.3,-87.6,0.7C-86.9,-20.8,-74.7,-41.6,-58.2,-57.7C-41.6,-73.8,-20.8,-85.2,0.2,-85.4C21.3,-85.6,42.6,-74.7,57.6,-58.7Z" transform="translate(100 100)" filter="url(#glow)" />
-                </svg>
-                
-                
-                <div class="z-1 absolute top-2">
-                  <img class="w-24 ml-6" src={logo} alt="logo" loading="lazy">
+              <div class="w-full m-auto sm:bg-[#27272A] sm:rounded-xl h-auto pl-10 pr-10 pt-5 sm:pb-10 sm:pt-10 mt-3 mb-8">
+                <div class="grid grid-cols-1 sm:grid-cols-2 gap-10">
+              
+                  <!-- Start Column -->
+                  <div>
+                    <div class="flex flex-row justify-center items-center">
+                      <h1 class="text-3xl sm:text-4xl text-white text-center font-bold mb-5">
+                        Economic Calendar
+                      </h1>
+                    </div>
+          
+                    <span class="hidden sm:block text-white text-md font-medium text-center flex justify-center items-center ">
+                      Stay updated on upcoming Economic Events worldwide.
+                    </span>
+          
+          
+                  </div>
+                  <!-- End Column -->
+              
+                  <!-- Start Column -->
+                  <div class="hidden sm:block relative m-auto mb-5 mt-5 sm:mb-0 sm:mt-0">
+                    <svg class="w-36 -my-5" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+                      <defs>
+                        <filter id="glow">
+                          <feGaussianBlur stdDeviation="5" result="glow"/>
+                          <feMerge>
+                            <feMergeNode in="glow"/>
+                            <feMergeNode in="SourceGraphic"/>
+                          </feMerge>
+                        </filter>
+                      </defs>
+                      <path fill="#1E40AF" d="M57.6,-58.7C72.7,-42.6,81.5,-21.3,82,0.5C82.5,22.3,74.7,44.6,59.7,60.1C44.6,75.6,22.3,84.3,0,84.3C-22.3,84.2,-44.6,75.5,-61.1,60.1C-77.6,44.6,-88.3,22.3,-87.6,0.7C-86.9,-20.8,-74.7,-41.6,-58.2,-57.7C-41.6,-73.8,-20.8,-85.2,0.2,-85.4C21.3,-85.6,42.6,-74.7,57.6,-58.7Z" transform="translate(100 100)" filter="url(#glow)" />
+                    </svg>
+                    
+                    
+                    <div class="z-1 absolute top-0">
+                      <img class="w-20 ml-5" src={logo} alt="logo" loading="lazy">
+                    </div>
+                  </div>
+                  <!-- End Column -->
                 </div>
-              </div>
-              <!-- End Column -->
-            </div>
-      
-           
-      
-      
-          </div>
           
-            <!-- Page wrapper -->
-            <div class="flex justify-center w-full m-auto h-full overflow-hidden">
+            
+              </div>
+              
+                <!-- Page wrapper -->
+                <div class="flex justify-center w-full m-auto h-full overflow-hidden">
+    
         
     
                 <!-- Content area -->
@@ -212,7 +225,7 @@
 
 <div class="flex flex-row items-center w-fit ml-auto mt-6 mb-2 mr-3 sm:mr-0">
 {#if filterList?.length !== 0}
-<label on:click={() => filterList = [] } class="mr-3 text-sm cursor-pointer bg-[#27272A] sm:hover:bg-[#27272A] duratiion-100 transition ease-in-out px-4 py-2 rounded-lg shadow-lg ml-auto">
+<label on:click={() => filterList = [] } class="mr-3 text-sm cursor-pointer bg-[#27272A] sm:hover:bg-[#27272A] text-white duration-100 transition ease-in-out px-4 py-2 rounded-lg shadow-lg ml-auto">
   <svg xmlns="http://www.w3.org/2000/svg" class="inline-block w-4 h-4" viewBox="0 0 21 21"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M3.578 6.487A8 8 0 1 1 2.5 10.5"/><path d="M7.5 6.5h-4v-4"/></g></svg>
       Reset All
 </label>
@@ -228,47 +241,49 @@
   
   <!-- Dropdown menu -->
   
-  <ul tabindex="0" class="z-30 dropdown-content p-2 shadow bg-[#1D232A] rounded w-60 h-72 oveflow-hidden overflow-y-scroll">
+    <ul tabindex="0" class="z-30 dropdown-content p-2 shadow bg-[#1D232A] rounded w-60 h-72 oveflow-hidden overflow-y-scroll">
 
-    <div class="mb-3 mt-1 ml-1">
-      <span class="text-white text-sm mb-2">
-        Popular
-      </span>
-      <hr class="mt-2 mb-2 border-gray-500"/>
-      {#each ['United States','Russia','China','UK','EU'] as item}
-    <li>
-      <label on:click|stopPropagation={(event) => handleFilter(event, item)} class="flex items-center ps-2 rounded">
-        <input checked={filterList?.includes(item)} type="checkbox" class="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 focus:ring-2">
-        <label class="w-full py-2 ms-2 text-sm font-medium text-white rounded cursor-pointer">
-          {item}
-        </label>
-      </label>
-    </li>
-    {/each}
-    </div>
-    <div>
-      <span class="text-white text-sm mb-2 ml-1">
-       All Countries
-      </span>
-      <hr class="mt-2 mb-2 border-gray-500"/>
-    </div>
-    {#each listOfCountries as item}
-    <li>
-      <div on:click|stopPropagation={(event) => handleFilter(event, item)} class="flex items-center ps-2 rounded">
-        <input type="checkbox" checked={filterList?.includes(item)} class="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 focus:ring-2">
-        <label class="w-full py-2 ms-2 text-sm font-medium text-white rounded cursor-pointer">
-          {item}
+      <div class="mb-3 mt-1 ml-1">
+        <span class="text-white text-sm mb-2">
+          Popular
+        </span>
+        <hr class="mt-2 mb-2 border-gray-500"/>
+        {#each ['United States','Russia','China','UK','EU'] as item}
+      <li>
+        <label on:click|stopPropagation={(event) => handleFilter(event, item)} class="flex items-center ps-2 rounded">
+          <input checked={filterList?.includes(item)} type="checkbox" class="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 focus:ring-2">
+          <label class="w-full py-2 ms-2 text-sm font-medium text-white rounded cursor-pointer">
+            {item}
+          </label>
         </label>
+      </li>
+      {/each}
       </div>
-    </li>
-    {/each}
-  </ul>
+      <div>
+        <span class="text-white text-sm mb-2 ml-1">
+        All Countries
+        </span>
+        <hr class="mt-2 mb-2 border-gray-500"/>
+      </div>
+      {#each listOfCountries as item}
+      <li>
+        <div on:click|stopPropagation={(event) => handleFilter(event, item)} class="flex items-center ps-2 rounded">
+          <input type="checkbox" checked={filterList?.includes(item)} class="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 focus:ring-2">
+          <label class="w-full py-2 ms-2 text-sm font-medium text-white rounded cursor-pointer">
+            {item}
+          </label>
+        </div>
+      </li>
+      {/each}
+    </ul>
+
+
 </div>
   
 </div>
 
 
-  <body class="z-0 mb-40">
+  <div class="z-0 mb-40">
         {#each (filterList?.length === 0 ? weekday : weekdayFiltered) as day,index}
                   {#if index === selectedWeekday}
                     {#if day?.length !== 0}
@@ -350,7 +365,64 @@
                     {/if}
         {/each}
         
-  </body>
+</div>
+
+</div>
+
+              </div>
+        
+      </main>
+
+      <aside class="hidden lg:block relative fixed w-1/4 ml-4">        
+              
+        {#if data?.user?.tier !== 'Pro' || data?.user?.freeTrial}
+        <div on:click={() => goto('/pricing')} class="w-full bg-[#141417] duration-100 ease-out sm:hover:text-white text-gray-400 sm:hover:border-gray-700 border border-gray-800 rounded-lg h-fit pb-4 mt-4 cursor-pointer">
+            <div class="w-auto lg:w-full p-1 flex flex-col m-auto px-2 sm:px-0">
+                <div class="w-full flex justify-between items-center p-3 mt-3">
+                <h2 class="text-start text-xl font-semibold text-white ml-3">
+                Pro Subscription
+                </h2>
+                <ArrowLogo class="w-8 h-8 mr-3 flex-shrink-0"/>
+                </div>
+                <span class="text-white p-3 ml-3 mr-3">
+                    Upgrade now for unlimited access to all data and tools.
+                </span>
+            </div>
+        </div>
+        {/if}
+
+        <div on:click={() => goto('/analysts')} class="w-full bg-[#141417] duration-100 ease-out sm:hover:text-white text-gray-400 sm:hover:border-gray-700 border border-gray-800 rounded-lg h-fit pb-4 mt-4 cursor-pointer">
+            <div class="w-auto lg:w-full p-1 flex flex-col m-auto px-2 sm:px-0">
+                <div class="w-full flex justify-between items-center p-3 mt-3">
+                <h2 class="text-start text-xl font-semibold text-white ml-3">
+                Wallstreet Analyst
+                </h2>
+                <ArrowLogo class="w-8 h-8 mr-3 flex-shrink-0"/>
+                </div>
+                <span class="text-white p-3 ml-3 mr-3">
+                    Get the latest top Wall Street analyst ratings.
+                </span>
+            </div>
+        </div>
+
+        <div on:click={() => goto('/politicians')} class="w-full bg-[#141417] duration-100 ease-out sm:hover:text-white text-gray-400 sm:hover:border-gray-700 border border-gray-800 rounded-lg h-fit pb-4 mt-4 cursor-pointer">
+            <div class="w-auto lg:w-full p-1 flex flex-col m-auto px-2 sm:px-0">
+                <div class="w-full flex justify-between items-center p-3 mt-3">
+                <h2 class="text-start text-xl font-semibold text-white ml-3">
+                Congress Trading
+                </h2>
+                <ArrowLogo class="w-8 h-8 mr-3 flex-shrink-0"/>
+                </div>
+                <span class="text-white p-3 ml-3 mr-3">
+                    Get the latest top Congress trading insights.
+                </span>
+            </div>
+        </div>
+
+      </aside>
+
+    </div>
+</div>
 
 </section>
         
diff --git a/src/routes/ipos/+layout.svelte b/src/routes/ipos/+layout.svelte
index 4477e9ba..84fdba7e 100644
--- a/src/routes/ipos/+layout.svelte
+++ b/src/routes/ipos/+layout.svelte
@@ -1,8 +1,10 @@
 <script lang='ts'>
 import { page } from '$app/stores';
 import { numberOfUnreadNotification, screenWidth } from '$lib/store';
-import { goto } from '$app/navigation';
-      
+import ArrowLogo from "lucide-svelte/icons/move-up-right";
+
+export let data;
+
 let navigation = [];
 let displaySection = '2024'
 let cloudFrontUrl = import.meta.env.VITE_IMAGE_URL;
@@ -73,7 +75,7 @@ $: {
     
     
     
-<section class="w-full max-w-3xl sm:max-w-screen-xl overflow-hidden min-h-screen pt-5 pb-40">
+<section class="w-full max-w-3xl sm:max-w-screen-2xl overflow-hidden min-h-screen pt-5 pb-40">
   <!--
       <div class="text-sm breadcrumbs ml-4">
         <ul>
@@ -83,9 +85,13 @@ $: {
       </div>
     -->
     
-        <div class="flex justify-center w-full m-auto h-full overflow-hidden mb-40">
-            <div class="w-full relative flex justify-center items-center overflow-hidden">
-                <main class="w-full">
+    <div class="w-full overflow-hidden m-auto mt-5">
+        
+      <div class="sm:p-0 flex justify-center w-full m-auto overflow-hidden ">
+          <div class="relative flex justify-center items-start overflow-hidden w-full">
+              
+            
+            <main class="w-full lg:w-3/4 lg:pr-5">
       
       
                   <div class="w-full m-auto sm:bg-[#27272A] sm:rounded-lg h-auto pl-10 pr-10 pt-5 sm:pb-10 sm:pt-10 mt-3 mb-12">
@@ -138,7 +144,7 @@ $: {
       
                   <div class="sm:ml-4 w-screen sm:w-full  {$page?.url?.pathname === '/ipos' ? 'hidden' : ''} {$screenWidth < 640 ? 'overflow-auto scrollbar' : ''} mb-2" >
                     <ul class="pr-4 sm:pr-0 w-screen font-medium flex flex-row items-center bg-[#09090B] overflow-x-scroll no-scrollbar space-x-3 rtl:space-x-reverse py-2">
-                      {#each ['2024','2022','2021','2020','2019'] as item, index}
+                      {#each ['2024','2023','2022','2021','2020','2019'] as item, index}
                       <li class="cursor-pointer flex flex-col items-center">
                         <a href={`/ipos/${item}`} id="item1" on:click={() => (changeSection(item,'item1'))} class="px-3 text-lg font-medium text-gray-400 sm:hover:text-white {displaySection === item ? 'text-white ' : 'bg-[#09090B]'}" >
                           {item}
@@ -159,6 +165,57 @@ $: {
                     <slot />
                     
                 </main>
+
+                <aside class="hidden lg:block relative fixed w-1/4 ml-4">        
+              
+                  {#if data?.user?.tier !== 'Pro' || data?.user?.freeTrial}
+                  <div on:click={() => goto('/pricing')} class="w-full bg-[#141417] duration-100 ease-out sm:hover:text-white text-gray-400 sm:hover:border-gray-700 border border-gray-800 rounded-lg h-fit pb-4 mt-4 cursor-pointer">
+                      <div class="w-auto lg:w-full p-1 flex flex-col m-auto px-2 sm:px-0">
+                          <div class="w-full flex justify-between items-center p-3 mt-3">
+                          <h2 class="text-start text-xl font-semibold text-white ml-3">
+                          Pro Subscription
+                          </h2>
+                          <ArrowLogo class="w-8 h-8 mr-3 flex-shrink-0"/>
+                          </div>
+                          <span class="text-white p-3 ml-3 mr-3">
+                              Upgrade now for unlimited access to all data and tools.
+                          </span>
+                      </div>
+                  </div>
+                  {/if}
+      
+                  <div on:click={() => goto('/analysts')} class="w-full bg-[#141417] duration-100 ease-out sm:hover:text-white text-gray-400 sm:hover:border-gray-700 border border-gray-800 rounded-lg h-fit pb-4 mt-4 cursor-pointer">
+                      <div class="w-auto lg:w-full p-1 flex flex-col m-auto px-2 sm:px-0">
+                          <div class="w-full flex justify-between items-center p-3 mt-3">
+                          <h2 class="text-start text-xl font-semibold text-white ml-3">
+                          Wallstreet Analyst
+                          </h2>
+                          <ArrowLogo class="w-8 h-8 mr-3 flex-shrink-0"/>
+                          </div>
+                          <span class="text-white p-3 ml-3 mr-3">
+                              Get the latest top Wall Street analyst ratings.
+                          </span>
+                      </div>
+                  </div>
+      
+                  <div on:click={() => goto('/politicians')} class="w-full bg-[#141417] duration-100 ease-out sm:hover:text-white text-gray-400 sm:hover:border-gray-700 border border-gray-800 rounded-lg h-fit pb-4 mt-4 cursor-pointer">
+                      <div class="w-auto lg:w-full p-1 flex flex-col m-auto px-2 sm:px-0">
+                          <div class="w-full flex justify-between items-center p-3 mt-3">
+                          <h2 class="text-start text-xl font-semibold text-white ml-3">
+                          Congress Trading
+                          </h2>
+                          <ArrowLogo class="w-8 h-8 mr-3 flex-shrink-0"/>
+                          </div>
+                          <span class="text-white p-3 ml-3 mr-3">
+                              Get the latest top Congress trading insights.
+                          </span>
+                      </div>
+                  </div>
+      
+                </aside>
+
+
+                </div>
     
             </div>
         </div>
diff --git a/src/routes/ipos/[slug]/+page.svelte b/src/routes/ipos/[slug]/+page.svelte
index f391fe70..5e854f3c 100644
--- a/src/routes/ipos/[slug]/+page.svelte
+++ b/src/routes/ipos/[slug]/+page.svelte
@@ -2,7 +2,6 @@
 import { goto } from '$app/navigation';
 import {formatString, abbreviateNumber} from '$lib/utils';
 import { screenWidth } from '$lib/store';
-import ScrollToTop from '$lib/components/ScrollToTop.svelte';
 
 import InfiniteLoading from '$lib/components/InfiniteLoading.svelte';
 
@@ -114,7 +113,7 @@ $: {
   </div>
 
   <div class="mr-auto flex flex-col jusitfy-start items-start ml-2 mb-5 mt-5">
-    <div class="text-white text-md font-medium mr-2">
+    <div class="text-white text-sm sm:text-[1rem] font-medium mr-2">
       Select Time period
     </div>
       <div class="relative mt-4">
@@ -156,12 +155,12 @@ $: {
         <tr on:click={() => goto("/stocks/"+item?.symbol)} class="sm:hover:bg-[#245073] sm:hover:bg-opacity-[0.2] odd:bg-[#27272A] border-b-[#09090B] shake-ticker cursor-pointer">
           
 
-          <td class="text-white text-sm text-start border-b-[#09090B] whitespace-nowrap">
+          <td class="text-white text-sm sm:text-[1rem] whitespace-nowrap text-start border-b-[#09090B] whitespace-nowrap">
             {new Date(item?.date)?.toLocaleString('en-US', { month: 'short', day: 'numeric', year: 'numeric', daySuffix: '2-digit' })}
           </td>
 
 
-          <td class="text-blue-400 text-sm text-start border-b-[#09090B] whitespace-nowrap">
+          <td class="text-blue-400 text-sm sm:text-[1rem] whitespace-nowrap text-start border-b-[#09090B] whitespace-nowrap">
             {item?.symbol}
           </td>
 
@@ -170,7 +169,7 @@ $: {
           </td>
         
         
-          <td class="text-white text-sm border-b-[#09090B] text-end">
+          <td class="text-white text-sm sm:text-[1rem] whitespace-nowrap border-b-[#09090B] text-end">
             {item?.ipoPrice !== null ? '$'+item?.ipoPrice : '-'}
           </td>
 
@@ -182,11 +181,11 @@ $: {
 
         <td class="text-white border-b-[#09090B] text-end flex flex-row items-center justify-end font-semibold">
           {#if item?.return >=0 && item?.return !== null}
-            <span class="inline-block text-[#10DB06] text-sm">{abbreviateNumber(item?.return)}%</span>
+            <span class="inline-block text-[#10DB06] text-sm sm:text-[1rem] whitespace-nowrap">{abbreviateNumber(item?.return)}%</span>
           {:else if item?.return < 0 && item?.return !== null}
-            <span class="inline-block text-[#FF2F1F] text-sm">{abbreviateNumber(item?.return)}% </span> 
+            <span class="inline-block text-[#FF2F1F] text-sm sm:text-[1rem] whitespace-nowrap">{abbreviateNumber(item?.return)}% </span> 
           {:else}
-            <span class="inline-block text-white text-sm">
+            <span class="inline-block text-white text-sm sm:text-[1rem] whitespace-nowrap">
               -
             </span> 
           {/if}