Hugo

* Initial Hugo buildout * Initial Hugo buildout * Progress * Initial Hugo buildout * Initial Hugo buildout * Progress * Rebase on main * sync to #41 * Additional fixes; partials image paths, white-paper page. * White-paper separate nav, 404 cleanup. * banner update * Initial Hugo buildout * Initial Hugo buildout * Progress * Initial Hugo buildout * Initial Hugo buildout * Progress * Rebase on main * sync to #41 * Additional fixes; partials image paths, white-paper page. * White-paper separate nav, 404 cleanup. * banners from `main` * white-paper CTA styling, auth # fix, title fix * Better invalidation path * Footer nav fix * White paper, not white-paper. QR Code page * Superfluous XML Files * README.md additions * Style changes Co-authored-by: Jacob Heider <jacob@tea.xyz>
2024-11-22 10:25:07 +03:00 · 2022-06-07 19:18:10 -04:00 · 2022-06-07 19:18:10 -04:00 · b3d7689011
commit b3d7689011
parent 35e416a970
87 changed files with 1243 additions and 1087 deletions
--- a/.github/workflows/cd.yml
+++ b/.github/workflows/cd.yml
@ -24,6 +24,14 @@ jobs:

    - uses: actions/checkout@v3

+    - name: Setup Hugo
+      uses: peaceiris/actions-hugo@v2
+      with:
+        hugo-version: 'latest'
+
+    - name: Build
+      run: hugo --minify
+
    ## means s3 sync will only sync things we need sync’d
    - uses: chetan/git-restore-mtime-action@v1

--- a/.github/workflows/staging.yml
+++ b/.github/workflows/staging.yml
@ -28,6 +28,19 @@ jobs:

    - uses: actions/checkout@v3

+    - name: Setup Hugo
+      uses: peaceiris/actions-hugo@v2
+      with:
+        hugo-version: 'latest'
+
+    - name: Staging configuration
+      run: |
+        sed -i -e 's/^baseURL\s*=.*$/baseUrl = ""/i' config.toml
+        echo "relativeurls = true" >>config.toml
+
+    - name: Build
+      run: hugo
+
    - uses: aws-actions/configure-aws-credentials@v1
      with:
        aws-access-key-id: ${{ secrets.AWS_ACCESS_KEY_ID }}
--- a/.gitignore
+++ b/.gitignore
@ -1,3 +1,23 @@
+# Created by https://www.toptal.com/developers/gitignore/api/hugo
+# Edit at https://www.toptal.com/developers/gitignore?templates=hugo
+
+### Hugo ###
+# Generated files by hugo
+/public/
+/resources/_gen/
+/assets/jsconfig.json
+hugo_stats.json
+
+# Executable may be added to repository
+hugo.exe
+hugo.darwin
+hugo.linux
+
+# Temporary lock file while building
+/.hugo_build.lock
+
+# End of https://www.toptal.com/developers/gitignore/api/hugo
+
 .DS_Store
 node_modules
 .envrc
--- a/.hugo_build.lock
+++ b/.hugo_build.lock
--- a/README.md
+++ b/README.md
@ -16,8 +16,7 @@ sh <(curl tea.xyz) https://github.com/teaxyz/www
 Alternatively:

 ```sh
-npx watch-http-server . -p8000 -o -a localhost
-open localhost:8000
+hugo serve --watch -D
 ```

 # Dependencies
@ -25,3 +24,41 @@ open localhost:8000
 | Project    | Version |
 |------------|---------|
 | nodejs.org |   ^18   |
+|------------|---------|
+| gohugo.io  |  ^0.99  |
+|------------|---------|
+| bootstrap  |   ^5    |
+|------------|---------|
+| jquery     |  ^3.6   |
+
+
+# Editing/Syntax
+
+This site is has been built with the help of [Bootstrap](https://getbootstrap.com/docs/5.2/getting-started/introduction/) for CSS/JS heavy-lifting and [HUGO](https://gohugo.io/documentation/) for templating and DRY development. HUGO must be installed locally in order to adequately preview development via terminal command [hugo server]. Partials/repeated components can be be found in layouts/partials. Each HTML page (layouts/page) must have a corresponding Markdown file in the Content folder (content/).
+
+# Creating a New Page
+
+1. Create a new HTML file in layouts/page
+2. Define the content section via `{{ define "main" }}` prior to proposed content area, and {{ end }} after proposed content area. User this HTML file to affect layout and styling. Content may be added via the corresponding .md file (see step 3)
+3. Create an `.md` file in the 'Content' folder and provide the appropriate metadata. Example:
+
+```yaml
+title: "White Paper"           # (How this page will appear in the menu)
+Description: "tea.white paper" # (Populates as page title)
+layout: "white-paper"          # (the associated HTML file)
+menu: main                     # (Assign a menu)
+weight: 7                      # (Order in which this item will appear)
+```
+
+Following that, begin typing content. This will populate in the section of your HTML document that has been defined as `main`.
+
+4. If adding a menu link for an external source or ID, edit the config.toml accordingly.
+5. Run with `hugo serve --watch -D`.
+
+# Editing Partials/Repeated components
+
+Partials may be edited in plain HTML. No additional HUGO syntax is required.
+
+# Defining Partial Locations
+
+Partials are defined via the `baseof.html` file in `layouts/default`. This informs the layout of a newly generated page. Insert new partials via the syntax `{{- partial "partial.html" -}}`.
--- a/archetypes/default.md
+++ b/archetypes/default.md
@ -0,0 +1,6 @@
+---
+title: "{{ replace .Name "-" " " | title }}"
+date: {{ .Date }}
+draft: false
+---
+
--- a/config.toml
+++ b/config.toml
@ -0,0 +1,37 @@
+baseURL = 'https://tea.xyz/'
+languageCode = 'en-us'
+title = 'Equitable Open-Source for Web3'
+
+# menu links via config file
+
+[menu]
+  [[menu.main]]
+    identifier = 'why-tea'
+    name = 'Why tea?'
+    title = 'why tea?'
+    url = '/#why-tea'
+    weight = 2
+  [[menu.main]]
+    identifier = 'features'
+    name = 'Features'
+    title = 'features'
+    url = '/#features'
+    weight = 3
+  [[menu.main]]
+    identifier = 'community'
+    name = 'Community'
+    title = 'community'
+    url = '/#community'
+    weight = 4
+  [[menu.main]]
+    identifier = 'blog'
+    name = 'Blog'
+    title = 'blog'
+    url = 'https://medium.com/teaxyz'
+    weight = 5
+  [[menu.main]]
+    identifier = 'linktree'
+    name = 'Linktree'
+    title = 'linktree'
+    url = 'https://linktr.ee/teaxyz'
+    weight = 6
--- a/content/404.md
+++ b/content/404.md
@ -0,0 +1,5 @@
+---
+title: "404"
+Description: "Oops Something Broke"
+layout: "404"
+---
--- a/content/_index.md
+++ b/content/_index.md
@ -0,0 +1,7 @@
+---
+title: "Home"
+Description: "Equitable Open-Source for web3"
+layout: "index"
+menu: main
+weight: 1
+---
--- a/content/tea-qr.md
+++ b/content/tea-qr.md
@ -0,0 +1,5 @@
+---
+title: "Authenticate with tea"
+Description: "Scan Our QR Code to Authenticate"
+layout: "tea-qr"
+---
--- a/content/white-paper.md
+++ b/content/white-paper.md
@ -0,0 +1,7 @@
+---
+title: "White Paper"
+Description: "tea.white paper"
+layout: "white-paper"
+menu: main
+weight: 7
+---
--- a/layouts/404.html
+++ b/layouts/404.html
@ -0,0 +1,14 @@
+{{ define "main" }}
+
+  <div class="container">
+    <div class="row" style="height:100vh;">
+      <div class="col my-auto">
+        <img class="broken-tea" src="/Images/404.png" alt="broken teacup"
+          style="width:30%; display:block; margin-left:auto; margin-right:auto;">
+        <h1 class="text-center display-1 mb-lg-5 mb-md-5 mb-sm-5 mb-3">Oops<br>Something Broke.</h1>
+        <p class="text-center lead">We couldn’t find the page you’re looking for.</p>
+      </div>
+    </div>
+  </div>
+
+{{ end }}
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+{{- partial "head.html" . -}}
+
+<body>
+    <!-- Google Tag Manager (noscript) -->
+
+    <noscript>
+        <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5WQVCLC" height="0" width="0"
+            style="display:none;visibility:hidden"></iframe>
+    </noscript>
+
+    <!-- End Google Tag Manager (noscript) -->
+    <header>
+        {{- partial "header.html" . -}}
+    </header>
+    {{- partial "navbar.html" . -}}
+    <main>
+        {{- block "main" . }}{{- end }}
+    </main>
+    <footer>
+        {{- partial "footer.html" . -}}
+    </footer>
+    {{- partial "scriptFooter.html" . -}}
+</body>
+
+</html>
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
--- a/layouts/index.html
+++ b/layouts/index.html
@ -1,210 +1,4 @@
-<!DOCTYPE html>
-<html lang="en" dir="ltr">
-
-<head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-  <title>Equitable Open&hyphen;Source for web3</title>
-
-  <!-- Google Tag Manager - From Gypsy -->
-
-  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
-  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
-  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
-  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
-  })(window,document,'script','dataLayer','GTM-5WQVCLC');</script>
-
-  <!-- End Tag Manager -->
-
-  <!-- Meta Pixel Code -->
-  <script>
-  !function(f,b,e,v,n,t,s)
-  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
-  n.callMethod.apply(n,arguments):n.queue.push(arguments)};
-  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
-  n.queue=[];t=b.createElement(e);t.async=!0;
-  t.src=v;s=b.getElementsByTagName(e)[0];
-  s.parentNode.insertBefore(t,s)}(window, document,'script',
-  'https://connect.facebook.net/en_US/fbevents.js');
-  fbq('init', '573253607795663');
-  fbq('track', 'PageView');
-  </script>
-  <noscript><img height="1" width="1" style="display:none"
-  src="https://www.facebook.com/tr?id=573253607795663&ev=PageView&noscript=1"
-  /></noscript>
-  <!-- End Meta Pixel Code -->
-
-  <!-- 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="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"
-    rel="stylesheet">
-  <meta name="twitter:card" content="summary_large_image">
-  <meta name="twitter:image:alt" content="sh &lt;(curl tea.xyz)">
-  <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:type" content="website" />
-  <meta property="og:title" content="tea.xyz" />
-  <meta property="og:description" content="Equitable Open&hyphen;Source for web3" />
-  <meta property="og:image" content="https://tea.xyz/cover.png" />
-  <meta property="og:image:alt" content="sh &lt;(curl tea.xyz)" />
-</head>
-
-<body>
-
-  <!-- Google Tag Manager (No Script) -->
-
-  <noscript>
-    <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5WQVCLC" width="0" height="0" style="display:none;visibility:hidden;"></iframe>
-  </noscript>
-
-   <!-- End GTM (No Script) -->
-
-  <style>
-    .gf-container {
-      width: 80px;
-      height: 80px;
-      border-radius: 60px;
-      display: flex;
-      flex-direction: column;
-      position: fixed;
-      right: 15px;
-      bottom: 15px;
-      cursor: pointer;
-      box-shadow: 0 0 0 rgba(204, 169, 44, 0.4);
-      animation: pulse 2s infinite;
-      z-index: 200;
-    }
-
-    .gf-container:hover {
-      animation: none;
-    }
-
-    @-webkit-keyframes pulse {
-      0% {
-        -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
-      }
-
-      70% {
-        -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
-      }
-
-      100% {
-        -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
-      }
-    }
-
-    @keyframes pulse {
-      0% {
-        -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
-        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
-      }
-
-      70% {
-        -moz-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
-        box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
-      }
-
-      100% {
-        -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
-        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
-      }
-    }
-
-    .github-icon {
-      width: 60%;
-      margin-top: auto;
-      margin-bottom: auto;
-    }
-
-    .cal-btn{
-      float:right;
-      background-color:#327280;
-      width:200px;
-    }
-
-    .ama-text{
-      float:left;
-      margin-top:auto;
-      margin-bottom:auto;
-    }
-
-    @media only screen and (max-width: 600px) {
-      .cal-btn{
-        background-color:#327280;
-        width:100%;
-        margin-bottom: 20px;
-      }
-
-      .ama-text{
-        float: none;
-        text-align: center;
-        margin-bottom: 20px;
-
-      }
-    }
-  </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">
-
-  </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>
-      <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>
-          <input type="checkbox" id="checkbox1" class="checkbox1 visuallyHidden">
-          <label for="checkbox1">
-            <div class="hamburger hamburger1">
-              <span class="bar bar1"></span>
-              <span class="bar bar2"></span>
-              <span class="bar bar3"></span>
-              <span class="bar bar4"></span>
-            </div>
-          </label></span>
-      </button>
-      <div class="collapse navbar-collapse pt-2 pb-2" id="navbarSupportedContent">
-        <ul class="navbar-nav ms-auto me-4 my-auto">
-          <li class="nav-item mt-lg-0 mt-md-0 mt-sm-3 mt-3">
-            <a class="nav-link active" aria-current="page" href="#">Home</a>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link" href="#why-tea">Why tea?</a>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link" href="#features">Features</a>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link" href="#community">Community</a>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link" href="https://medium.com/teaxyz">Blog</a>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link" href="https://linktr.ee/teaxyz">Linktree</a>
-          </li>
-          <li class="nav-item">
-            <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"
-          href="https://github.com/apps/tea-xyz/installations/new" role="button">Authenticate with tea<span
-            class="badge rounded-pill bg-primary ms-3"><span id="count1">287</span></span></a>
-      </div>
-    </div>
-  </nav>
-
-
+{{ define "main" }}
  <!-- Hero Section -->

  <img id="tea-steam-dark-1" src="Images/tea-steam-dark-1.svg" alt="">
@ -325,7 +119,7 @@
  <div class="container web3-container">
    <div class="row">
      <div class="col order-lg-1 order-sm-2 order-2">
-        <img class="mt-5 web3-tower" src="Images/web-3-towerAsset 2.svg" alt="">
+        <img class="mt-5 web3-tower" src="/Images/web-3-towerAsset-2.svg" alt="">
      </div>
      <div class="col-lg-6 col-sm-12 my-auto order-lg-2 order-sm-1 order-1">
        <p class="mb-5">WEB3</p>
@ -546,127 +340,4 @@
      </div>
    </div>
  </div>
-
-  <!-- Footer -->
-  <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;">
-        <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>
-      </div>
-
-      <div class="col-lg-2 col-sm-6 col-6 mt-3">
-        <h6>Quick Links</h6>
-        <ul class="nav flex-column small">
-          <li class="nav-item">
-            <a class="nav-link ps-0" href="#">Home</a>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link ps-0" href="#why-tea">Why tea?</a>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link ps-0" href="#features">Features</a>
-          </li>
-        </ul>
-      </div>
-
-      <div class="col-lg-2 col-sm-6 col-6 mt-3 mb-3">
-        <h6>tea Links</h6>
-        <ul class="nav flex-column small">
-          <li class="nav-item">
-            <a class="nav-link ps-0" href="https://linktr.ee/teaxyz">Linktree</a>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link ps-0" href="mailto:hello@tea.xyz">Careers</a>
-          </li>
-        </ul>
-      </div>
-
-      <div class="col-lg-4 mt-3">
-        <h6 class=" mb-4">Get updates to your inbox</h6>
-
-<!-- Start Sendx Form Module -->
-
-      <div class="sendx-modal-TRDBBvXuDV3vy1t0U684MU">
-        <div class="sendx-modal-content-TRDBBvXuDV3vy1t0U684MU sendx-modal">
-          <div class="sendx-modal-right-TRDBBvXuDV3vy1t0U684MU">
-            <div class="sendx-modal-body-TRDBBvXuDV3vy1t0U684MU">
-	             <form class="sendx-submit-form-TRDBBvXuDV3vy1t0U684MU" method="post" action="https://app.sendx.io/api/v1/form/TRDBBvXuDV3vy1t0U684MU">
-	                <input id="SubscriberForm-Email-TRDBBvXuDV3vy1t0U684MU" type="Email" class="sendx-field-TRDBBvXuDV3vy1t0U684MU email-field mb-3" data-attr-type="0" name="Email" placeholder="Your Email" required>
-	                <input type="submit" class="sendx-submit-TRDBBvXuDV3vy1t0U684MU sendx-button-TRDBBvXuDV3vy1t0U684MU btn-primary email-submit"  name="subscribe" value="Subscribe">
-	               </input>
-               </form>
-	             <div class="sendx-close-text-TRDBBvXuDV3vy1t0U684MU">
-              <p></p>
-	           </div>
-	         <div style="display:flex; align-items:baseline;" class="sendx-gdpr-TRDBBvXuDV3vy1t0U684MU-wrapper">
-	               <input class="sendx-gdpr-TRDBBvXuDV3vy1t0U684MU" type="checkbox"></input><span class="sendx-gdpr-content-TRDBBvXuDV3vy1t0U684MU ms-2"><p>Opt in to receive updates from us </p></span>
-    	         </div>
-    	       </div>
-          </div>
-        </div>
-    </div>
-
-<!-- End Sendx Form -->
-
-        <p style="font-size: 16px; color: gray;">You can also share our <a style="color:#54BAAB;" href="https://linktr.ee/teaxyz">Linktree</a>.
-        </p>
-      </div>
-    </div>
-    <div class="row">
-      <p class="text-center" style="font-size:12px; color:#B7C7C8;">© 2022 tea inc.</p>
-    </div>
-  </div>
-
-  <!-- JavaScript Bundle with Popper -->
-  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
-    integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous">
-  </script>
-
-  <script src="https://code.jquery.com/jquery-3.6.0.min.js"
-    integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
-
-    <script>
-      $(window).scroll(function () {
-        $('nav').toggleClass('scrolled', $(this).scrollTop() > 100);
-      });
-
-      if (localStorage['signup'].match(/:::/)) {
-        const [username, serial] = localStorage.signup.split(':::');
-        $('.box-auth-true').show();
-        $('.box-auth-false').hide();
-        $('#auth-username').html(username);
-        $('#count').html(`${serial} / <span id='count3'></span>`);
-        $('#count-sub-text').html('YOUR AUTHENTICATION NUMBER');
-        $('#communitea').html('Thanks for joining our communi&#39;<span style="color:#54BAAB;">tea</span>');
-        $('#revolution-text').html(
-          'Now stay tuned! As an early authenticator, you’ll be entitled to a variety of exciting rewards, including minted NFT certificates.'
-        );
-        $('#auth-body-text').hide();
-        $('.rounded-pill').hide();
-        $('.auth-btn').html('Configure GitHub App');
-      }
-    </script>
-
-    <script>
-    try {
-      fetch('https://app.tea.xyz/api/signups')
-        .then(res => res.json())
-        .then(res => {
-          if (!(localStorage['signup'] || '').match(/:::/)) {
-            $('#count').html(res.signups)
-          }
-          $('#count1').html(res.signups)
-          $('#count2').html(res.signups)
-          $('#count3').html(res.signups)
-        })
-    } catch (e) {
-      console.error(e)
-    }
-  </script>
-
-</body>
-
-</html>
+{{ end }}
--- a/layouts/page/tea-qr.html
+++ b/layouts/page/tea-qr.html
@ -0,0 +1,96 @@
+{{ define "main" }}
+
+<img id="tea-steam-dark-1" src="/Images/tea-steam-dark-1.svg" alt="">
+<img id="tea-steam-dark-2" src="/Images/tea-steam-dark-2.svg" alt="">
+<div class="container mb-lg-5 mb-md-5 mb-sm-0 mb-0 mt-lg-5 mt-md-5 mt-sm-0 mt-0">
+  <div class="row hero my-auto">
+    <div style="z-index:100; display:flex; flex-direction:column;" class="col-lg-6 col-sm-12 order-lg-1 order-sm-2 order-2">
+      <div style="margin-top:auto; margin-bottom:auto;">
+        <h1 class="display-2 mb-4">Authenticate your <span style="color:#54BAAB;">Github</span> with tea.</h1>
+        <p class="mb-5 fs-sm-5 fs-lg-6 lead">Early-adoption developers will be entitled to a variety of exciting rewards, including minted NFT certificates. Simply log into your Github account, install our application, and then answer a couple quick questions. The open-source revolution is here, so be sure to take a sip while it’s hot!</p>
+        <a class="btn btn-primary auth-btn mb-3" href="https://github.com/apps/tea-xyz/installations/new"
+          role="button">Authenticate with tea<span class="badge rounded-pill bg-primary ms-3"><span
+              id="count2">287</span></span></a>
+      </div>
+    </div>
+    <div class="col-lg-6 col-sm-12 order-lg-2 order-sm-1 order-1 mb-lg-0 mb-md-0 mb-sm-4 mb-4">
+      <div class="card ms-lg-5 ms-sm-0 mb-3" style="border-radius:15px; z-index:100;">
+        <div class="card-body my-auto"
+          style="display:flex; flex-direction:column; background-color: #23282C; border: 2px solid #54BAAB; border-radius:15px;">
+          <div class="p-lg-5 p-md-3 p-sm-0" style="margin-top:auto; margin-bottom:auto;">
+            <img src="/Images/tea-auth-qr-code.svg" alt="">
+          </div>
+          <div class="box-auth-true">
+            <p class="text-center my-auto p-3" style="color:#23282C;"><i class="bi bi-check-circle-fill lead pe-2"
+                style="color:#23282C;"></i>Authenticated as <span id="auth-username">[username]</span></p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<!-- Community Links -->
+<div class="row community-container pt-5 pb-5 mt-5 mb-5">
+  <div class="container p-4" id="community">
+    <div class="row">
+      <div class="col">
+        <h3 style="text-align:center;" class="mb-5 display-5">Join the Community</h3>
+      </div>
+
+    </div>
+    <div class="row">
+
+      <div class="col-6 col-sm-6 col-lg">
+        <a href="https://discord.gg/KCZsXfJphn">
+          <div class="com-card mb-4">
+            <img src="/Images/discord.svg" alt="" class="community-icon">
+          </div>
+        </a>
+      </div>
+
+      <div class="col-6 col-sm-6 col-lg">
+        <a href="https://twitter.com/teaxyz_">
+          <div class="com-card mb-4">
+            <img src="/Images/twitter.svg" alt="" class="community-icon">
+          </div>
+        </a>
+      </div>
+
+      <div class="col-6 col-sm-6 col-lg">
+        <a href="https://github.com/teaxyz">
+          <div class="com-card mb-4">
+            <img src="/Images/github.svg" alt="" class="community-icon">
+          </div>
+        </a>
+      </div>
+
+      <div class="col-6 col-sm-6 col-lg">
+        <a href="https://t.me/tea_xyz">
+          <div class="com-card mb-4">
+            <img src="/Images/telegram.svg" alt="" class="community-icon">
+          </div>
+        </a>
+      </div>
+
+      <div class="col-6 col-sm-6 col-lg align-self-center">
+        <a href="https://reddit.com/r/teaxyz">
+          <div class="com-card mb-4">
+            <img src="/Images/reddit.svg" alt="" class="community-icon">
+          </div>
+        </a>
+      </div>
+
+      <div class="col-6 col-sm-6 col-lg align-self-center">
+        <a href="https://www.instagram.com/tea.xyz/">
+          <div class="com-card mb-4">
+            <img src="/Images/instagram-iconAsset 1.svg" alt="" class="community-icon">
+          </div>
+        </a>
+      </div>
+
+    </div>
+  </div>
+</div>
+
+{{ end }}
--- a/layouts/page/white-paper.html
+++ b/layouts/page/white-paper.html
@ -0,0 +1,165 @@
+{{ define "main" }}
+
+<style media="screen">
+  .main-nav{
+    display:none;
+  }
+
+  @media only screen and (max-width: 980px) {
+    .auth-btn {
+      width: 100%;
+      margin-bottom: 20px;
+    }
+  }
+  
+</style>
+
+<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>
+      <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>
+          <input type="checkbox" id="checkbox1" class="checkbox1 visuallyHidden">
+          <label for="checkbox1">
+            <div class="hamburger hamburger1">
+              <span class="bar bar1"></span>
+              <span class="bar bar2"></span>
+              <span class="bar bar3"></span>
+              <span class="bar bar4"></span>
+            </div>
+          </label></span>
+      </button>
+      <div class="collapse navbar-collapse pt-2 pb-2" id="navbarSupportedContent">
+        <ul class="navbar-nav ms-auto me-4 my-auto">
+          {{ range .Site.Menus.main }}
+          <li class="nav-item mt-lg-0 mt-md-0 mt-sm-3 mt-3">
+            <a class="nav-link{{ if $.IsMenuCurrent "main" . }} active" aria-current="page {{ end }}" href="{{ .URL }}">{{ .Name}}</a>
+          </li>
+          {{ end }}
+        </ul>
+      </div>
+      <a class="btn btn-primary auth-btn mt-lg-0 mt-md-0 mt-sm-4 mt-4"
+        href="https://github.com/apps/tea-xyz/installations/new" role="button">Authenticate with tea<span
+          class="badge rounded-pill bg-primary ms-3"><span id="count4">287</span></span></a>
+    </div>
+  </nav>
+
+<!-- Hero Section -->
+
+  <img style="display:none;" id="tea-steam-dark-1" src="/Images/tea-steam-dark-1.svg" alt="">
+  <img id="tea-steam-dark-2" src="/Images/tea-steam-dark-2.svg" alt="">
+  <div class="container mb-lg-2 mb-md-5 mb-sm-0 mb-0 mt-lg-2 mt-md-5 mt-sm-0 mt-0">
+    <div class="row hero my-auto">
+      <div style="z-index:100; display:flex; flex-direction:column;" class="col-lg-9 col-sm-12">
+        <div style="margin-top:auto; margin-bottom:auto;">
+          <h1 class="display-3 mb-4">We’re Open&#8208;Sourcing Our White Paper</h1>
+          <p class="mb-5 fs-sm-5 fs-lg-6 lead">Open&#8208;source is about the many coming together to create something
+            great. In the spirit of that, we’re inviting developers, speculators, and enthusiasts alike to contribute to
+            our white paper and help brew the future of the internet. This is our revolutionary undertaking to create
+            equitable open&#8208;source for web3, and we want you to be a part of laying its groundwork.<br><a
+              style="color:#54BAAB;" href="https://tea.xyz/tea.white-paper.pdf">Download our white paper</a>.</p>
+        </div>
+      </div>
+      <div style="display:flex; flex-direction:column;" class="col-lg-3 col-sm-12">
+        <div style="margin-top:auto; z-index:100;">
+          <a class="btn btn-primary mb-3" href="https://github.com/apps/tea-xyz/installations/new"
+            role="button">Authenticate with tea</a><br>
+          <a class="btn btn-primary align-middle mb-sm-5 mb-md-5 mb-5" id="whitepaper-btn"
+            href="https://github.com/teaxyz/white-paper" role="button"><i class="bi bi-github me-2" style="font-size:16px; "></i>Contribute to Our White Paper</a>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <!-- Start PDF -->
+
+  <div class="container pdf-iframe"
+    style="margin-bottom:100px; overflow:auto; -webkit-overflow-scrolling:touch; z-index:2;">
+    <iframe src="https://tea.xyz/tea.white-paper.pdf#toolbar=0&navpanes=0&view=fitH" width="100%" height="800px">
+    </iframe>
+  </div>
+
+  <!-- Mobile-only -->
+
+  <div class="container mobile-pdf" style="margin-bottom:100px;">
+    <div class="row">
+      <div class="col">
+        <div class="card">
+          <div style="display:flex; flex-direction:column; background-color:#23282C;" class="card-body pt-5 pb-5">
+            <div style="margin-top:auto; margin-bottom:auto;">
+              <p class="text-center">Mobile browsers can be finicky, so please view our white paper via the button
+                below.</p>
+              <a style="display:block; margin-left:auto; margin-right:auto;" class="btn btn-primary mb-3"
+                href="https://tea.xyz/tea.white-paper.pdf" role="button">Download our White Paper</a>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <!-- Community Links -->
+  <div class="row community-container pt-5 pb-5 mt-5 mb-5">
+    <div class="container p-4" id="community">
+      <div class="row">
+        <div class="col">
+          <h3 style="text-align:center;" class="mb-5 display-5">Join the Community</h3>
+        </div>
+
+      </div>
+      <div class="row">
+
+        <div class="col-6 col-sm-6 col-lg">
+          <a href="https://discord.gg/KCZsXfJphn">
+            <div class="com-card mb-4">
+              <img src="/Images/discord.svg" alt="" class="community-icon">
+            </div>
+          </a>
+        </div>
+
+        <div class="col-6 col-sm-6 col-lg">
+          <a href="https://twitter.com/teaxyz_">
+            <div class="com-card mb-4">
+              <img src="/Images/twitter.svg" alt="" class="community-icon">
+            </div>
+          </a>
+        </div>
+
+        <div class="col-6 col-sm-6 col-lg">
+          <a href="https://github.com/teaxyz">
+            <div class="com-card mb-4">
+              <img src="/Images/github.svg" alt="" class="community-icon">
+            </div>
+          </a>
+        </div>
+
+        <div class="col-6 col-sm-6 col-lg">
+          <a href="https://t.me/tea_xyz">
+            <div class="com-card mb-4">
+              <img src="/Images/telegram.svg" alt="" class="community-icon">
+            </div>
+          </a>
+        </div>
+
+        <div class="col-6 col-sm-6 col-lg align-self-center">
+          <a href="https://reddit.com/r/teaxyz">
+            <div class="com-card mb-4">
+              <img src="/Images/reddit.svg" alt="" class="community-icon">
+            </div>
+          </a>
+        </div>
+
+        <div class="col-6 col-sm-6 col-lg align-self-center">
+          <a href="https://www.instagram.com/tea.xyz/">
+            <div class="com-card mb-4">
+              <img src="/Images/instagram-iconAsset 1.svg" alt="" class="community-icon">
+            </div>
+          </a>
+        </div>
+
+      </div>
+    </div>
+  </div>
+
+{{ end }}
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@ -0,0 +1,138 @@
+<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;">
+        <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&#x27;s been heard around the web, and the tea army wants you to join the cause.</p>
+      </div>
+
+      <div class="col-lg-2 col-sm-6 col-6 mt-3">
+        <h6>Quick Links</h6>
+        <ul class="nav flex-column small">
+          <li class="nav-item">
+            <a class="nav-link ps-0" href="/#">Home</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link ps-0" href="/#why-tea">Why tea?</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link ps-0" href="/#features">Features</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link ps-0" href="/white-paper">White Paper</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link ps-0" href="https://medium.com/teaxyz">Blog</a>
+          </li>
+        </ul>
+      </div>
+
+      <div class="col-lg-2 col-sm-6 col-6 mt-3 mb-3">
+        <h6>tea Links</h6>
+        <ul class="nav flex-column small">
+          <li class="nav-item">
+            <a class="nav-link ps-0" href="https://linktr.ee/teaxyz">Linktree</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link ps-0" href="mailto:hello@tea.xyz">Careers</a>
+          </li>
+        </ul>
+      </div>
+
+      <div class="col-lg-4 mt-3">
+        <h6 class=" mb-4">Get updates to your inbox</h6>
+
+<!-- Start Sendx Form Module -->
+
+      <div class="sendx-modal-TRDBBvXuDV3vy1t0U684MU">
+        <div class="sendx-modal-content-TRDBBvXuDV3vy1t0U684MU sendx-modal">
+          <div class="sendx-modal-right-TRDBBvXuDV3vy1t0U684MU">
+            <div class="sendx-modal-body-TRDBBvXuDV3vy1t0U684MU">
+	             <form class="sendx-submit-form-TRDBBvXuDV3vy1t0U684MU" method="post" action="https://app.sendx.io/api/v1/form/TRDBBvXuDV3vy1t0U684MU">
+	                <input id="SubscriberForm-Email-TRDBBvXuDV3vy1t0U684MU" type="Email" class="sendx-field-TRDBBvXuDV3vy1t0U684MU email-field mb-3" data-attr-type="0" name="Email" placeholder="Your Email" required>
+	                <input type="submit" class="sendx-submit-TRDBBvXuDV3vy1t0U684MU sendx-button-TRDBBvXuDV3vy1t0U684MU btn-primary email-submit"  name="subscribe" value="Subscribe">
+	               </input>
+               </form>
+	             <div class="sendx-close-text-TRDBBvXuDV3vy1t0U684MU">
+              <p></p>
+	           </div>
+	         <div style="display:flex; align-items:baseline;" class="sendx-gdpr-TRDBBvXuDV3vy1t0U684MU-wrapper">
+	               <input class="sendx-gdpr-TRDBBvXuDV3vy1t0U684MU" type="checkbox"></input><span class="sendx-gdpr-content-TRDBBvXuDV3vy1t0U684MU ms-2"><p>Opt in to receive updates from us </p></span>
+    	         </div>
+    	       </div>
+          </div>
+        </div>
+    </div>
+
+<!-- End Sendx Form -->
+
+        <p style="font-size: 16px; color: gray;">You can also share our <a style="color:#54BAAB;" href="https://linktr.ee/teaxyz">Linktree</a>.
+        </p>
+      </div>
+    </div>
+    <div class="row">
+      <p class="text-center" style="font-size:12px; color:#B7C7C8;">© 2022 tea inc.</p>
+    </div>
+  </div>
+
+  <!-- JavaScript Bundle with Popper -->
+
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
+integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous">
+    </script>
+
+  <script src="https://code.jquery.com/jquery-3.6.0.min.js"
+    integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
+
+  <script>
+    $(window).scroll(function () {
+      $('nav').toggleClass('scrolled', $(this).scrollTop() > 100);
+    });
+
+    if (localStorage['signup'].match(/:::/)) {
+      const [username, serial] = localStorage.signup.split(':::');
+      $('.box-auth-true').show();
+      $('.box-auth-false').hide();
+      $('#auth-username').html(username);
+      $('#count').html(`${serial} / <span id='count3'></span>`);
+      $('#count-sub-text').html('YOUR AUTHENTICATION NUMBER');
+      $('#communitea').html('Thanks for joining our communi&#39;<span style="color:#54BAAB;">tea</span>');
+      $('#revolution-text').html(
+        'Now stay tuned! As an early authenticator, you’ll be entitled to a variety of exciting rewards, including minted NFT certificates.'
+      );
+      $('#auth-body-text').hide();
+      $('.rounded-pill').hide();
+      $('.auth-btn').html('Configure GitHub App');
+    }
+  </script>
+
+<script>
+  try {
+    fetch('https://app.tea.xyz/api/signups')
+      .then(res => res.json())
+      .then(res => {
+        if (!(localStorage['signup'] || '').match(/:::/)) {
+          $('#count').html(res.signups)
+        }
+        $('#count1').html(res.signups)
+        $('#count2').html(res.signups)
+        $('#count3').html(res.signups)
+        $('#count4').html(res.signups)
+      })
+  } catch (e) {
+    console.error(e)
+  }
+</script>
+
+<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>
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@ -0,0 +1,54 @@
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <title>{{ .Description }}</title>
+
+    <!-- Google Tag Manager -->
+    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+    })(window,document,'script','dataLayer','GTM-5WQVCLC');</script>
+    <!-- End Google Tag Manager -->
+
+    <!-- Meta Pixel Code -->
+    <script>
+    !function(f,b,e,v,n,t,s)
+    {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
+    n.callMethod.apply(n,arguments):n.queue.push(arguments)};
+    if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
+    n.queue=[];t=b.createElement(e);t.async=!0;
+    t.src=v;s=b.getElementsByTagName(e)[0];
+    s.parentNode.insertBefore(t,s)}(window, document,'script',
+    'https://connect.facebook.net/en_US/fbevents.js');
+    fbq('init', '573253607795663');
+    fbq('track', 'PageView');
+    </script>
+    <noscript><img height="1" width="1" style="display:none"
+    src="https://www.facebook.com/tr?id=573253607795663&ev=PageView&noscript=1"
+    /></noscript>
+    <!-- End Meta Pixel Code -->
+
+    <!-- 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="/css/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"
+      rel="stylesheet">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:image:alt" content="sh &lt;(curl tea.xyz)">
+    <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:type" content="website" />
+    <meta property="og:title" content="tea.xyz" />
+    <meta property="og:description" content="Equitable Open&hyphen;Source for web3" />
+    <meta property="og:image" content="https://tea.xyz/cover.png" />
+    <meta property="og:image:alt" content="sh &lt;(curl tea.xyz)" />
+  </head>
+</head>
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@ -0,0 +1,89 @@
+     <style>
+      .gf-container {
+        width: 80px;
+        height: 80px;
+        border-radius: 60px;
+        display: flex;
+        flex-direction: column;
+        position: fixed;
+        right: 15px;
+        bottom: 15px;
+        cursor: pointer;
+        box-shadow: 0 0 0 rgba(204, 169, 44, 0.4);
+        animation: pulse 2s infinite;
+        z-index: 200;
+      }
+
+      .gf-container:hover {
+        animation: none;
+      }
+
+      @-webkit-keyframes pulse {
+        0% {
+          -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
+        }
+
+        70% {
+          -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
+        }
+
+        100% {
+          -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
+        }
+      }
+
+      @keyframes pulse {
+        0% {
+          -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
+          box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
+        }
+
+        70% {
+          -moz-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
+          box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
+        }
+
+        100% {
+          -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
+          box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
+        }
+      }
+
+      .github-icon {
+        width: 60%;
+        margin-top: auto;
+        margin-bottom: auto;
+      }
+
+      .cal-btn{
+        float:right;
+        background-color:#327280;
+        width:200px;
+      }
+
+      .ama-text{
+        float:left;
+        margin-top:auto;
+        margin-bottom:auto;
+      }
+
+      @media only screen and (max-width: 600px) {
+        .cal-btn{
+          background-color:#327280;
+          width:100%;
+          margin-bottom: 20px;
+        }
+
+        .ama-text{
+          float: none;
+          text-align: center;
+          margin-bottom: 20px;
+
+        }
+      }
+    </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">
+
+    </a>
--- a/layouts/partials/navbar.html
+++ b/layouts/partials/navbar.html
@ -0,0 +1,30 @@
+<nav class="navbar bg-dark navbar-expand-lg navbar-dark sticky-top my-auto main-nav">
+    <div class="container-fluid top-nav">
+      <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>
+          <input type="checkbox" id="checkbox1" class="checkbox1 visuallyHidden">
+          <label for="checkbox1">
+            <div class="hamburger hamburger1">
+              <span class="bar bar1"></span>
+              <span class="bar bar2"></span>
+              <span class="bar bar3"></span>
+              <span class="bar bar4"></span>
+            </div>
+          </label></span>
+      </button>
+      <div class="collapse navbar-collapse pt-2 pb-2" id="navbarSupportedContent">
+        <ul class="navbar-nav ms-auto me-4 my-auto">
+          {{ range .Site.Menus.main }}
+          <li class="nav-item mt-lg-0 mt-md-0 mt-sm-3 mt-3">
+            <a class="nav-link{{ if $.IsMenuCurrent "main" . }} active" aria-current="page {{ end }}" href="{{ .URL }}">{{ .Name}}</a>
+          </li>
+          {{ end }}
+        </ul>
+        <a class="btn btn-primary auth-btn mt-lg-0 mt-md-0 mt-sm-4 mt-4"
+          href="https://github.com/apps/tea-xyz/installations/new" role="button">Authenticate with tea<span
+            class="badge rounded-pill bg-primary ms-3"><span id="count1">287</span></span></a>
+      </div>
+    </div>
+  </nav>
--- a/layouts/partials/scriptFooter.html
+++ b/layouts/partials/scriptFooter.html
@ -0,0 +1 @@
+<script src="/js/main.js"></script>
--- a/lib/tea.xyz.ts
+++ b/lib/tea.xyz.ts
@ -58,7 +58,7 @@ export default class TeaXYZ extends cdk.Stack {
    new s3Deployment.BucketDeployment(this, "BucketDeployment", {
      destinationBucket: bucket,
      distribution,
-      distributionPaths: ["/", "/index.html"],
+      distributionPaths: ["/*"],
      sources: [s3Deployment.Source.asset('./public')],
    });
  }
--- a/public/404.html
+++ b/public/404.html
@ -1,284 +0,0 @@
-<!DOCTYPE html>
-<html lang="en" dir="ltr">
-
-<head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-  <title>tea &gt; 404</title>
-
-  <!-- Google Tag Manager - From Gypsy -->
-
-  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
-  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
-  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
-  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
-  })(window,document,'script','dataLayer','GTM-5WQVCLC');</script>
-
-  <!-- End Tag Manager -->
-
-  <!-- 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="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"
-    rel="stylesheet">
-  <meta name="twitter:card" content="summary_large_image">
-  <meta name="twitter:image:alt" content="sh &lt;(curl tea.xyz)">
-  <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:type" content="website" />
-  <meta property="og:title" content="tea.xyz" />
-  <meta property="og:description" content="Equitable Open&hyphen;Source for web3" />
-  <meta property="og:image" content="https://tea.xyz/cover.png" />
-  <meta property="og:image:alt" content="sh &lt;(curl tea.xyz)" />
-</head>
-
-<body>
-
-  <!-- Google Tag Manager (No Script) -->
-
-  <noscript>
-    <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5WQVCLC" width="0" height="0" style="display:none;visibility:hidden;"></iframe>
-  </noscript>
-
-   <!-- End GTM (No Script) -->
-
-  <style>
-    .gf-container {
-      width: 80px;
-      height: 80px;
-      border-radius: 60px;
-      display: flex;
-      flex-direction: column;
-      position: fixed;
-      right: 15px;
-      bottom: 15px;
-      cursor: pointer;
-      box-shadow: 0 0 0 rgba(204, 169, 44, 0.4);
-      animation: pulse 2s infinite;
-      z-index: 200;
-    }
-
-    .gf-container:hover {
-      animation: none;
-    }
-
-    @-webkit-keyframes pulse {
-      0% {
-        -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
-      }
-
-      70% {
-        -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
-      }
-
-      100% {
-        -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
-      }
-    }
-
-    @keyframes pulse {
-      0% {
-        -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
-        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
-      }
-
-      70% {
-        -moz-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
-        box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
-      }
-
-      100% {
-        -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
-        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
-      }
-    }
-
-    .github-icon {
-      width: 60%;
-      margin-top: auto;
-      margin-bottom: auto;
-    }
-
-    @media only screen and (max-width: 600px) {
-      .broken-tea {
-        width: 75% !important;
-      }
-    }
-  </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">
-
-  </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>
-      <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>
-          <input type="checkbox" id="checkbox1" class="checkbox1 visuallyHidden">
-          <label for="checkbox1">
-            <div class="hamburger hamburger1">
-              <span class="bar bar1"></span>
-              <span class="bar bar2"></span>
-              <span class="bar bar3"></span>
-              <span class="bar bar4"></span>
-            </div>
-          </label></span>
-      </button>
-      <div class="collapse navbar-collapse pt-2 pb-2" id="navbarSupportedContent">
-        <ul class="navbar-nav ms-auto me-4 my-auto">
-          <li class="nav-item mt-lg-0 mt-md-0 mt-sm-3 mt-3">
-            <a class="nav-link" aria-current="page" href="/#">Home</a>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link" href="/#why-tea">Why tea?</a>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link" href="/#features">Features</a>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link" href="/#community">Community</a>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link" href="https://medium.com/teaxyz">Blog</a>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link" href="https://linktr.ee/teaxyz">Linktree</a>
-          </li>
-          <li class="nav-item">
-            <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"
-          href="https://github.com/apps/tea-xyz/installations/new" role="button">Authenticate with tea<span
-            class="badge rounded-pill bg-primary ms-3"><span id="count1">287</span></span></a>
-      </div>
-    </div>
-  </nav>
-
-  <!-- 404 Page -->
-
-  <div class="container">
-    <div class="row" style="height:100vh;">
-      <div class="col my-auto">
-        <img class="broken-tea" src="/Images/404.png" alt="broken teacup"
-          style="width:30%; display:block; margin-left:auto; margin-right:auto;">
-        <h1 class="text-center display-1 mb-lg-5 mb-md-5 mb-sm-5 mb-3">Oops<br>Something Broke.</h1>
-        <p class="text-center lead">We couldn’t find the page you’re looking for.</p>
-      </div>
-    </div>
-  </div>
-
-  <!-- Footer -->
-  <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;">
-        <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>
-      </div>
-
-      <div class="col-lg-2 col-sm-6 col-6 mt-3">
-        <h6>Quick Links</h6>
-        <ul class="nav flex-column small">
-          <li class="nav-item">
-            <a class="nav-link ps-0" href="/#">Home</a>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link ps-0" href="/#why-tea">Why tea?</a>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link ps-0" href="/#features">Features</a>
-          </li>
-        </ul>
-      </div>
-
-      <div class="col-lg-2 col-sm-6 col-6 mt-3 mb-3">
-        <h6>tea Links</h6>
-        <ul class="nav flex-column small">
-          <li class="nav-item">
-            <a class="nav-link ps-0" href="https://linktr.ee/teaxyz">Linktree</a>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link ps-0" href="mailto:hello@tea.xyz">Careers</a>
-          </li>
-        </ul>
-      </div>
-
-      <div class="col-lg-4 mt-3">
-        <h6 class=" mb-4">Get updates to your inbox</h6>
-        <form action="https://xyz.us14.list-manage.com/subscribe/post?u=5ecf36ba3d22ddd88d09708e6&amp;id=4af8bd918a"
-          method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate"
-          target="_blank" novalidate autocomplete="off">
-          <input type="hidden" name="tags" value="7137169">
-          <input class="email-field mb-2" placeholder="Email" name="EMAIL" type="email" />
-          <input class="email-submit btn-primary mb-3" type="submit" value="subscribe" />
-        </form>
-        <p style="font-size: 16px; color: gray;">You can also share our <a href="https://linktr.ee/teaxyz">Linktree</a>.
-        </p>
-      </div>
-    </div>
-    <div class="row">
-      <p class="text-center" style="font-size:12px; color:#B7C7C8;">© 2022 tea inc.</p>
-    </div>
-  </div>
-
-  <!-- JavaScript Bundle with Popper -->
-  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
-    integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous">
-  </script>
-
-  <script src="https://code.jquery.com/jquery-3.6.0.min.js"
-    integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
-
-  <script>
-    try {
-      fetch('https://app.tea.xyz/api/signups')
-        .then(res => res.json())
-        .then(res => {
-          if (!(localStorage['signup'] || '').match(/:::/)) {
-            $('#count').html(res.signups)
-          }
-          $('#count1').html(res.signups)
-          $('#count2').html(res.signups)
-        })
-    } catch (e) {
-      console.error(e)
-    }
-  </script>
-
-  <script>
-    $(window).scroll(function () {
-      $('nav').toggleClass('scrolled', $(this).scrollTop() > 100);
-    });
-
-    if (localStorage['signup'].match(/:::/)) {
-      const [username, serial] = localStorage.signup.split(':::');
-      $('.box-auth-true').show();
-      $('.box-auth-false').hide();
-      $('#auth-username').html(username);
-      $('#count').html(serial);
-      $('#count-sub-text').html('YOUR AUTHENTICATION NUMBER');
-      $('#communitea').html('Thanks for joining our communi&#39;<span style="color:#54BAAB;">tea</span>');
-      $('#revolution-text').html(
-        'Now stay tuned! As an early authenticator, you’ll be entitled to a variety of exciting rewards, including minted NFT certificates.'
-      );
-      $('#auth-body-text').hide();
-      $('.rounded-pill').hide();
-      $('.auth-btn').html('Configure GitHub App');
-    }
-  </script>
-
-</body>
-
-</html>
--- a/public/Images/web-3-towerAsset-2.svg
+++ b/public/Images/web-3-towerAsset-2.svg
--- a/public/Media/Tea
+++ b/public/Media/Tea
--- a/public/Media/Tea
+++ b/public/Media/Tea
--- a/public/banner.png
+++ b/public/banner.png
--- a/public/banner.white.png
+++ b/public/banner.white.png
--- a/public/css/style.css
+++ b/public/css/style.css
@ -52,9 +52,6 @@ For authenticated users:
  text-transform: uppercase;
 }

-.rounded-pill{
-}
-
 .navbar-dark .navbar-toggler{
  border:none;
 }
@ -151,6 +148,7 @@ For authenticated users:
 #tea-steam-dark-2{
  z-index: 9;
  position: absolute;
+  top:0px;
  right: 0px;
  width: 30%;
 }
@ -407,7 +405,9 @@ For authenticated users:
        width: 100%;
      }

-      .footer{
+      .partners{
+        background-color: #23282C;
+        border-radius: 10px;
      }

      /*Whitepaper Page*/
--- a/public/white-paper/index.html
+++ b/public/white-paper/index.html
@ -1,464 +0,0 @@
-<!DOCTYPE html>
-<html lang="en" dir="ltr">
-
-<head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-  <title>tea.white-paper</title>
-
-  <!-- Google Tag Manager - From Gypsy -->
-
-  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
-  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
-  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
-  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
-  })(window,document,'script','dataLayer','GTM-5WQVCLC');</script>
-
-  <!-- End Tag Manager -->
-
-  <!-- Meta Pixel Code -->
-  <script>
-  !function(f,b,e,v,n,t,s)
-  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
-  n.callMethod.apply(n,arguments):n.queue.push(arguments)};
-  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
-  n.queue=[];t=b.createElement(e);t.async=!0;
-  t.src=v;s=b.getElementsByTagName(e)[0];
-  s.parentNode.insertBefore(t,s)}(window, document,'script',
-  'https://connect.facebook.net/en_US/fbevents.js');
-  fbq('init', '573253607795663');
-  fbq('track', 'PageView');
-  </script>
-  <noscript><img height="1" width="1" style="display:none"
-  src="https://www.facebook.com/tr?id=573253607795663&ev=PageView&noscript=1"
-  /></noscript>
-  <!-- End Meta Pixel Code -->
-
-  <!-- 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="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"
-    rel="stylesheet">
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css">
-  <meta name="twitter:card" content="summary_large_image">
-  <meta name="twitter:image:alt" content="sh &lt;(curl tea.xyz)">
-  <meta name="twitter:image" content=" https://tea.xyz/cover.png">
-  <meta property="og:url" content="http://tea.xyz/white-paper/" />
-  <meta property="og:type" content="article" />
-  <meta property="og:article:published_time" content="2022-05-19" />
-  <meta property="og:article:author" content="https://twitter.com/mxcl" />
-  <meta property="og:article:author" content="https://www.linkedin.com/in/timothytlewis/" />
-  <meta property="og:article:author" content="https://www.linkedin.com/in/thomas-borrel-149b15/" />
-  <meta property="og:title" content="tea.white-paper" />
-  <meta property="og:determiner" content="the" />
-  <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)" />
-
-  <script>
-    const q = window.location.search.match(/[\^\?&]store=[^&]*/)
-    if (q) {
-      localStorage.signup = q[0].split('=')[1]
-      window.location.replace(`${window.location.origin}${window.location.pathname}`)
-    }
-  </script>
-</head>
-
-<body>
-
-<!-- Google Tag Manager (No Script) -->
-
-<noscript>
-  <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5WQVCLC" width="0" height="0" style="display:none;visibility:hidden;"></iframe>
-</noscript>
-
- <!-- End GTM (No Script) -->
-
-  <style>
-    .gf-container {
-      width: 80px;
-      height: 80px;
-      border-radius: 60px;
-      display: flex;
-      flex-direction: column;
-      position: fixed;
-      right: 15px;
-      bottom: 15px;
-      cursor: pointer;
-      box-shadow: 0 0 0 rgba(204, 169, 44, 0.4);
-      animation: pulse 2s infinite;
-      z-index: 200;
-    }
-
-    .gf-container:hover {
-      animation: none;
-    }
-
-    @-webkit-keyframes pulse {
-      0% {
-        -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
-      }
-
-      70% {
-        -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
-      }
-
-      100% {
-        -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
-      }
-    }
-
-    @keyframes pulse {
-      0% {
-        -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
-        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
-      }
-
-      70% {
-        -moz-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
-        box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
-      }
-
-      100% {
-        -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
-        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
-      }
-    }
-
-    .github-icon {
-      width: 60%;
-      margin-top: auto;
-      margin-bottom: auto;
-    }
-
-    @media only screen and (max-width: 980px) {
-      .auth-btn {
-        width: 100%;
-        margin-bottom: 20px;
-      }
-    }
-
-    @media only screen and (max-width: 980px) {
-      .auth-btn {
-        width: 100%;
-        margin-bottom: 20px;
-      }
-
-      .mobile-pdf {
-        display: block;
-      }
-
-      .pdf-iframe {
-        display: none;
-      }
-    }
-
-    @media only screen and (min-width: 980px) {
-
-      .mobile-pdf {
-        display: none;
-      }
-
-      .pdf-iframe {
-        display: block;
-      }
-    }
-  </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">
-
-  </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>
-      <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>
-          <input type="checkbox" id="checkbox1" class="checkbox1 visuallyHidden">
-          <label for="checkbox1">
-            <div class="hamburger hamburger1">
-              <span class="bar bar1"></span>
-              <span class="bar bar2"></span>
-              <span class="bar bar3"></span>
-              <span class="bar bar4"></span>
-            </div>
-          </label></span>
-      </button>
-      <div class="collapse navbar-collapse pt-2 pb-2" id="navbarSupportedContent">
-        <ul class="navbar-nav ms-auto me-4 my-auto">
-          <li class="nav-item mt-lg-0 mt-md-0 mt-sm-3 mt-3">
-            <a class="nav-link" aria-current="page" href="/">Home</a>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link" href="/#why-tea">Why tea?</a>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link" href="/#features">Features</a>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link" href="/#community">Community</a>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link" href="https://medium.com/teaxyz">Blog</a>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link" href="https://linktr.ee/teaxyz">Linktree</a>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link active" href="/white-paper/">White Paper</a>
-          </li>
-        </ul>
-      </div>
-      <a class="btn btn-primary auth-btn mt-lg-0 mt-md-4 mt-sm-4 mt-4 mx-auto"
-        href="https://github.com/apps/tea-xyz/installations/new" role="button">Authenticate with tea<span
-          class="badge rounded-pill bg-primary ms-3"><span id="count1"></span></span></a>
-    </div>
-  </nav>
-
-
-  <!-- Hero Section -->
-
-  <img style="display:none;" id="tea-steam-dark-1" src="/Images/tea-steam-dark-1.svg" alt="">
-  <img id="tea-steam-dark-2" src="/Images/tea-steam-dark-2.svg" alt="">
-  <div class="container mb-lg-2 mb-md-5 mb-sm-0 mb-0 mt-lg-2 mt-md-5 mt-sm-0 mt-0">
-    <div class="row hero my-auto">
-      <div style="z-index:100; display:flex; flex-direction:column;" class="col-lg-9 col-sm-12">
-        <div style="margin-top:auto; margin-bottom:auto;">
-          <h1 class="display-3 mb-4">We’re Open&#8208;Sourcing Our White Paper</h1>
-          <p class="mb-5 fs-sm-5 fs-lg-6 lead">Open&#8208;source is about the many coming together to create something
-            great. In the spirit of that, we’re inviting developers, speculators, and enthusiasts alike to contribute to
-            our white paper and help brew the future of the internet. This is our revolutionary undertaking to create
-            equitable open&#8208;source for web3, and we want you to be a part of laying its groundwork.<br><a
-              style="color:#54BAAB;" href="https://tea.xyz/tea.white-paper.pdf">Download our white paper</a>.</p>
-        </div>
-      </div>
-      <div style="display:flex; flex-direction:column;" class="col-lg-3 col-sm-12">
-        <div style="margin-top:auto; z-index:100;">
-          <a class="btn btn-primary mb-3" href="https://github.com/apps/tea-xyz/installations/new"
-            role="button">Authenticate with tea</a><br>
-          <a class="btn btn-primary align-middle mb-sm-5 mb-md-5 mb-5" id="whitepaper-btn"
-            href="https://github.com/teaxyz/white-paper" role="button"><i class="bi bi-github me-2" style="font-size:16px; "></i>Contribute to Our White Paper</a>
-        </div>
-      </div>
-    </div>
-  </div>
-
-  <!-- Start PDF -->
-
-  <div class="container pdf-iframe"
-    style="margin-bottom:100px; overflow:auto; -webkit-overflow-scrolling:touch; z-index:2;">
-    <iframe src="https://tea.xyz/tea.white-paper.pdf#toolbar=0&navpanes=0&view=fitH" width="100%" height="800px">
-    </iframe>
-  </div>
-
-  <!-- Mobile-only -->
-
-  <div class="container mobile-pdf" style="margin-bottom:100px;">
-    <div class="row">
-      <div class="col">
-        <div class="card">
-          <div style="display:flex; flex-direction:column; background-color:#23282C;" class="card-body pt-5 pb-5">
-            <div style="margin-top:auto; margin-bottom:auto;">
-              <p class="text-center">Mobile browsers can be finicky, so please view our white paper via the button
-                below.</p>
-              <a style="display:block; margin-left:auto; margin-right:auto;" class="btn btn-primary mb-3"
-                href="https://tea.xyz/tea.white-paper.pdf" role="button">Download our White Paper</a>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-
-  <!-- Community Links -->
-  <div class="row community-container pt-5 pb-5 mt-5 mb-5">
-    <div class="container p-4" id="community">
-      <div class="row">
-        <div class="col">
-          <h3 style="text-align:center;" class="mb-5 display-5">Join the Community</h3>
-        </div>
-
-      </div>
-      <div class="row">
-
-        <div class="col-6 col-sm-6 col-lg">
-          <a href="https://discord.gg/KCZsXfJphn">
-            <div class="com-card mb-4">
-              <img src="/Images/discord.svg" alt="" class="community-icon">
-            </div>
-          </a>
-        </div>
-
-        <div class="col-6 col-sm-6 col-lg">
-          <a href="https://twitter.com/teaxyz_">
-            <div class="com-card mb-4">
-              <img src="/Images/twitter.svg" alt="" class="community-icon">
-            </div>
-          </a>
-        </div>
-
-        <div class="col-6 col-sm-6 col-lg">
-          <a href="https://github.com/teaxyz">
-            <div class="com-card mb-4">
-              <img src="/Images/github.svg" alt="" class="community-icon">
-            </div>
-          </a>
-        </div>
-
-        <div class="col-6 col-sm-6 col-lg">
-          <a href="https://t.me/tea_xyz">
-            <div class="com-card mb-4">
-              <img src="/Images/telegram.svg" alt="" class="community-icon">
-            </div>
-          </a>
-        </div>
-
-        <div class="col-6 col-sm-6 col-lg align-self-center">
-          <a href="https://reddit.com/r/teaxyz">
-            <div class="com-card mb-4">
-              <img src="/Images/reddit.svg" alt="" class="community-icon">
-            </div>
-          </a>
-        </div>
-
-        <div class="col-6 col-sm-6 col-lg align-self-center">
-          <a href="https://www.instagram.com/tea.xyz/">
-            <div class="com-card mb-4">
-              <img src="/Images/instagram-iconAsset 1.svg" alt="" class="community-icon">
-            </div>
-          </a>
-        </div>
-
-      </div>
-    </div>
-  </div>
-
-  <!-- Footer -->
-  <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;">
-        <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>
-      </div>
-
-      <div class="col-lg-2 col-sm-6 col-6 mt-3">
-        <h6>Quick Links</h6>
-        <ul class="nav flex-column small">
-          <li class="nav-item">
-            <a class="nav-link ps-0" href="/#">Home</a>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link ps-0" href="/#why-tea">Why Tea?</a>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link ps-0" href="/#features">Features</a>
-          </li>
-        </ul>
-      </div>
-
-      <div class="col-lg-2 col-sm-6 col-6 mt-3 mb-3">
-        <h6>tea Links</h6>
-        <ul class="nav flex-column small">
-          <li class="nav-item">
-            <a class="nav-link ps-0" href="https://linktr.ee/teaxyz">Linktree</a>
-          </li>
-          <li class="nav-item">
-            <a class="nav-link ps-0" href="mailto:hello@tea.xyz">Careers</a>
-          </li>
-        </ul>
-      </div>
-
-      <div class="col-lg-4 mt-3">
-        <h6 class=" mb-4">Get updates to your inbox</h6>
-
-        <!-- Start Sendx Form Module -->
-
-        <div class="sendx-modal-TRDBBvXuDV3vy1t0U684MU">
-          <div class="sendx-modal-content-TRDBBvXuDV3vy1t0U684MU sendx-modal">
-            <div class="sendx-modal-right-TRDBBvXuDV3vy1t0U684MU">
-              <div class="sendx-modal-body-TRDBBvXuDV3vy1t0U684MU">
-  	             <form class="sendx-submit-form-TRDBBvXuDV3vy1t0U684MU" method="post" action="https://app.sendx.io/api/v1/form/TRDBBvXuDV3vy1t0U684MU">
-  	                <input id="SubscriberForm-Email-TRDBBvXuDV3vy1t0U684MU" type="Email" class="sendx-field-TRDBBvXuDV3vy1t0U684MU email-field mb-3" data-attr-type="0" name="Email" placeholder="Your Email" required>
-  	                <input type="submit" class="sendx-submit-TRDBBvXuDV3vy1t0U684MU sendx-button-TRDBBvXuDV3vy1t0U684MU btn-primary email-submit"  name="subscribe" value="Subscribe">
-  	               </input>
-                 </form>
-  	             <div class="sendx-close-text-TRDBBvXuDV3vy1t0U684MU">
-                <p></p>
-  	           </div>
-  	         <div style="display:flex; align-items:baseline;" class="sendx-gdpr-TRDBBvXuDV3vy1t0U684MU-wrapper">
-  	               <input class="sendx-gdpr-TRDBBvXuDV3vy1t0U684MU" type="checkbox"></input><span class="sendx-gdpr-content-TRDBBvXuDV3vy1t0U684MU ms-2"><p>Opt in to receive updates from us </p></span>
-      	         </div>
-      	       </div>
-            </div>
-          </div>
-      </div>
-
-      <!-- End Sendx Form -->
-
-        <p style="font-size: 16px; color: gray;">You can also share our <a style="color:#54BAAB;" href="https://linktr.ee/teaxyz">Linktree</a>.
-        </p>
-      </div>
-    </div>
-    <div class="row">
-      <p class="text-center" style="font-size:12px; color:#B7C7C8;">© 2022 tea inc.</p>
-    </div>
-  </div>
-
-  <!-- JavaScript Bundle with Popper -->
-  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
-    integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous">
-  </script>
-
-  <script src="https://code.jquery.com/jquery-3.6.0.min.js"
-    integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
-
-  <script>
-    try {
-      fetch('https://app.tea.xyz/api/signups')
-        .then(res => res.json())
-        .then(res => {
-          if (!(localStorage['signup'] || '').match(/:::/)) {
-            $('#count').html(res.signups)
-          }
-          $('#count1').html(res.signups)
-          $('#count2').html(res.signups)
-        })
-    } catch (e) {
-      console.error(e)
-    }
-  </script>
-
-  <script>
-    $(window).scroll(function () {
-      $('nav').toggleClass('scrolled', $(this).scrollTop() > 100);
-    });
-
-    if (localStorage['signup'].match(/:::/)) {
-      const [username, serial] = localStorage.signup.split(':::');
-      $('.box-auth-true').show();
-      $('.box-auth-false').hide();
-      $('#auth-username').html(username);
-      $('#count').html(serial);
-      $('#count-sub-text').html('YOUR AUTHENTICATION NUMBER');
-      $('#communitea').html('Thanks for joining our communi&#39;<span style="color:#54BAAB;">tea</span>');
-      $('#revolution-text').html(
-        'Now stay tuned! As an early authenticator, you’ll be entitled to a variety of exciting rewards, including minted NFT certificates.'
-      );
-      $('#auth-body-text').hide();
-      $('.rounded-pill').hide();
-      $('.auth-btn').html('Configure GitHub App');
-    }
-  </script>
-
-</body>
-
-</html>
--- a/static/Images/404.png
+++ b/static/Images/404.png
--- a/static/Images/4BF405B35B59DF70.png
+++ b/static/Images/4BF405B35B59DF70.png
--- a/static/Images/4BF405B35B59DF71.png
+++ b/static/Images/4BF405B35B59DF71.png
--- a/static/Images/4BF405B35B59DF72.png
+++ b/static/Images/4BF405B35B59DF72.png
--- a/static/Images/4BF405B35B59DF73.png
+++ b/static/Images/4BF405B35B59DF73.png
--- a/static/Images/4BF405B35B59DF74.png
+++ b/static/Images/4BF405B35B59DF74.png
--- a/static/Images/4BF405B35B59DF75.png
+++ b/static/Images/4BF405B35B59DF75.png
--- a/static/Images/4BF405B35B59DF76.png
+++ b/static/Images/4BF405B35B59DF76.png
--- a/static/Images/4BF405B35B59DF77.png
+++ b/static/Images/4BF405B35B59DF77.png
--- a/static/Images/4BF405B35B59DF7E.png
+++ b/static/Images/4BF405B35B59DF7E.png
--- a/static/Images/FA44D2EC33FD4BC5.png
+++ b/static/Images/FA44D2EC33FD4BC5.png
--- a/static/Images/binance.svg
+++ b/static/Images/binance.svg
--- a/static/Images/centralized.svg
+++ b/static/Images/centralized.svg
--- a/static/Images/cross-platform.svg
+++ b/static/Images/cross-platform.svg
--- a/static/Images/decentralized-secure.svg
+++ b/static/Images/decentralized-secure.svg
--- a/static/Images/decentralized.svg
+++ b/static/Images/decentralized.svg
--- a/static/Images/delightful-dev.svg
+++ b/static/Images/delightful-dev.svg
--- a/static/Images/designed-teams.svg
+++ b/static/Images/designed-teams.svg
--- a/static/Images/discord.svg
+++ b/static/Images/discord.svg
--- a/static/Images/github.svg
+++ b/static/Images/github.svg
--- a/static/Images/help-build.svg
+++ b/static/Images/help-build.svg
--- a/static/Images/instagram-iconAsset
+++ b/static/Images/instagram-iconAsset
--- a/static/Images/no-compensation.svg
+++ b/static/Images/no-compensation.svg
--- a/static/Images/obligation_maintain.svg
+++ b/static/Images/obligation_maintain.svg
--- a/static/Images/open-governance.svg
+++ b/static/Images/open-governance.svg
--- a/static/Images/reddit.svg
+++ b/static/Images/reddit.svg
--- a/static/Images/tea-auth-qr-code.svg
+++ b/static/Images/tea-auth-qr-code.svg
--- a/static/Images/tea-hero-illustrationAsset
+++ b/static/Images/tea-hero-illustrationAsset
--- a/static/Images/tea-hero-image.svg
+++ b/static/Images/tea-hero-image.svg
--- a/static/Images/tea-hero-img.png
+++ b/static/Images/tea-hero-img.png
--- a/static/Images/tea-light.svg
+++ b/static/Images/tea-light.svg
--- a/static/Images/tea-logo-main.png
+++ b/static/Images/tea-logo-main.png
--- a/static/Images/tea-main-illustrationAsset
+++ b/static/Images/tea-main-illustrationAsset
--- a/static/Images/tea-main-logo.svg
+++ b/static/Images/tea-main-logo.svg
--- a/static/Images/tea-steam-1.svg
+++ b/static/Images/tea-steam-1.svg
--- a/static/Images/tea-steam-2.svg
+++ b/static/Images/tea-steam-2.svg
--- a/static/Images/tea-steam-dark-1.svg
+++ b/static/Images/tea-steam-dark-1.svg
--- a/static/Images/tea-steam-dark-2.svg
+++ b/static/Images/tea-steam-dark-2.svg
--- a/static/Images/tea-top-logoAsset
+++ b/static/Images/tea-top-logoAsset
--- a/static/Images/tea-web-3-towerAsset
+++ b/static/Images/tea-web-3-towerAsset
--- a/static/Images/teams-design.svg
+++ b/static/Images/teams-design.svg
--- a/static/Images/tech-crunch-tea-xyz.svg
+++ b/static/Images/tech-crunch-tea-xyz.svg
--- a/static/Images/telegram.svg
+++ b/static/Images/telegram.svg
--- a/static/Images/token_rewards.svg
+++ b/static/Images/token_rewards.svg
--- a/static/Images/transferrable.svg
+++ b/static/Images/transferrable.svg
--- a/static/Images/twitter.svg
+++ b/static/Images/twitter.svg
--- a/static/Images/web-3-towerAsset-2.svg
+++ b/static/Images/web-3-towerAsset-2.svg
--- a/static/Images/web2-tower.svg
+++ b/static/Images/web2-tower.svg
--- a/static/banner.png
+++ b/static/banner.png
--- a/static/cover.png
+++ b/static/cover.png
--- a/static/css/style.css
+++ b/static/css/style.css
@ -0,0 +1,453 @@
+/*General*/
+
+html {
+    -webkit-hyphenate-character: '-';
+}
+
+body{
+  background-color: #2B3033;
+}
+
+/*Post Authentication Box*/
+
+/*Directions for Jacob:
+
+For authenticated users:
+
+* .box-auth-true = display:block;
+* .box-auth-false = display: none;
+* #auth-username = editInnerHTML to show username/email
+* #count = editInnerHTML to show user's authentication number
+* #count-sub-text = editInnerHTML to read "YOUR AUTHENTICATION NUMBER"
+* #communitea = editInnerHTML to read "Thanks for joining our"
+* #revolution-text = editInnerHTML to read "Now stay tuned! As an early authenticator, you’ll be entitled to a variety of exciting rewards, including minted NFT certificates."
+* #auth-body-text = display: none;
+* .rounded-pill = display: none;
+* .auth-btn = editInnerHTML to read "Configure GitHub App"
+
+*/
+
+/*Begin Auth Module*/
+
+.box-auth-true{
+  background-color: #54BAAB !important;
+  border: 1.5px solid #13FBD9 !important;
+  box-shadow: 0px 0px 5px #13FBD9 !important;
+  border-radius: 5px;
+  display: none;
+}
+
+.box-auth-false{
+  background-color:#44494B;
+  border-radius:5px;
+  display: block;
+}
+
+#auth-username{
+  color: white;
+  text-decoration: underline;
+}
+
+#count-sub-text{
+  text-transform: uppercase;
+}
+
+.navbar-dark .navbar-toggler{
+  border:none;
+}
+
+.visuallyHidden {
+    position: absolute;
+    overflow: hidden;
+    clip: rect(0 0 0 0);
+    height: 1px; width: 1px;
+    margin: -1px; padding: 0; border: 0;
+}
+
+.hamburger {
+    margin: 0 auto;
+    margin-top: 0px;
+    width: 30px;
+    height: 30px;
+    position: relative;
+}
+
+.hamburger .bar {
+    padding: 0;
+    width: 30px;
+    height: 4px;
+    background-color: #8EC7BF;
+    display: block;
+    border-radius: 4px;
+    transition: all 0.4s ease-in-out;
+    position: absolute;
+}
+
+.bar1 {
+    top: 0;
+}
+
+.bar2,
+.bar3 {
+    top: 13.5px;
+}
+
+.bar3 {
+    right: 0;
+}
+
+.bar4 {
+    bottom: 0;
+}
+
+/* HAMBURGER 1 */
+.checkbox1:checked + label > .hamburger1 > .bar1{
+    transform: rotate(45deg);
+    transform-origin: 5%;
+    width: 41px
+}
+
+.checkbox1:checked + label > .hamburger1 > .bar2 {
+    transform: translateX(-40px);
+    background-color: transparent;
+}
+
+.checkbox1:checked + label > .hamburger1 > .bar3 {
+    transform: translateX(40px);
+    background-color: transparent;
+}
+
+.checkbox1:checked + label > .hamburger1 > .bar4 {
+    transform-origin: 5%;
+    transform: rotate(-45deg);
+    width: 41px;
+}
+
+.container,
+.top-nav{
+  max-width: 1280px;
+}
+
+.navbar{
+  background-color: black;
+}
+
+.bg-dark {
+    background:transparent !important;
+    transition:0.2s ease-in-out;
+}
+.bg-dark.scrolled {
+    background-color:#000 !important;
+}
+
+#tea-steam-dark-1{
+  z-index:0;
+  position: absolute;
+}
+
+#tea-steam-dark-2{
+  z-index: 9;
+  position: absolute;
+  top:0px;
+  right: 0px;
+  width: 30%;
+}
+
+.rounded-pill{
+  background-color: #7EC9C0 !important;
+}
+
+.row{
+  width: 100%;
+  margin: 0 !important;
+}
+
+.container{
+  z-index: 50;
+}
+
+.hero{
+  padding: 80px 0px;
+}
+
+#why-tea{
+  margin-top: 80px;
+}
+
+  .hero-image{
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+  }
+
+
+  @media only screen and (max-width: 600px) {
+
+    #tea-steam-1{
+      position: absolute;
+      z-index: 0;
+      margin-top: -100px;
+      width: 50%
+    }
+
+    #tea-steam-2{
+      position: absolute;
+      z-index: 0;
+      display: block;
+      right: 0px;
+      margin-top: 50px;
+    }
+
+    #tea-steam-dark-1{
+      width:90%;
+    }
+
+    #tea-steam-dark-2{
+      display:none;
+    }
+
+    .hero-image{
+      display:none;
+    }
+
+    #binance{
+      display: block;
+      margin-left: auto;
+      margin-right: auto;
+      width: 70%;
+    }
+
+    h1{
+      font-size: 3.5rem !important;
+    }
+
+  }
+
+
+  @media only screen and (min-width: 600px) {
+    #tea-steam-1{
+      position: absolute;
+      z-index: 0;
+      margin-top: -100px;
+    }
+
+    #tea-steam-2{
+      position: absolute;
+      z-index: 0;
+      right: 0px;
+      display: block;
+      margin-top: 100px;
+    }
+
+    #binance{
+      display: block;
+      margin-left: auto;
+      margin-right: auto;
+      width: 40%;
+    }
+
+    .web2-container{
+      padding-top: 100px;
+      padding-bottom: 100px;
+    }
+
+    .web3-container{
+      padding-top: 0px;
+      padding-bottom: 100px;
+    }
+
+    .partners{
+      padding-top: 100px;
+      padding-bottom: 100px;
+    }
+}
+
+.web3-tower{
+  width:70%;
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.web2-tower{
+  width: 50%;
+}
+
+  /*Typorgaphy*/
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5{
+    font-family: 'Playfair Display', serif, system-ui !important;
+    color: #fff;
+    z-index:200;
+  }
+
+  h6{
+    color: #fff;
+  }
+
+  p{
+    color:#fff;
+  }
+
+  .yellow{
+    color: #DDFC76;
+  }
+
+  .charcoal{
+    color: #2B3033;
+  }
+
+  .teal{
+    color: #54BAAB;
+  }
+
+      .btn-primary{
+        background-color: #54BAAB;
+        border: none;
+        border-radius: 60px;
+        width: 300px;
+        padding: 10px 0px;
+        transition: 0.2s ease-in-out;
+      }
+
+
+      #tea-steam-1{
+        position: absolute;
+        z-index: 0;
+        margin-top: -100px;
+      }
+
+      #tea-steam-2{
+        position: absolute;
+        z-index: 0;
+        right: 0px;
+        display: block;
+        margin-top: 100px;
+      }
+
+      .community-icon{
+        width: 30%;
+      }
+
+      .card-body{
+        background-color: #2B3033;
+        border: 1px solid #DCDBDB;
+        border-radius: 3px;
+        box-shadow: 0px 0px 24px #16191B;
+      }
+
+      hr{
+        border: 1px solid #fff;
+      }
+
+      .btn-primary:hover{
+        background-color: #62CFBF;
+      }
+
+      #whitepaper-btn{
+        border: 2px solid #fff !important;
+        background-color: #2B3033;
+      }
+
+      .mission,
+      .community-container{
+        background-color: #54BAAB !important;
+      }
+
+      .mission{
+        padding: 100px 0px;
+      }
+
+      .com-card{
+        background-color: #62C8B9 !important;
+        border: 2px solid #7CEEDD;
+        border-radius: 3px;
+        height: 185px;
+        display: flex;
+        justify-content: center;
+        transition: 0.2s ease-in-out;
+      }
+
+      .com-card:hover{
+        cursor:pointer;
+        box-shadow: 0px 0px 12px rgba(81, 92, 92, 0.3);
+        transform: scale(1.02);
+      }
+
+      code{
+        color:#DDFC76;
+      }
+
+      .nav-link{
+        color:white;
+      }
+
+      .email-field{
+        width:100%;
+        border: none;
+        border-radius: 30px;
+        background-color: #3F4346;
+        padding: 10px 20px;
+        color: white;
+        transition: 0.1s ease-in-out;
+      }
+
+      .email-field:focus{
+        border: 1px solid #54BAAB !important;
+        box-shadow: 0px 0px 4px rgba(84, 186, 171, 0.5);
+      }
+
+      input{
+        outline: none !important;
+      }
+
+      .email-submit{
+        width: 100%;
+      }
+
+      /*Whitepaper Page*/
+
+      iframe {
+          display: block;       /* iframes are inline by default */
+          background: #000;
+          border: none;         /* Reset default border */
+          height: 100vh;
+          width:100%;
+      }
+
+      @media only screen and (max-width: 980px) {
+        .auth-btn {
+          width: 100%;
+          margin-bottom: 20px;
+        }
+      }
+
+      @media only screen and (max-width: 980px) {
+        .auth-btn {
+          width: 100%;
+          margin-bottom: 20px;
+        }
+
+        .mobile-pdf {
+          display: block;
+        }
+
+        .pdf-iframe {
+          display: none;
+        }
+      }
+
+      @media only screen and (min-width: 980px) {
+
+        .mobile-pdf {
+          display: none;
+        }
+
+        .pdf-iframe {
+          display: block;
+        }
+      }
--- a/static/favicon-1024.png
+++ b/static/favicon-1024.png
--- a/static/favicon-180.png
+++ b/static/favicon-180.png
--- a/static/favicon.ico
+++ b/static/favicon.ico
--- a/static/index.xml
+++ b/static/index.xml
@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>Equitable Open-Source for Web3</title>
+    <link>https://tea.xyz/</link>
+    <description>Recent content on Equitable Open-Source for Web3</description>
+    <generator>Hugo -- gohugo.io</generator>
+    <language>en-us</language><atom:link href="https://tea.xyz/index.xml" rel="self" type="application/rss+xml" />
+    <item>
+      <title>White Paper</title>
+      <link>https://tea.xyz/white-paper/</link>
+      <pubDate>Thu, 26 May 2022 00:00:00 +0000</pubDate>
+      
+      <guid>https://tea.xyz/white-paper/</guid>
+      <description>page this is the page</description>
+    </item>
+    
+  </channel>
+</rss>