diff --git a/src/routes/stocks/[tickerID]/+layout.svelte b/src/routes/stocks/[tickerID]/+layout.svelte
index 206f2e0a..280bdf8d 100644
--- a/src/routes/stocks/[tickerID]/+layout.svelte
+++ b/src/routes/stocks/[tickerID]/+layout.svelte
@@ -113,7 +113,7 @@ function handleTypeOfTrade(state:string)
       insider: "/insider",
       options: "/options",
       dividends: "/dividends",
-      fundamental: "/stats",
+      stats: "/stats",
       forecast: "/forecast",
       news: "/news",
     };
@@ -333,8 +333,9 @@ function handleTypeOfTrade(state:string)
     if ($page.url.pathname) {
       const parts = $page?.url?.pathname?.split("/");
       const sectionMap = {
-        stats: "fundamental",
+        stats: "stats",
         options: "options",
+        metrics: "metrics",
         insider: "insider",
         dividends: "dividends",
         forecast: "forecast",
@@ -763,7 +764,7 @@ function handleTypeOfTrade(state:string)
                     <div
                       class="-ml-2 sm:ml-4 w-screen sm:w-full {$screenWidth <
                       640
-                        ? 'overflow-auto scrollbar'
+                        ? 'overflow-auto scrollbar '
                         : ''} mb-2"
                     >
                       <ul
@@ -784,26 +785,44 @@ function handleTypeOfTrade(state:string)
                           <div
                             class="{displaySection === 'overview'
                               ? 'bg-[#75D377]'
-                              : 'bg-[#09090B]'} mt-1 h-[3px] rounded-full w-[4.2rem]"
+                              : 'bg-[#09090B]'} mt-1 h-[3px] rounded-full w-[3.5rem]"
                           />
                         </li>
                         <li class="cursor-pointer flex flex-col items-center">
                           <a
                             href={`/stocks/${$stockTicker}/stats`}
                             id="item2"
-                            on:click={() =>
-                              changeSection("fundamental", "item2")}
+                            on:click={() => changeSection("stats", "item2")}
                             class="px-3 text-sm sm:text-[1rem] font-medium text-gray-400 sm:hover:text-white {displaySection ===
-                            'fundamental'
+                            'stats'
                               ? 'text-white '
-                              : 'bg-[#09090B]'}">Fundamental</a
+                              : 'bg-[#09090B]'}">Stats</a
                           >
                           <div
-                            class="{displaySection === 'fundamental'
+                            class="{displaySection === 'stats'
                               ? 'bg-[#75D377]'
-                              : 'bg-[#09090B]'} mt-1 h-[3px] rounded-full w-[2.8rem]"
+                              : 'bg-[#09090B]'} mt-1 h-[3px] rounded-full w-[2rem]"
                           />
                         </li>
+                        {#if $stockTicker?.toLowerCase() === "nvda"}
+                          <li class="cursor-pointer flex flex-col items-center">
+                            <a
+                              href={`/stocks/${$stockTicker}/metrics`}
+                              id="item2"
+                              on:click={() => changeSection("metrics", "item6")}
+                              class="px-3 text-sm sm:text-[1rem] font-medium text-gray-400 sm:hover:text-white {displaySection ===
+                              'metrics'
+                                ? 'text-white '
+                                : 'bg-[#09090B]'}">Metrics</a
+                            >
+
+                            <div
+                              class="{displaySection === 'metrics'
+                                ? 'bg-[#75D377]'
+                                : 'bg-[#09090B]'} mt-1 h-[3px] rounded-full w-[2.8rem]"
+                            />
+                          </li>
+                        {/if}
                         <li class="cursor-pointer flex flex-col items-center">
                           <a
                             href={`/stocks/${$stockTicker}/forecast`}
@@ -819,7 +838,7 @@ function handleTypeOfTrade(state:string)
                           <div
                             class="{displaySection === 'forecast'
                               ? 'bg-[#75D377]'
-                              : 'bg-[#09090B]'} mt-1 h-[3px] rounded-full w-[3.5rem]"
+                              : 'bg-[#09090B]'} mt-1 h-[3px] rounded-full w-[2.5rem]"
                           />
                         </li>
                         <li class="cursor-pointer flex flex-col items-center">
@@ -837,7 +856,7 @@ function handleTypeOfTrade(state:string)
                           <div
                             class="{displaySection === 'options'
                               ? 'bg-[#75D377]'
-                              : 'bg-[#09090B]'} mt-1 h-[3px] rounded-full w-[3.5rem]"
+                              : 'bg-[#09090B]'} mt-1 h-[3px] rounded-full w-[2.5rem]"
                           />
                         </li>
                         <li class="cursor-pointer flex flex-col items-center">
@@ -855,7 +874,7 @@ function handleTypeOfTrade(state:string)
                           <div
                             class="{displaySection === 'insider'
                               ? 'bg-[#75D377]'
-                              : 'bg-[#09090B]'} mt-1 h-[3px] rounded-full w-[3.5rem]"
+                              : 'bg-[#09090B]'} mt-1 h-[3px] rounded-full w-[2.5rem]"
                           />
                         </li>
                         <li class="cursor-pointer flex flex-col items-center">
@@ -873,7 +892,7 @@ function handleTypeOfTrade(state:string)
                           <div
                             class="{displaySection === 'dividends'
                               ? 'bg-[#75D377]'
-                              : 'bg-[#09090B]'} mt-1 h-[3px] rounded-full w-[4rem]"
+                              : 'bg-[#09090B]'} mt-1 h-[3px] rounded-full w-[2.5rem]"
                           />
                         </li>
                         <li class="cursor-pointer flex flex-col items-center">
@@ -891,7 +910,7 @@ function handleTypeOfTrade(state:string)
                           <div
                             class="{displaySection === 'news'
                               ? 'bg-[#75D377]'
-                              : 'bg-[#09090B]'} mt-1 h-[3px] rounded-full w-[2.8rem]"
+                              : 'bg-[#09090B]'} mt-1 h-[3px] rounded-full w-[2rem]"
                           />
                         </li>
                       </ul>
diff --git a/src/routes/stocks/[tickerID]/metrics/+page.server.ts b/src/routes/stocks/[tickerID]/metrics/+page.server.ts
new file mode 100644
index 00000000..0762cadb
--- /dev/null
+++ b/src/routes/stocks/[tickerID]/metrics/+page.server.ts
@@ -0,0 +1,28 @@
+export const load = async ({ locals, params }) => {
+  const getAnalystEstimate = async () => {
+    const { apiURL, apiKey } = locals;
+
+    const postData = {
+      ticker: params.tickerID,
+    };
+
+    // make the POST request to the endpoint
+    const response = await fetch(apiURL + "/analyst-estimate", {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        "X-API-KEY": apiKey,
+      },
+      body: JSON.stringify(postData),
+    });
+
+    const output = await response.json();
+
+    return output;
+  };
+
+  // Make sure to return a promise
+  return {
+    getAnalystEstimate: await getAnalystEstimate(),
+  };
+};
diff --git a/src/routes/stocks/[tickerID]/metrics/+page.svelte b/src/routes/stocks/[tickerID]/metrics/+page.svelte
new file mode 100644
index 00000000..38e87b4f
--- /dev/null
+++ b/src/routes/stocks/[tickerID]/metrics/+page.svelte
@@ -0,0 +1,89 @@
+<script lang="ts">
+  import { numberOfUnreadNotification, displayCompanyName, stockTicker } from "$lib/store";
+  import { abbreviateNumber } from "$lib/utils";
+
+  export let data;
+  const dataset = [{'date': '2024-06-30', 'value': [26272000000, 2880000000, 454000000, 346000000, 88000000], 'valueGrowth': [16.44, 8.8, 6.32, 5.17, 12.82]}, {'date': '2024-03-31', 'value': [22563000000, 2647000000, 427000000, 329000000, 78000000], 'valueGrowth': [55.46, -7.32, 2.64, 26.05, 6.85]}, {'date': '2023-09-30', 'value': [14514000000, 2856000000, 416000000, 261000000, 73000000], 'valueGrowth': [40.6, 14.88, 9.76, 3.16, 10.61]}, {'date': '2023-06-30', 'value': [10323000000, 2486000000, 379000000, 253000000, 66000000], 'valueGrowth': [324.81, -41.97, -83.08, -14.24, -77.7]}, {'date': '2022-09-30', 'value': [3833000000, 1574000000, 200000000, 251000000, 73000000], 'valueGrowth': [0.71, -22.92, -59.68, 14.09, -47.86]}, {'date': '2022-06-30', 'value': [3806000000, 2042000000, 496000000, 220000000, 140000000], 'valueGrowth': [1.49, -43.59, -20.26, 59.42, -11.39]}, {'date': '2022-03-31', 'value': [3750000000, 3620000000, 622000000, 138000000, 158000000], 'valueGrowth': [27.72, 12.39, 7.8, 2.22, -32.48]}, {'date': '2021-09-30', 'value': [2936000000, 3221000000, 577000000, 135000000, 234000000], 'valueGrowth': [24.09, 5.23, 11.18, -11.18, -42.79]}, {'date': '2021-06-30', 'value': [2366000000, 3061000000, 519000000, 152000000, 409000000], 'valueGrowth': [15.53, 10.91, 39.52, -1.3, 25.08]}, {'date': '2021-03-31', 'value': [2048000000, 2760000000, 372000000, 154000000, 327000000], 'valueGrowth': [7.79, 21.53, 57.63, 23.2, 68.56]}, {'date': '2020-09-30', 'value': [1900000000, 2271000000, 236000000, 125000000, 194000000], 'valueGrowth': [8.45, 37.3, 16.26, 12.61, 32.88]}, {'date': '2020-06-30', 'value': [1752000000, 1654000000, 203000000, 111000000, 146000000], 'valueGrowth': [53.55, 23.53, -33.88, -28.39, 5.8]}, {'date': '2020-03-31', 'value': [1141000000, 1339000000, 307000000, 155000000, 138000000], 'valueGrowth': [57.16, -19.29, -5.25, -4.32, -3.5]}, {'date': '2019-09-30', 'value': [726000000, 1659000000, 324000000, 162000000, 143000000], 'valueGrowth': [10.84, 26.35, 11.34, -22.49, 28.83]}, {'date': '2019-06-30', 'value': [655000000, 1313000000, 291000000, 209000000, 111000000], 'valueGrowth': [-6.56, -23.8, 15.94, 44.14, -71.32]}, {'date': '2018-03-31', 'value': [701000000, 1723000000, 251000000, 145000000, 387000000], 'valueGrowth': [null, null, null, null, null]}]
+
+  const categories = ['Data Center', 'Gaming', 'Professional Visualization', 'Automotive and Robotics', 'OEM and Other'];
+
+  const xData = dataset?.map(item => item?.date);
+
+  const categoryValues = categories.map((_, index) => dataset.map(item => item.value[index]));
+
+
+  const growthValues = categories.map((_, index) => dataset.map(item => item.valueGrowth[index]));
+</script>
+
+<svelte:head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width" />
+  <title>
+    {$numberOfUnreadNotification > 0 ? `(${$numberOfUnreadNotification})` : ""}
+    {$displayCompanyName} ({$stockTicker}) Forecast Overview · stocknear
+  </title>
+  <meta name="description" content={`A list of analyst ratings for Advanced Micro Devices (AMD) stock. See upgrades, downgrades, price targets and more from top Wall Street stock analysts.`} />
+  <meta property="og:title" content={`${$displayCompanyName} (${$stockTicker}) Forecast Overview · stocknear`} />
+  <meta property="og:description" content={`A list of analyst ratings for Advanced Micro Devices (AMD) stock. See upgrades, downgrades, price targets and more from top Wall Street stock analysts.`} />
+  <meta property="og:type" content="website" />
+  <meta name="twitter:card" content="summary_large_image" />
+  <meta name="twitter:title" content={`${$displayCompanyName} (${$stockTicker}) Forecast Overview · stocknear`} />
+  <meta name="twitter:description" content={`A list of analyst ratings for Advanced Micro Devices (AMD) stock. See upgrades, downgrades, price targets and more from top Wall Street stock analysts.`} />
+</svelte:head>
+
+<section class="bg-[#09090B] overflow-hidden text-white h-full mb-40 sm:mb-0 w-full">
+  <div class="flex justify-center m-auto h-full overflow-hidden w-full">
+    <div class="relative flex justify-center items-center overflow-hidden w-full">
+      <div class="sm:p-7 w-full m-auto mt-2 sm:mt-0">
+        <h2 class="mt-5 text-xl sm:text-2xl text-gray-200 font-bold mb-4">{$displayCompanyName} Revenue Breakdown</h2>
+        {#if data?.getAnalystEstimate?.length !== 0}
+          <div class="no-scrollbar flex justify-start items-center w-screen sm:w-full mt-6 m-auto overflow-x-scroll pr-5 sm:pr-0">
+            <table class="table table-sm shaodow table-pin-cols table-compact rounded-none sm:rounded-md w-full bg-[#09090B] border-bg-[#09090B]">
+              <thead>
+                <tr>
+                  <th class="bg-[#27272A] border-b border-[#000] text-white font-semibold text-sm sm:text-[1rem] text-start">Quarter</th>
+                  {#each xData as item}
+                    <td class="z-20 bg-[#27272A] border-b border-[#000] text-white font-medium text-sm sm:text-[1rem] text-center bg-[#09090B]">{new Date(item ?? null)?.toLocaleString('en-US', {
+                      month: 'short',
+                      day: 'numeric',
+                      year: 'numeric',
+                    })}</td>
+                  {/each}
+                </tr>
+              </thead>
+              <tbody class="shadow-md">
+                {#each categories as category, index}
+                  <tr class="bg-[#09090B] border-b-[#09090B]">
+                    <th class="text-white whitespace-nowrap text-sm sm:text-[1rem] text-start font-medium bg-[#09090B] border-b border-[#09090B]">{category} Revenue</th>
+                    {#each categoryValues[index] as value}
+                      <td class="text-white text-sm sm:text-[1rem] text-end font-medium border-b border-[#09090B]">
+                        {abbreviateNumber(value)}
+                      </td>
+                    {/each}
+                  </tr>
+                  <tr class="bg-[#09090B] border-b-[#09090B]">
+                    <th class=" border text-white whitespace-nowrap text-sm sm:text-[1rem] text-start font-medium bg-[#09090B] border-b border-[#09090B]">
+                      <span class="ml-2">{category} Revenue Growth</span>
+                    </th>
+                    {#each growthValues[index] as growthValue}
+                      <td class="text-white text-sm sm:text-[1rem] text-end font-medium border-b border-[#09090B]">
+                        {growthValue !== null ? growthValue.toFixed(2) + '%' : '-'}
+                      </td>
+                    {/each}
+                  </tr>
+                {/each}
+              </tbody>
+            </table>
+          </div>
+        {:else}
+          <div class="text-white p-3 sm:p-5 mb-10 rounded-lg sm:flex sm:flex-row sm:items-center border border-slate-800 text-sm sm:text-[1rem]">
+            <svg class="w-6 h-6 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 12l-2 2m0-2l2-2m2 2h6m-6 0H6" />
+            </svg>
+            <p class="font-medium">No estimates available.</p>
+          </div>
+        {/if}
+      </div>
+    </div>
+  </div>
+</section>