diff --git a/public/index.html b/public/index.html
index 7b5a8c6..fb539ba 100644
--- a/public/index.html
+++ b/public/index.html
@@ -154,7 +154,7 @@
             <a class="nav-link" href="https://linktr.ee/teaxyz">Linktree</a>
           </li>
           <li class="nav-item">
-            <a class="nav-link" href="white-paper.html">White Paper</a>
+            <a class="nav-link" href="/white-paper/">White Paper</a>
           </li>
         </ul>
         <a class="btn btn-primary auth-btn mt-lg-0 mt-md-0 mt-sm-4 mt-4"
diff --git a/public/white-paper.html b/public/white-paper/index.html
similarity index 88%
rename from public/white-paper.html
rename to public/white-paper/index.html
index c308d1d..abf28e5 100644
--- a/public/white-paper.html
+++ b/public/white-paper/index.html
@@ -4,29 +4,13 @@
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-  <title>tea.xyz White Paper</title>
-
-  <!-- Global site tag (gtag.js) - Google Analytics -->
-  <script async src="https://www.googletagmanager.com/gtag/js?id=G-Q3M5LVH76F"></script>
-  <script>
-    window.dataLayer = window.dataLayer || [];
-
-    function gtag() {
-      dataLayer.push(arguments);
-    }
-    gtag('js', new Date());
-
-    gtag('config', 'G-Q3M5LVH76F');
-  </script>
-
-  <!-- ZOHO PageSense-->
-  <script src="https://cdn.pagesense.io/js/anchorpointcollectivellc/d07c3e85bf7246dcaefc35b7dd336333.js"></script>
+  <title>tea.white-paper</title>
 
   <!-- CSS only -->
   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
     integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
   <link rel="apple-touch-icon-precomposed" href="/favicon-180.png">
-  <link rel="stylesheet" href="style.css">
+  <link rel="stylesheet" href="/style.css">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Prompt:wght@700&display=swap"
@@ -36,10 +20,10 @@
   <meta name="twitter:title" content="tea.">
   <meta name="twitter:description" content="something new is brewing.">
   <meta name="twitter:image" content=" https://tea.xyz/cover.png">
-  <meta property="og:url" content="http://tea.xyz" />
+  <meta property="og:url" content="http://tea.xyz/white-paper/" />
   <meta property="og:type" content="website" />
-  <meta property="og:title" content="tea." />
-  <meta property="og:description" content="something new is brewing." />
+  <meta property="og:title" content="tea.white-paper" />
+  <meta property="og:description" content="A Decentralized Protocol for Remunerating the Open-Source Ecosystem" />
   <meta property="og:image" content="https://tea.xyz/cover.png" />
   <meta property="og:image:alt" content="sh &lt;(curl tea.xyz)" />
 
@@ -119,14 +103,14 @@
   </style>
 
   <a href="https://github.com/apps/tea-xyz/installations/new" class="gf-container" style="background-color:#8EC7BF;">
-    <img src="Images/github.svg" alt="" class="github-icon mx-auto">
+    <img src="/Images/github.svg" alt="" class="github-icon mx-auto">
 
   </a>
 
 
   <nav class="navbar bg-dark navbar-expand-lg navbar-dark sticky-top my-auto">
     <div class="container-fluid top-nav">
-      <a class="navbar-brand" href="#"><img src="Images/tea-main-logo.svg" style="width:100px;"></a>
+      <a class="navbar-brand" href="#"><img src="/Images/tea-main-logo.svg" style="width:100px;"></a>
       <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
         aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
         <span>
@@ -161,7 +145,7 @@
             <a class="nav-link" href="https://linktr.ee/teaxyz">Linktree</a>
           </li>
           <li class="nav-item">
-            <a class="nav-link" href="white-paper.html">White Paper</a>
+            <a class="nav-link" href="/white-paper/">White Paper</a>
           </li>
         </ul>
       </div>
@@ -177,7 +161,7 @@
     <div class="row">
       <div class="col">
         <!-- Update with White Paper PDF when ready -->
-        <iframe src="Media/whitepaper-placeholder.pdf" width="" height=""></iframe>
+        <iframe src="/Media/whitepaper-placeholder.pdf" width="" height=""></iframe>
       </div>
     </div>
   </div>
@@ -186,7 +170,7 @@
   <div class="container footer mb-5 mt-5">
     <div class="row mb-5 mt-5">
       <div class="col-lg-4">
-        <img src="Images/tea-light.svg" alt="tea.xyz logo" style="width:100px;">
+        <img src="/Images/tea-light.svg" alt="tea.xyz logo" style="width:100px;">
         <p class="boilerplate mt-3 small">tea is revolutionizing open&#8208;source by leveraging blockchain and web3 to
           ensure fairness and equitability for the developers who power the internet. Now tell me, will you answer the
           call? A shot's been heard around the web, and the tea army wants you to join the cause.</p>
@@ -286,3 +270,17 @@
 </body>
 
 </html>
+
+
+<!-- Global site tag (gtag.js) - Google Analytics -->
+<script async src="https://www.googletagmanager.com/gtag/js?id=G-Q3M5LVH76F"></script>
+<script>
+  window.dataLayer = window.dataLayer || [];
+
+  function gtag() {
+    dataLayer.push(arguments);
+  }
+  gtag('js', new Date());
+
+  gtag('config', 'G-Q3M5LVH76F');
+</script>
