v1.0.0 website

Signed-off-by: Jacob Heider <jacob@tea.xyz>
2024-11-25 01:45:11 +03:00 · 2022-04-25 12:41:24 -04:00 · 2022-04-25 12:41:24 -04:00 · c924e45114
commit c924e45114
parent f2b29fd071
66 changed files with 2924 additions and 897 deletions
--- a/.github/workflows/cd.yml
+++ b/.github/workflows/cd.yml
@ -1,6 +1,6 @@
 on:
  push:
-    paths:
+    paths-ignore:
    - '**/*.md'
 concurrency:
@ -10,6 +10,7 @@ concurrency:
 jobs:
  deploy:
    runs-on: ubuntu-latest
    if: github.ref == 'refs/heads/main'
    steps:
    - name: Create Deployment
      uses: bobheadxi/deployments@v0.6.2
@ -33,11 +34,10 @@ jobs:
    # cache-control of 10 mins because we *need* to be able to update
    # this and have people see the results can be fixed well with a static site builder
    - run: |
-        aws s3 sync . s3://www.tea.xyz \
+        aws s3 sync public s3://www.tea.xyz \
          --metadata-directive REPLACE \
          --cache-control max-age=600 \
          --exclude '.git/*' --exclude '.github/*' \
          --exclude pour.sh \
          --exclude '*.md' \
          --delete
--- a/404.html
+++ b/404.html
@ -1,35 +0,0 @@
 <!DOCTYPE html>
 <head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>tea &gt; 404</title>
  <link rel="apple-touch-icon-precomposed" href="/favicon-180.png">
  <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=Montserrat:ital,wght@0,400;0,700;1,400&family=Playfair+Display:wght@900&display=swap" rel="stylesheet">
  <link href="/index.css" rel="stylesheet">
  <link href="/mobile.css" rel="stylesheet">
  <style>
    body, html {
      background-color: var(--light-grey);
    }
  </style>
 </head>
 <body>
  <div id="masthead">
    <a href="/"><img src="/logo%2Bwordmark.png" class="logo"></a>
  </div>
  <div class="content content1">
    <div class="twocol">
      <div style="position: relative">
        <img src="/404.png" alt="broken teacup" style="position: absolute; top: -2.5rem; right: 0; height: 115%; max-height: 45rem">
      </div>
      <div>
        <h1><span class="alt">Oops<br />Something</span><br />Broke.</h1>
        <p>
          We couldn’t find the page you’re looking for.
        </p>
      </div>
    </div>
  </div>
 </body>
--- a/404.png
+++ b/404.png
--- a/banner.png
+++ b/banner.png
--- a/blockchain.png
+++ b/blockchain.png
--- a/circles.png
+++ b/circles.png
--- a/cover.png
+++ b/cover.png
--- a/favicon-1024.png
+++ b/favicon-1024.png
--- a/favicon-180.png
+++ b/favicon-180.png
--- a/favicon.ico
+++ b/favicon.ico
--- a/index.css
+++ b/index.css
@ -1,341 +0,0 @@
 :root {
  --trip-teal: 13,115,130;
  --trip-mint: 125, 201, 191;
  --trip-pale-mint: 178, 222, 219;
  --trip-neon-green: 212,255,92;
  --trip-charcoal: 43, 48, 51;
  --trip-light-charcoal: 102, 102, 102;
  --trip-light-grey: 230, 231, 232;
  --trip-pale-teal: 179, 200, 200;
  --teal: rgb(var(--trip-teal));
  --light-grey: rgb(var(--trip-light-grey));
  --charcoal: rgb(var(--trip-charcoal));
  --light-charcoal: rgb(var(--trip-light-charcoal));
  --neon-green: rgb(var(--trip-neon-green));
  --mint: rgb(var(--trip-mint));
  --pale-mint: rgb(var(--trip-pale-mint));
  --pale-teal: rgb(var(--trip-pale-teal));
  --main-padding: max(calc((100vw - 60rem) / 2 - 5.5rem), 3rem);
  --teal-highlight: #4c8995;
 }
 * {
  box-sizing: border-box;
 }
 html, body {
  padding: 0;
  margin: 0;
 }
 body, html {
  background-color: var(--teal);
  font-family: Montserrat, sans-serif;
  color: white;
  font-size: 16px;
 }
 b {
  font-weight: 900;
 }
 h1, h2, h3, h4, h5 {
  font-family: 'Playfair Display', serif;
  text-transform: lowercase;
  color: var(--teal);
 }
 h1 {
  font-size: 3rem;
 }
 h2 {
  font-size: 2rem;
 }
 h3 {
  font-size: 1.25rem;
 }
 h1 .alt, h2 .alt, h3 .alt {
  color: var(--pale-teal);
 }
 .tea {
  font-family: 'Playfair Display', serif;
  font-weight: bold;
 }
 .logo {
  width: auto;
  height: 2.2rem;
 }
 #masthead {
  background: white;
  color: var(--light-charcoal);
  padding: 1.8rem 3rem;
  padding-left: var(--main-padding);
  display: flex;
  align-items: center;
 }
 #masthead nav {
  margin-left: auto;
 }
 #masthead nav ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-weight: bold;
 }
 #masthead nav ol li {
  display: inline-block;
  padding: 0 1rem;
 }
 #masthead img {
  transform: translateY(-13%)
 }
 .content {
  padding: 2rem;
 }
 .content1 {
  background: var(--light-grey);
  color: var(--charcoal);
 }
 .content2 {
  background: white;
  color: var(--light-charcoal);
 }
 .content3 {
  background: inherit;
  color: inherit;
 }
 .content3 h1, .content3 h2, .content3 h3, .content3 h4, .content3 h5 {
  color: white;
 }
 .content {
  padding: 1rem max(calc((100vw - 60rem) / 2), 1rem);
 }
 p {
  max-width: 34em;
  line-height: 1.65;
 }
 .content > *:first-child {
  margin-top: 3rem;
 }
 .content > *:last-child {
  margin-bottom: 3rem;
 }
 b, strong {
  color: var(--charcoal);
 }
 strong {
  font-weight: 500;
 }
 .content3 b, .content3 strong {
  color: white;
 }
 b {
  position: relative;
  z-index: 0;
 }
 b::before {
  content: "";
  position: absolute;
  inset: 0;
  top: 55%;
  left: -0.2rem;
  height: 60%;
  width: calc(100% + 0.4rem);
  background: var(--neon-green);
  z-index: -1;
 }
 .content3 b::before {
  background: var(--teal-highlight);
 }
 .content3 {
  position: relative;
 }
 .content3 h2 {
  position: relative;
  z-index: 0;
 }
 .content3 p {
  z-index: 0;
 }
 .content3 .flair {
  content: "";
  background: var(--teal-highlight);
  position: absolute;
  inset: 0;
  left: var(--main-padding);
  height: 14rem;
  width: 8rem;
  z-index: -1;
 }
 code.example {
  background: var(--teal);
  border: 1px dashed var(--light-grey);
  color: white;
  padding: 1rem;
  font-size: 1.5rem;
  display: inline-block;
 }
 code.example.small {
  font-size: 1.3rem;
 }
 pre, code {
  font-family: 'Courier New', monospace;
 }
 a {
  color: var(--mint);
  text-decoration: none;
 }
 a:hover, a:visited:hover {
  color: var(--pale-mint);
 }
 a:active, a:hover:active {
  color: var(--neon-green);
 }
 .content1 a {
  color: var(--teal);
 }
 .content3 a {
  color: #54baab;
 }
 .content3 a:hover, .content3 a:visited:hover {
  color: #7dc9bf;
 }
 .content3 a:active, .content3 a:hover:active {
  color: #45edd6;
 }
 a.button, input[type=submit] {
  line-height: 3rem;
  border-radius: 1.5rem;
  padding: 0 5rem;
  background: white;
  color: var(--charcoal);
  display: inline-block;
  font-weight: bold;
  letter-spacing: 0.125rem;
  text-transform: uppercase;
  border: 0;
 }
 a.button:hover, input[type=submit]:hover, a.button:visited:hover, input[type=submit]:visited:hover {
  background: #7df2de;
  color: var(--charcoal);
 }
 a.button:active, input[type=submit]:active, a.button:visited:active, input[type=submit]:visited:active {
  background: #45edd6;
 }
 .content2 a.button, input[type=submit] {
  background: #54baab;
  color: white;
 }
 a.button:hover, a.button:visited:hover {
  background: #7dc9bf;
  color: white;
 }
 a.button:active, a.button:visited:active {
  background: #addbd6;
  color: white;
 }
 ul.linktree {
  list-style-type: none;
  margin: 0;
  margin-left: -1.2rem;
  margin-top: 2rem;
  margin-bottom: 4rem;
  padding: 0;
  display: table;
  border-collapse: separate;
  border-spacing: 1rem;
 }
 ul.linktree li {
  display: table-row;
 }
 ul.linktree li a {
  display: table-cell;
 }
 .linktree .button {
  text-align: center;
 }
 .twocol {
  display: grid;
  grid-template-columns: repeat(auto-fill, calc(50% - 3rem));
  gap: 6rem;
 }
 img.constrained {
  max-width: 100%;
  max-height: 100%;
 }
 .genuine-innovation .twocol > div:first-child {
  padding: 2rem 0 3rem 0;
 }
 .genuine-innovation .twocol:first-child {
  margin-bottom: 10rem;
 }
 .genuine-innovation .twocol:nth-child(2) {
  margin-bottom: 10rem;
 }
 .hero p {
  font-size: larger;
 }
 input[type=email] {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  padding: 0 1.5em;
  margin: 0;
  line-height: 3rem;
  border-radius: 1.5rem;
  width: 20em;
  margin-right: 1rem;
  transform: translateY(-1px) translateX(-3px); /* or not aligned with submit button */
 }
 input[type=submit] {
  font-size: 100%;
  padding: 0 1.5rem;
  margin: 0;
 }
 .content2 input[type=email] {
  background-color: var(--pale-mint);
  color: var(--teal);
  width: 14em;
  margin-right: 0;
 }
 .content2 input[type=email]::placeholder {
  color: rgba(var(--trip-teal), 0.5);
 }
 .aside {
  font-variant: small-caps;
  opacity: 0.5;
  text-align: left;
 }
 .left-a-bit {
  transform: translateX(-3rem);
 }
 .right-a-bit {
  transform: translateX(3rem);
 }
 .twocol.left-a-bit, .twocol.right-a-bit {
  gap: 3rem;
 }
 .footer {
  font-size: x-small;
  opacity: 0.5;
  text-align: center;
  max-width: unset;
 }
--- a/index.html
+++ b/index.html
@ -1,288 +0,0 @@
 <!DOCTYPE html>
 <head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>tea &gt; the toolkit that builds the Internet</title>
  <link rel="apple-touch-icon-precomposed" href="/favicon-180.png">
  <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=Montserrat:ital,wght@0,400;0,700;1,400&family=Playfair+Display:wght@900&display=swap" rel="stylesheet">
  <link href="/index.css" rel="stylesheet">
  <link href="/mobile.css" 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">
 </head>
 <body>
  <div id="masthead">
    <img src="/logo%2Bwordmark.png" alt="tea." class="logo">
    <nav>
      <ol>
        <li><a href="https://medium.com/teaxyz">Blog</a></li>
        <li><a href="https://www.businesswire.com/news/home/20220323005603/en/Tea-Raises-8-Million-Led-by-Binance-Labs-to-Create-New-Open-Source-Software-on-the-Blockchain">Press Release</a></li>
      </ol>
    </nav>
  </div>
  <div class="content content1 hero">
    <div class="something-new-is-brewing">
      <h1><span class="alt">Something<br />New is</span><br />Brewing.</h1>
      <p>
        The tools that build the Internet have steeped too long.<br/>
        It’s time for a fresh brew.
      </p>
      <span style="border: 4px solid var(--teal); display: inline-block; margin-top: 1rem">
        <code class="example">
          <span style="color: var(--mint)">$</span>&nbsp;sh&nbsp;&lt;(curl&nbsp;tea.xyz)
        </code>
      </span>
      <img src="terminal-window.png" alt="Abstract Terminal Window">
    </div>
  </div>
  <div class="content content2">
    <div class="twocol right-a-bit image-container-mobile lightbulb">
      <div>
        <h2><span class="alt">Transforming<br />What’s</span> Possible.</h2>
        <p>
          Like its predecessor, <code>brew</code>,
            <span class="tea">tea</span> is the base of the
            developer stack—seated beneath the tools that build the Internet.
          We’re uniquely placed to have tangible impact on all aspects of software development
            <i>and we intend to</i>.
          We will make sure devs have the tools they need to build the Internet and
            the compensation they need to keep on building.
        </p>
      </div>
      <div class="image-container">
        <img src="lightbulb.png" alt="lightbulb">
      </div>
    </div>
    <div class="twocol image-container-mobile blockchain">
      <div class="image-container">
        <img src="blockchain.png" alt="blockchain">
      </div>
      <div>
        <h2>
          <span class="alt">It’s time for an<br/>
          open source</span> revolution.
        </h2>
        <p>
          For more than twenty years the Internet has been built upon the fruits of freely available open source.
          Whenever a project enabled new functionality it was
            (whether desired or not)
            added as a new brick in the tower of infrastructure;
            giving the Internet new powers and capabilities;
            becoming a new foundation for all the innovations that followed.
          The maintainers of these new bricks became thanklessly unpaid volunteers.
        </p>
        <h3><span class="alt">The</span> Homebrew <span class="alt">Story</span>.</h3>
        <p>
          Homebrew has been used by tens of millions of creators to build things we all use every day,
            and yet Max Howell—the creator of <code>brew</code> and co&hyphen;founder of <span class="tea">tea</span>—was
            unable to make a living from Homebrew alone.
          Maintaining such a large project was more than a full&hyphen;time job but every few years Max
            would have to go back to working on somebody else’s idea for money.
          Of the countless enterprises that have utilized Homebrew,
            only two have ever said thanks:
          Google sent him a blanket and Square sent him an iPad.
          As generous as (the iPad) was, small gifts don’t pay bills.
          We’re making sure such a thing never happens again and that open source developers
            can focus on building things they love without compromise.
        </p>
        <p style="font-size: smaller; text-align: right">
          <a href="https://medium.com/teaxyz/tea-brew-478a9e736638">Max tells the story himself at Medium →</a>
        </p>
        <h3><span class="alt">Tech giants accrued fortunes on the backs of people they’ve</span> never thanked, paid or even met.</h3>
        <p>
          The problem has always existed, but the technology to solve it hasn’t.
          <span class="tea">tea</span> facilitates the graph of open source that underpins all modern digital infrastructure.
          We’re putting it <i>on&hyphen;chain</i> creating a <i>map</i>
            we’ll use to guide value redistribution to the open source that makes the Internet possible.
        </p>
        <p>
          We’re not changing how open source works—<i>it’s still free.</i>
          web3 has introduced powerful new paradigms that allow value to be compensated without direct payment.
          Creator economy, meet open source.
        </p>
        <p style="margin-top: 3em">
          Want an email when the white paper is released?
        </p>
        <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 placeholder="Email" name="EMAIL" type="email" />
          <input type="submit" value="subscribe" />
        </form>
      </div>
    </div>
  </div>
  <div class="content content3">
    <h2>
      Cross Platform.
    </h2>
    <div class="twocol">
      <div>
        <p>
          Wherever you develop,
            wherever your CI/CD runs,
            however you deploy your app,
            <span class="tea">tea</span> is there.
          We abstract this detail away so you can get on with the work that matters to <strong>you</strong>.
        </p>
        <code class="example small">
          <span style="color: var(--mint)">$</span> sh &lt;(curl tea.xyz) ci
        </code>
      </div>
      <div>
        <p>
          Your <code>README</code>, blog post or internal install instructions can
          all use the same, simple one&hyphen;liner.
        </p>
        <code class="example small">
          <span style="color: var(--mint)">$</span>&nbsp;sh&nbsp;&lt;(curl&nbsp;tea.xyz)&nbsp;install&nbsp;deno.land
        </code>
        <p style="color: var(--pale-teal)">
          Here, our one&hyphen;liner installs <a href="https://deno.land"><code>deno</code></a>
            to <code>./bin/deno</code>. If <span class="tea">tea</span> is installed it
            integrates with that installation, if not the script just exits;
            <span class="tea">tea</span> itself is not installed either way.
          We’re happy to be just the transmission layer.
        </p>
      </div>
    </div>
    <h2>
      Designed for Tea’ms.
    </h2>
    <p>
      <b>Good developers create. Great developers collaborate.</b>
    </p>
    <p>
      You don’t work alone and neither should the tool that sits at the root of your stack.
      We’re designing tea to be super great for teams.
    </p>
    <p>
      <span class="tea">tea</span>
      sets your stack up <i>right</i>
      and makes working with it a <i>delight</i>
      so you and your team can focus on building what matters.
    </p>
  </div>
  <div class="content content1">
    <div class="twocol">
      <div>
        <h2>
          <span class="alt">Decentralized<br/>
          &</span> Secure.
        </h2>
        <p>
          <span class="tea">tea</span>’s decentralization offers tangible benefits to ecosystem <b>security<span style="font-weight: normal">.</span></b>
          Every layer of your apps and dapps is signed and verified on&hyphen;chain.
          Users can rest assured that the software they are using is what <i>all</i> its creators intended.
        </p>
        <p>
          In day to day development our decentralization increases <b>reliability</b>
          (<a href="https://www.theregister.com/2016/03/23/npm_left_pad_chaos/">leftpad</a> is a sore memory)
          and gives developers the flexibility they need to turn inspiration into empires;
          when a single proprietry vendor controls how your stack is composed and deployed your stack is centralized and <strong>under their control</strong>.
        </p>
        <p>
          We’re also saying goodbye to centralization at the <i>installation layer</i>.
          Say hello to native, built&hyphen;in “version management”† for every tool in your stack
          and goodbye to dependency hell.
        </p>
        <p style="font-size: smaller">
          † similar to tools like <code>rbenv</code>, <code>nvm</code> or Python’s virtualenv.
        </p>
      </div>
      <div>
        <h2>
          Delightful <span class="alt">developer<br/>
          experience.</span>
        </h2>
        <p>
          <span class="tea">tea</span> is built with a “it just works” philosophy.
          It’s our job to set you up for success and then get out of your way so you can work as effectively as possible.
          Development is hard enough without the toolset being a source of pain as well.
        </p>
        <p>
          Much like its predecessor, <code>brew</code>, <span class="tea">tea</span> is full of delightful touches.
          You’ll have to try it and see.
        </p>
        <p>
          <i>Of course delightful also means <b>fast<span style="font-weight: normal">.</span></b></i> You’ve got plenty to do and need tools that <i>respect your time</i>.
        </p>
      </div>
    </div>
  </div>
  <div class="content content2 genuine-innovation image-container-mobile">
    <div class="twocol right-a-bit image-container-mobile open-governance">
      <div>
        <h2>
          <span class="alt">Open</span> Governance.
        </h2>
        <p>
          We believe the open source community needs to direct and control the ecosystem we will help launch.
          The DAO will be an open, transparent and evolving governance structure where the
            depth of your contributions will matter more than the depth of your pocket.
        </p>
      </div>
      <div class="image-container">
        <img src="circles.png" alt="circles">
      </div>
    </div>
    <div class="twocol left-a-bit image-container-mobile we-are-hiring">
      <div class="image-container">
        <img src="magnifying-glass.png" alt="magnifying-glass">
      </div>
      <div>
        <h2><span class="alt">We’re</span> Hiring.</h2>
        <p>
          Join the team that is both fixing how open source is funded and
          creating the tools that will accelerate its creation for the benefit of all humanity.
        </p>
        <p>
          Max Howell, our CEO, created <code>brew</code>.
          He’s a self&hyphen;taught developer,
            yet has written software used by tens of millions of people.
          <strong>He doesn’t care if you know how to invert a binary tree.</strong>
          If you have a passion for changing the world and have
            built some cool stuff then why not <a href="mailto:jobs@tea.xyz">email us</a>
            and speak for what job you have in mind?
        </p>
      </div>
    </div>
  </div>
  <div class="content content3">
    <h2>Coming Soon.</h2>
    <p>
      Join the community that’s taking back the Internet.
    </p>
    <ul class="linktree">
      <li><a class="button" href="https://discord.tea.xyz">Discord</a> <span class="aside">developers & users</span></li>
      <li><a class="button" href="https://twitter.com/teaxyz_">Twitter</a> <span class="aside">follow us=now. rewards=later.</span></li>
      <li><a class="button" href="https://github.com/teaxyz">GitHub</a> <span>&nbsp;</span></li>
      <li><a class="button" href="https://t.me/tea_xyz">Telegram</a> <span class="aside">web3 discussion</span></li>
      <li><a class="button" href="https://reddit.com/r/teaxyz">Reddit</a> <span>&nbsp;</span></li>
    </ul>
    <p>Get updates to your inbox.</p>
    <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 placeholder="Email" name="EMAIL" type="email" />
      <input type="submit" value="subscribe" />
    </form>
    <p style="margin-top: 3rem">You can also share our <a href="https://linktr.ee/teaxyz">Linktree</a>.</p>
  </div>
  <p class="footer">© 2022 tea.inc.</p>
 </body>
 <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/lightbulb.png
+++ b/lightbulb.png
--- a/logo+wordmark.png
+++ b/logo+wordmark.png
--- a/magnifying-glass.png
+++ b/magnifying-glass.png
--- a/mobile.css
+++ b/mobile.css
@ -1,230 +0,0 @@
@media (min-width: 62rem) {
  .something-new-is-brewing {
    display: inline-block; /* not sure why, but removing this screws with the image on the right */
    position: relative; /* [1] */
  }
  .something-new-is-brewing h1, .genuine-innovation h2 {
    margin-top: 0; /* margin collapse doesn’t work due to above [1] */
  }
  .content > *:first-child.something-new-is-brewing {
    margin-top: 3rem;
  }
  .content > *:last-child.something-new-is-brewing {
    margin-top: 3rem;
  }
  .genuine-innovation .twocol > div:first-child {
    padding: 0;
  }
  .genuine-innovation .twocol:nth-child(2) {
    margin-bottom: 3rem;
  }
 }
 .hero {
  position: relative;
 }
@media (max-width: 62rem) {
  .content {
    padding: 0 1.5rem;
    display: flow-root;
  }
  .content > *:first-child {
    margin-top: 2rem;
  }
  .content > *:last-child {
    margin-bottom: 2rem;
  }
  h1 {
    margin-top: 1rem;
  }
  .twocol {
    display: inline; /* to make margin-collapse happen */
  }
  .right-a-bit, .left-a-bit {
    transform: unset;
  }
  ul.linktree {
    display: initial;
  }
  ul.linktree li {
    display: block;
    margin-bottom: 1rem;
  }
  ul.linktree li>*, ul.linktree li a {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 0.3rem;
  }
 }
@media (max-width: 43rem) {
  .logo {
    height: 2rem;
  }
  #masthead {
    padding: 1.5rem;
  }
 }
@media (max-width: 24.375rem) {
  body, html {
    font-size: 14px;
  }
 }
@media (max-width: 20rem) {
  body, html {
    font-size: 12px;
  }
 }
 .image-container {
  position: relative;
 }
 .image-container-mobile {
  position: unset;
 }
 .image-container-mobile.blockchain {
  padding-top: 3rem;
 }
@media (max-width: 62rem) {
  .image-container {
    position: unset;
  }
  .image-container-mobile {
    position: relative;
    padding-top: 8rem;
  }
  .image-container-mobile.blockchain {
    padding-top: 13rem;
  }
  .image-container-mobile.genuine-innovation {
    padding-top: 3rem;
  }
 }
 .something-new-is-brewing img {
  position: absolute;
  right: -30rem;
  bottom: 0;
  width: 26rem;
 }
 .lightbulb .image-container img {
  height: 16rem;
  position: absolute;
  top: 3rem;
  left: 0;
 }
 .blockchain .image-container img {
  position: absolute;
  top: 3rem;
  right: -1rem;
  height: 25rem;
  max-height: 45rem;
 }
 .open-governance .image-container img {
  position: absolute;
  height: 15rem;
  top: 0;
  left: 0;
 }
 .we-are-hiring .image-container img {
  height: 14rem;
  position: absolute;
  top: 0;
  right: 0
 }
@media (max-width: 62rem) {
  .lightbulb .image-container img {
    height: 12rem;
    top: 0;
    right: -2rem;
    left: unset;
  }
  .image-container-mobile.lightbulb {
    padding-top: 3.8rem;
  }
  .blockchain .image-container img {
    height: 22rem;
    top: -1rem;
    left: -5.8rem;
    right: 0;
    clip-path: inset(10px 0 10px 0);
  }
  .we-are-hiring .image-container img {
    height: 10rem;
    position: absolute;
    top: 0;
    right: 0
  }
  .open-governance .image-container img {
    height: 8rem;
    right: 0;
    left: unset;
    top: -1rem;
  }
  .blockchain h2 {
    padding-left: 1.5rem;
  }
  .blockchain form {
    margin-bottom: 1rem;
  }
  form input[type="submit"] {
    font-size: 72%;
    -webkit-appearance: none;
  }
  input[type=email] {
    width: 50%;
  }
  h2 {
    position: relative;
    z-index: 1;
    backdrop-filter: blur(0.5rem);
    -webkit-backdrop-filter: blur(0.5rem);
  }
  .lightbulb h2, .blockchain h2, .genuine-innovation h2 {
    display: inline-block;
    margin-bottom: 0.83rem;
  }
  .blockchain, .lightbulb {
    display: block;
  }
  .something-new-is-brewing img {
    right: -12em;
    height: 14em;
    width: auto;
    top: 2.5em;
    bottom: unset;
  }
  code.example.small {
    max-width: 100%;
    min-width: 100%;
    overflow: scroll;
  }
  .content {
    overflow: hidden;
  }
 }
@media (min-width: 90rem) {
  .logo {
    height: 2.8rem;
  }
  #masthead {
    padding-top: 2.45rem;
    padding-bottom: 2.45rem;
  }
 }
--- a/press-release.pdf
+++ b/press-release.pdf
--- a/public/Images/4BF405B35B59DF70.png
+++ b/public/Images/4BF405B35B59DF70.png
--- a/public/Images/4BF405B35B59DF71.png
+++ b/public/Images/4BF405B35B59DF71.png
--- a/public/Images/4BF405B35B59DF72.png
+++ b/public/Images/4BF405B35B59DF72.png
--- a/public/Images/4BF405B35B59DF73.png
+++ b/public/Images/4BF405B35B59DF73.png
--- a/public/Images/4BF405B35B59DF74.png
+++ b/public/Images/4BF405B35B59DF74.png
--- a/public/Images/4BF405B35B59DF75.png
+++ b/public/Images/4BF405B35B59DF75.png
--- a/public/Images/4BF405B35B59DF76.png
+++ b/public/Images/4BF405B35B59DF76.png
--- a/public/Images/4BF405B35B59DF77.png
+++ b/public/Images/4BF405B35B59DF77.png
--- a/public/Images/4BF405B35B59DF7E.png
+++ b/public/Images/4BF405B35B59DF7E.png
--- a/public/Images/FA44D2EC33FD4BC5.png
+++ b/public/Images/FA44D2EC33FD4BC5.png
--- a/public/Images/binance.svg
+++ b/public/Images/binance.svg
@ -0,0 +1 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 633.04 126.61"><defs><style>.cls-1{fill:#f3ba2f;}</style></defs><g id="Layer_2" data-name="Layer 2"><g id="Your_design" data-name="Your design"><polygon class="cls-1" points="38.72 53.2 63.31 28.62 87.91 53.22 102.21 38.91 63.31 0 24.41 38.9 38.72 53.2"/><rect class="cls-1" x="4.19" y="53.19" width="20.23" height="20.23" transform="translate(-40.57 28.66) rotate(-45)"/><polygon class="cls-1" points="38.72 73.41 63.31 98 87.91 73.4 102.22 87.69 102.21 87.7 63.31 126.61 24.41 87.72 24.39 87.7 38.72 73.41"/><rect class="cls-1" x="102.19" y="53.19" width="20.23" height="20.23" transform="translate(-11.87 97.96) rotate(-45)"/><polygon class="cls-1" points="77.82 63.3 77.82 63.3 63.31 48.78 52.58 59.51 52.58 59.51 51.34 60.74 48.8 63.28 48.8 63.28 48.78 63.3 48.8 63.33 63.31 77.83 77.82 63.31 77.83 63.3 77.82 63.3"/><path class="cls-1" d="M148.92,30.68H180q11.6,0,17.52,5.94A15.51,15.51,0,0,1,202.15,48v.19a16.35,16.35,0,0,1-.72,5.08,15.58,15.58,0,0,1-1.9,4,15.1,15.1,0,0,1-2.77,3.12,17.53,17.53,0,0,1-3.38,2.3,22.73,22.73,0,0,1,9.17,6q3.33,3.8,3.34,10.5v.19a17.44,17.44,0,0,1-1.77,8.06A15.66,15.66,0,0,1,199,93.22a23.87,23.87,0,0,1-7.95,3.45,42.58,42.58,0,0,1-10.29,1.15H148.92Zm28,27.14a15.39,15.39,0,0,0,7.77-1.68,5.79,5.79,0,0,0,2.88-5.42v-.19a5.91,5.91,0,0,0-2.5-5.13q-2.49-1.77-7.19-1.77H163.3V57.82Zm3.94,27.05a14.23,14.23,0,0,0,7.67-1.77,6.1,6.1,0,0,0,2.78-5.52v-.19a6.31,6.31,0,0,0-2.59-5.32q-2.59-2-8.34-2H163.3V84.87Z"/><path class="cls-1" d="M224.42,30.68h14.77V97.82H224.42Z"/><path class="cls-1" d="M261.57,30.68h13.61L306.65,72V30.68h14.57V97.82H308.66L276.14,55.14V97.82H261.57Z"/><path class="cls-1" d="M365.94,30.2h13.62l28.78,67.62H392.9l-6.14-15.06H358.37l-6.14,15.06H337.17Zm15.54,39.52-8.92-21.78-8.92,21.78Z"/><path class="cls-1" d="M424.28,30.68h13.63L469.36,72V30.68h14.58V97.82H471.38L438.86,55.14V97.82H424.28Z"/><path class="cls-1" d="M537.1,99a34.92,34.92,0,0,1-13.71-2.68A33.79,33.79,0,0,1,512.45,89a33.27,33.27,0,0,1-7.19-11,35.35,35.35,0,0,1-2.59-13.53v-.19a34.89,34.89,0,0,1,9.78-24.51,33.44,33.44,0,0,1,11-7.48,36,36,0,0,1,14.2-2.73,44.49,44.49,0,0,1,8.58.77,35.36,35.36,0,0,1,7,2.11,30.2,30.2,0,0,1,5.85,3.26,39.62,39.62,0,0,1,5,4.22l-9.4,10.84a35.26,35.26,0,0,0-8-5.57,20.44,20.44,0,0,0-9.16-2,18.58,18.58,0,0,0-14,6.14,20.91,20.91,0,0,0-4,6.66,22.65,22.65,0,0,0-1.44,8.11v.19a23,23,0,0,0,1.44,8.15,21.13,21.13,0,0,0,4,6.71,18.46,18.46,0,0,0,14.05,6.24,20.56,20.56,0,0,0,9.74-2.11,37.62,37.62,0,0,0,7.91-5.76l9.4,9.5a48.81,48.81,0,0,1-5.37,5,32.6,32.6,0,0,1-6.09,3.79,31.72,31.72,0,0,1-7.24,2.39A43.28,43.28,0,0,1,537.1,99Z"/><path class="cls-1" d="M582,30.68h50.55V43.82h-36V57.44h31.66V70.58H596.59v14.1H633V97.82H582Z"/></g></g></svg>
--- a/public/Images/centralized.svg
+++ b/public/Images/centralized.svg
@ -0,0 +1,10 @@
 <svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M22.9594 11.417L28.4797 5.89673" stroke="#DDFC76" stroke-width="0.5" stroke-miterlimit="10" stroke-dasharray="1 1"/>
 <path d="M5.89667 28.6053L11.417 23.085" stroke="#DDFC76" stroke-width="0.5" stroke-miterlimit="10" stroke-dasharray="1 1"/>
 <path d="M22.7085 22.7085L28.2288 28.2288" stroke="#DDFC76" stroke-width="0.5" stroke-miterlimit="10" stroke-dasharray="1 1"/>
 <path d="M5.64575 5.64575L11.166 11.166" stroke="#DDFC76" stroke-width="0.5" stroke-miterlimit="10" stroke-dasharray="1 1"/>
 <path d="M16.9373 32.9963C25.8064 32.9963 32.9963 25.8064 32.9963 16.9372C32.9963 8.06805 25.8064 0.878174 16.9373 0.878174C8.06811 0.878174 0.878235 8.06805 0.878235 16.9372C0.878235 25.8064 8.06811 32.9963 16.9373 32.9963Z" stroke="#DDFC76" stroke-width="1.5" stroke-miterlimit="10"/>
 <path d="M22.9594 11.0406H11.0406V22.9595H22.9594V11.0406Z" stroke="#DDFC76" stroke-miterlimit="10"/>
 <path d="M22.9594 11.0406H11.0406V22.9595H22.9594V11.0406Z" stroke="#DDFC76" stroke-miterlimit="10"/>
 <path d="M19.6974 14.4281H14.428V19.6975H19.6974V14.4281Z" fill="#DDFC76"/>
 </svg>
--- a/public/Images/cross-platform.svg
+++ b/public/Images/cross-platform.svg
@ -0,0 +1,12 @@
 <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M24 47C36.7025 47 47 36.7025 47 24C47 11.2975 36.7025 1 24 1C11.2975 1 1 11.2975 1 24C1 36.7025 11.2975 47 24 47Z" stroke="#DDFC76" stroke-width="1.5" stroke-miterlimit="10"/>
 <path d="M36.5 31.5H11.6V15C11.6 14.6 11.9 14.3 12.3 14.3H35.7C36.1 14.3 36.4 14.6 36.4 15V31.5H36.5Z" stroke="#DDFC76" stroke-miterlimit="10"/>
 <path d="M8.39999 31.5H39.7" stroke="#DDFC76" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
 <path d="M26.8 28H21.3C21.2 28 21 27.9 21 27.7V18.3C21 18.2 21.1 18 21.3 18H26.8C26.9 18 27.1 18.1 27.1 18.3V27.8C27.1 27.9 27 28 26.8 28Z" fill="#DDFC76"/>
 <path d="M30.9 24.6V21.7L28 23.1L30.9 24.6Z" fill="#DDFC76"/>
 <path d="M30.2 23.0999H36.5" stroke="#DDFC76" stroke-width="0.5" stroke-miterlimit="10" stroke-dasharray="0.5 0.5"/>
 <path d="M17 21.7V24.6L19.9 23.1L17 21.7Z" fill="#DDFC76"/>
 <path d="M17.7 23.2H11.4" stroke="#DDFC76" stroke-width="0.5" stroke-miterlimit="10" stroke-dasharray="0.5 0.5"/>
 <path d="M34.5 16H13.4V29.7H34.5V16Z" stroke="#DDFC76" stroke-width="0.5" stroke-miterlimit="10" stroke-linecap="round"/>
 <path d="M23.9 26.9C24.2314 26.9 24.5 26.6313 24.5 26.3C24.5 25.9686 24.2314 25.7 23.9 25.7C23.5686 25.7 23.3 25.9686 23.3 26.3C23.3 26.6313 23.5686 26.9 23.9 26.9Z" fill="#2E3032"/>
 </svg>
--- a/public/Images/decentralized-secure.svg
+++ b/public/Images/decentralized-secure.svg
@ -0,0 +1,19 @@
 <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M32.3 15.8999H16V32.1999H32.3V15.8999Z" stroke="#DDFC76" stroke-miterlimit="10" stroke-linecap="round"/>
 <path d="M24.2 39.4C32.5947 39.4 39.4 32.5947 39.4 24.2C39.4 15.8053 32.5947 9 24.2 9C15.8053 9 9 15.8053 9 24.2C9 32.5947 15.8053 39.4 24.2 39.4Z" stroke="#DDFC76" stroke-width="0.5" stroke-miterlimit="10" stroke-dasharray="1 1"/>
 <path d="M41.9582 33.1724V26.9724H35.7582V33.1724H41.9582Z" fill="#2E3032"/>
 <path d="M42.0119 25.7485V20.7485H37.0119V25.7485H42.0119Z" fill="#2E3032"/>
 <path d="M24.7527 41.6597V35.4597H18.5527V41.6597H24.7527Z" fill="#2E3032"/>
 <path d="M13.3602 19.8242L13.3602 14.8242L8.3602 14.8242V19.8242H13.3602Z" fill="#2E3032"/>
 <path d="M12.7 15.5H8.9V19.3H12.7V15.5Z" fill="#DDFC76"/>
 <path d="M12.0894 28.5354L12.0894 22.3354H5.8894L5.8894 28.5354H12.0894Z" fill="#2E3032"/>
 <path d="M27.8183 12.2435V6.04346L21.6183 6.04346V12.2435H27.8183Z" fill="#2E3032"/>
 <path d="M11.5 23H6.6V27.9H11.5V23Z" fill="#DDFC76"/>
 <path d="M27.2 6.69995H22.3V11.6H27.2V6.69995Z" fill="#DDFC76"/>
 <path d="M24.2 36H19.3V40.9H24.2V36Z" fill="#DDFC76"/>
 <path d="M41.2 27.6001H36.3V32.5001H41.2V27.6001Z" fill="#DDFC76"/>
 <path d="M41.2 21.3999H37.6V24.9999H41.2V21.3999Z" fill="#DDFC76"/>
 <path d="M24 47C36.7025 47 47 36.7025 47 24C47 11.2974 36.7025 1 24 1C11.2975 1 1 11.2974 1 24C1 36.7025 11.2975 47 24 47Z" stroke="#DDFC76" stroke-width="1.5" stroke-miterlimit="10"/>
 <path d="M28.7 24H20.3V28.7H28.7V24Z" fill="#DDFC76"/>
 <path d="M24.6 27.3999C23.4 27.3999 22.4 26.3999 22.4 25.1999V22.5999C22.4 21.3999 23.4 20.3999 24.6 20.3999C25.8 20.3999 26.8 21.3999 26.8 22.5999V25.1999C26.7 26.3999 25.8 27.3999 24.6 27.3999Z" stroke="#DDFC76" stroke-miterlimit="10"/>
 </svg>
--- a/public/Images/decentralized.svg
+++ b/public/Images/decentralized.svg
@ -0,0 +1,17 @@
 <svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M22.9594 10.915H11.0406V22.8339H22.9594V10.915Z" stroke="#DDFC76" stroke-miterlimit="10"/>
 <path d="M16.9373 32.9963C25.8064 32.9963 32.9963 25.8064 32.9963 16.9372C32.9963 8.06805 25.8064 0.878174 16.9373 0.878174C8.06811 0.878174 0.878235 8.06805 0.878235 16.9372C0.878235 25.8064 8.06811 32.9963 16.9373 32.9963Z" stroke="#DDFC76" stroke-width="1.5" stroke-miterlimit="10"/>
 <path d="M16.9373 27.9779C23.0348 27.9779 27.9779 23.0349 27.9779 16.9373C27.9779 10.8398 23.0348 5.89673 16.9373 5.89673C10.8397 5.89673 5.89668 10.8398 5.89668 16.9373C5.89668 23.0349 10.8397 27.9779 16.9373 27.9779Z" stroke="#DDFC76" stroke-width="0.5" stroke-miterlimit="10" stroke-dasharray="1 1"/>
 <path d="M29.9359 23.5523V19.0356H25.4193V23.5523H29.9359Z" fill="#2E3032"/>
 <path d="M29.979 18.1486V14.5103H26.3406V18.1486H29.979Z" fill="#2E3032"/>
 <path d="M17.3993 29.7029V25.1863H12.8827V29.7029H17.3993Z" fill="#2E3032"/>
 <path d="M9.09595 13.7741V10.1357H5.45757L5.45757 13.7741H9.09595Z" fill="#2E3032"/>
 <path d="M8.65683 10.6643H5.89668V13.4245H8.65683V10.6643Z" fill="#DDFC76"/>
 <path d="M8.18246 20.2354V15.7188H3.66586L3.66586 20.2354H8.18246Z" fill="#2E3032"/>
 <path d="M19.6855 8.3667V3.8501L15.1689 3.8501V8.3667H19.6855Z" fill="#2E3032"/>
 <path d="M7.7786 16.0591H4.14023V19.6975H7.7786V16.0591Z" fill="#DDFC76"/>
 <path d="M19.1956 4.26562H15.5572V7.904H19.1956V4.26562Z" fill="#DDFC76"/>
 <path d="M17.0627 25.594H13.4243V29.2324H17.0627V25.594Z" fill="#DDFC76"/>
 <path d="M29.4834 19.4465H25.845V23.0849H29.4834V19.4465Z" fill="#DDFC76"/>
 <path d="M29.3579 14.9299H26.7233V17.5646H29.3579V14.9299Z" fill="#DDFC76"/>
 </svg>
--- a/public/Images/delightful-dev.svg
+++ b/public/Images/delightful-dev.svg
@ -0,0 +1,8 @@
 <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M24 47C36.7025 47 47 36.7025 47 24C47 11.2974 36.7025 1 24 1C11.2975 1 1 11.2974 1 24C1 36.7025 11.2975 47 24 47Z" stroke="#DDFC76" stroke-width="1.5" stroke-miterlimit="10"/>
 <path d="M21.5 23.2999C21.3 23.2999 21 23.3 20.8 23.2C20.6 23.1 20.4 22.9999 20.2 22.7999C20 22.5999 19.9 22.5 19.8 22.2C19.7 22 19.7 21.7999 19.7 21.4999C19.7 21.2999 19.7 20.9999 19.8 20.7999C19.9 20.5999 20 20.4 20.2 20.2C20.4 20 20.5 19.8999 20.8 19.7999C21 19.6999 21.2 19.7 21.5 19.7C21.7 19.7 22 19.6999 22.2 19.7999C22.4 19.8999 22.6 20 22.8 20.2C23 20.4 23.1 20.5999 23.2 20.7999C23.3 20.9999 23.3 21.1999 23.3 21.4999C23.3 21.6999 23.3 22 23.2 22.2C23.1 22.4 23 22.5999 22.8 22.7999C22.6 22.9999 22.4 23.1 22.2 23.2C22 23.2 21.8 23.2999 21.5 23.2999ZM21.5 28.2999C21.3 28.2999 21 28.3 20.8 28.2C20.6 28.1 20.4 27.9999 20.2 27.7999C20 27.5999 19.9 27.5 19.8 27.2C19.7 27 19.7 26.7999 19.7 26.4999C19.7 26.2999 19.7 25.9999 19.8 25.7999C19.9 25.5999 20 25.4 20.2 25.2C20.4 25 20.5 24.8999 20.8 24.7999C21 24.6999 21.2 24.7 21.5 24.7C21.7 24.7 22 24.6999 22.2 24.7999C22.4 24.8999 22.6 25 22.8 25.2C23 25.4 23.1 25.5999 23.2 25.7999C23.3 25.9999 23.3 26.1999 23.3 26.4999C23.3 26.6999 23.3 27 23.2 27.2C23.1 27.4 23 27.5999 22.8 27.7999C22.6 27.9999 22.4 28.1 22.2 28.2C22 28.3 21.8 28.2999 21.5 28.2999Z" fill="#DDFC76"/>
 <path d="M25.3 16.4999C25.5 16.6999 25.7 16.8999 26.1 17.3999C26.4 17.7999 26.8 18.2999 27.1 18.9999C27.4 19.5999 27.7 20.3999 28 21.1999C28.3 21.9999 28.4 22.9999 28.4 24.0999C28.4 25.1999 28.3 26.1999 28 27.0999C27.7 27.9999 27.5 28.6999 27.1 29.2999C26.8 29.8999 26.4 30.3999 26.1 30.7999C25.8 31.1999 25.5 31.3999 25.3 31.5999C25.2 31.6999 25 31.6999 24.9 31.5999L24.5 31.2999C24.3 31.1999 24.3 30.9999 24.5 30.8999C24.6 30.6999 24.8 30.4999 25 30.0999C25.2 29.6999 25.4 29.2999 25.6 28.6999C25.8 28.0999 26 27.3999 26.1 26.6999C26.2 25.8999 26.3 25.0999 26.3 24.0999C26.3 23.1999 26.2 22.2999 26.1 21.5999C26 20.7999 25.8 20.1999 25.6 19.5999C25.4 18.9999 25.2 18.4999 25 18.0999C24.8 17.6999 24.6 17.3999 24.5 17.1999C24.4 16.9999 24.4 16.8999 24.6 16.7999L25 16.4999C25.1 16.4999 25.1 16.3999 25.2 16.3999C25.2 16.3999 25.2 16.4999 25.3 16.4999Z" fill="#DDFC76"/>
 <path d="M16.4 26.1001C16.5 26.1001 16.6 26.2001 16.6 26.3001C16.6 26.4001 16.6 26.5001 16.6 26.6001V27.5001C16.6 27.6001 16.5 27.7001 16.4 27.8001C16.3 27.8001 16.2 27.8001 16 27.8001L8.6 25.3001C8.5 25.3001 8.39999 25.1001 8.39999 24.9001C8.39999 24.7001 8.39999 24.4001 8.39999 24.2001V24.1001C8.39999 23.9001 8.39999 23.7001 8.39999 23.5001C8.39999 23.3001 8.5 23.1001 8.6 23.1001L16 20.6001C16.1 20.6001 16.3 20.5001 16.4 20.6001C16.5 20.6001 16.6 20.7001 16.6 20.9001V21.8001C16.6 21.9001 16.6 22.1001 16.6 22.1001C16.6 22.2001 16.5 22.3001 16.4 22.3001L10.5 24.4001L16.4 26.1001Z" fill="#DDFC76"/>
 <path d="M39.3 22.9001C39.4 22.9001 39.5 23.1001 39.5 23.3001C39.5 23.5001 39.5 23.8001 39.5 23.9001V24.0001C39.5 24.2001 39.5 24.4001 39.5 24.7001C39.5 24.9001 39.4 25.1001 39.3 25.1001L31.9 27.6001C31.8 27.6001 31.7 27.6001 31.5 27.6001C31.4 27.6001 31.3 27.5001 31.3 27.3001V26.4001C31.3 26.3001 31.3 26.1001 31.3 26.1001C31.3 26.0001 31.4 25.9001 31.5 25.9001L37.4 23.9001L31.5 21.8001C31.4 21.8001 31.3 21.7001 31.3 21.6001C31.3 21.5001 31.3 21.4001 31.3 21.3001V20.4001C31.3 20.3001 31.4 20.2001 31.5 20.1001C31.6 20.1001 31.7 20.1001 31.9 20.1001L39.3 22.9001Z" fill="#DDFC76"/>
 <path d="M24 38C31.732 38 38 31.732 38 24C38 16.268 31.732 10 24 10C16.268 10 10 16.268 10 24C10 31.732 16.268 38 24 38Z" stroke="#DDFC76" stroke-width="0.5" stroke-miterlimit="10" stroke-dasharray="1 1"/>
 </svg>
--- a/public/Images/designed-teams.svg
+++ b/public/Images/designed-teams.svg
@ -0,0 +1,12 @@
 <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M24 47C36.7025 47 47 36.7025 47 24C47 11.2974 36.7025 1 24 1C11.2975 1 1 11.2974 1 24C1 36.7025 11.2975 47 24 47Z" stroke="#DDFC76" stroke-width="1.5" stroke-miterlimit="10"/>
 <path d="M24 14.9C26.0987 14.9 27.8 13.1987 27.8 11.1001C27.8 9.00137 26.0987 7.30005 24 7.30005C21.9013 7.30005 20.2 9.00137 20.2 11.1001C20.2 13.1987 21.9013 14.9 24 14.9Z" stroke="#DDFC76" stroke-miterlimit="10" stroke-linecap="round"/>
 <path d="M28.7 15H19.3C18.6 15 18.1 15.5 18.1 16.2V18.8C18.1 19.5 18.6 20 19.3 20H28.7C29.4 20 29.9 19.5 29.9 18.8V16.2C29.9 15.5 29.3 15 28.7 15Z" stroke="#DDFC76" stroke-miterlimit="10" stroke-linecap="round"/>
 <path d="M32.4 30.1C34.4987 30.1 36.2 28.3987 36.2 26.3C36.2 24.2013 34.4987 22.5 32.4 22.5C30.3013 22.5 28.6 24.2013 28.6 26.3C28.6 28.3987 30.3013 30.1 32.4 30.1Z" stroke="#DDFC76" stroke-miterlimit="10" stroke-linecap="round"/>
 <path d="M37.1 30.1001H27.7C27 30.1001 26.5 30.6001 26.5 31.3001V33.9001C26.5 34.6001 27 35.1001 27.7 35.1001H37.1C37.8 35.1001 38.3 34.6001 38.3 33.9001V31.3001C38.3 30.6001 37.7 30.1001 37.1 30.1001Z" stroke="#DDFC76" stroke-miterlimit="10" stroke-linecap="round"/>
 <path d="M15.7 30.1C17.7987 30.1 19.5 28.3987 19.5 26.3C19.5 24.2013 17.7987 22.5 15.7 22.5C13.6013 22.5 11.9 24.2013 11.9 26.3C11.9 28.3987 13.6013 30.1 15.7 30.1Z" stroke="#DDFC76" stroke-miterlimit="10" stroke-linecap="round"/>
 <path d="M20.4 30.1001H11C10.3 30.1001 9.8 30.6001 9.8 31.3001V33.9001C9.8 34.6001 10.3 35.1001 11 35.1001H20.4C21.1 35.1001 21.6 34.6001 21.6 33.9001V31.3001C21.6 30.6001 21.1 30.1001 20.4 30.1001Z" stroke="#DDFC76" stroke-miterlimit="10" stroke-linecap="round"/>
 <path d="M11.4 29.9001C10.6 28.1001 10.1 26.1001 10.1 24.0001C10.1 17.7001 14.3 12.3001 20.1 10.6001" stroke="#DDFC76" stroke-width="0.5" stroke-miterlimit="10" stroke-dasharray="0.5 0.5"/>
 <path d="M32.4 35.2001C30.1 36.9001 27.2 38.0001 24.1 38.0001C20.9 38.0001 17.9 36.9001 15.6 35.1001" stroke="#DDFC76" stroke-width="0.5" stroke-miterlimit="10" stroke-dasharray="0.5 0.5"/>
 <path d="M28 10.6001C33.8 12.3001 38.1 17.7001 38.1 24.0001C38.1 26.1001 37.6 28.1001 36.8 29.9001" stroke="#DDFC76" stroke-width="0.5" stroke-miterlimit="10" stroke-dasharray="0.5 0.5"/>
 </svg>
--- a/public/Images/discord.svg
+++ b/public/Images/discord.svg
@ -0,0 +1,10 @@
 <svg width="77" height="60" viewBox="0 0 77 60" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_9_42)">
 <path d="M65.2393 5.02523C60.2463 2.66398 54.9225 0.968718 49.328 0C48.6362 1.24117 47.8542 2.90616 47.2827 4.23814C41.3573 3.32997 35.4921 3.32997 29.687 4.23814C29.1456 2.90616 28.3034 1.24117 27.6417 0C22.0772 0.968718 16.7233 2.69425 11.7303 5.02523C1.68423 20.3128 -1.0228 35.2371 0.330719 49.9495C7.00806 54.9748 13.4749 58.002 19.8213 60C21.3854 57.8204 22.7991 55.5197 24.0022 53.0979C21.7163 52.22 19.5206 51.1302 17.4452 49.889C17.9866 49.4652 18.528 49.0414 19.0694 48.6176C31.7323 54.5812 45.5081 54.5812 58.0206 48.6176C58.562 49.0716 59.0733 49.4955 59.6448 49.889C57.5694 51.1604 55.3436 52.2503 53.0577 53.1282C54.2608 55.5499 55.6444 57.8809 57.2385 60.0303C63.585 58.0323 70.0518 55.005 76.7292 49.9798C78.2632 32.9062 73.9319 18.1332 65.2393 5.02523ZM25.7167 40.8981C21.9268 40.8981 18.7987 37.3259 18.7987 32.9667C18.7987 28.6075 21.8366 25.0353 25.7167 25.0353C29.5967 25.0353 32.6948 28.6075 32.6346 32.9667C32.6346 37.3259 29.5667 40.8981 25.7167 40.8981ZM51.2831 40.8981C47.4932 40.8981 44.3651 37.3259 44.3651 32.9667C44.3651 28.6075 47.403 25.0353 51.2831 25.0353C55.1631 25.0353 58.2612 28.6075 58.201 32.9667C58.201 37.3259 55.1631 40.8981 51.2831 40.8981Z" fill="white"/>
 </g>
 <defs>
 <clipPath id="clip0_9_42">
 <rect width="77" height="60" fill="white"/>
 </clipPath>
 </defs>
 </svg>
--- a/public/Images/github.svg
+++ b/public/Images/github.svg
@ -0,0 +1,3 @@
 <svg width="74" height="72" viewBox="0 0 74 72" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M37 0C16.5561 0 0 16.5167 0 36.912C0 53.2484 10.5941 67.04 25.3002 71.9351C27.1502 72.2595 27.8439 71.1493 27.8439 70.1832C27.8439 69.3037 27.8006 66.3983 27.8006 63.3055C18.5072 65.0141 16.1008 61.0418 15.3564 58.9655C14.9373 57.9057 13.1379 54.6254 11.5625 53.7531C10.2689 53.061 8.41895 51.3524 11.5191 51.3091C14.4314 51.2659 16.5127 53.9838 17.2064 55.094C20.5379 60.6741 25.8566 59.1096 27.9813 58.1364C28.3064 55.7357 29.2748 54.1208 30.3371 53.198C22.1061 52.2752 13.4992 49.0886 13.4992 34.9727C13.4992 30.957 14.9301 27.6335 17.2932 25.0526C16.9246 24.1298 15.6311 20.3448 17.6617 15.2695C17.6617 15.2695 20.7619 14.3034 27.8367 19.0544C30.7996 18.2253 33.9432 17.8071 37.0867 17.8071C40.2303 17.8071 43.3738 18.2253 46.3367 19.0544C53.4115 14.2529 56.5117 15.2695 56.5117 15.2695C58.5496 20.3448 57.2488 24.1298 56.8803 25.0526C59.2361 27.6335 60.6742 30.9138 60.6742 34.9727C60.6742 49.1391 52.024 52.2752 43.793 53.198C45.1371 54.3515 46.2934 56.5647 46.2934 60.0252C46.2934 64.9637 46.25 68.9288 46.25 70.176C46.25 71.1421 46.9438 72.2956 48.7938 71.9279C63.4059 67.04 74 53.198 74 36.912C74 16.5167 57.4439 0 37 0Z" fill="white"/>
 </svg>
--- a/public/Images/help-build.svg
+++ b/public/Images/help-build.svg
@ -0,0 +1,18 @@
 <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M23.8 46.6C36.3921 46.6 46.6 36.3921 46.6 23.8C46.6 11.2079 36.3921 1 23.8 1C11.2079 1 1 11.2079 1 23.8C1 36.3921 11.2079 46.6 23.8 46.6Z" stroke="#DDFC76" stroke-width="1.5" stroke-miterlimit="10"/>
 <path d="M12.5 31.9V12.6C12.5 12 13 11.5 13.6 11.5H34.6C35.2 11.5 35.7 12 35.7 12.6V32" stroke="#DDFC76" stroke-width="0.5" stroke-miterlimit="10" stroke-dasharray="1 1"/>
 <path d="M31.7 30.0999H16.5C16 30.0999 15.6 29.6999 15.6 29.1999V15.2999C15.6 14.7999 16 14.3999 16.5 14.3999H31.6C32.1 14.3999 32.5 14.7999 32.5 15.2999V29.1999C32.5 29.6999 32.1 30.0999 31.7 30.0999Z" stroke="#DDFC76" stroke-width="0.5" stroke-miterlimit="10" stroke-dasharray="1 1"/>
 <path d="M32.5 14.4L35.7 11.5" stroke="#DDFC76" stroke-width="0.5" stroke-miterlimit="10" stroke-dasharray="1 1"/>
 <path d="M15.7 14.4001L12.9 11.8" stroke="#DDFC76" stroke-width="0.5" stroke-miterlimit="10" stroke-dasharray="1 1"/>
 <path d="M15.7 30.1001L12.5 33.0001" stroke="#DDFC76" stroke-width="0.5" stroke-miterlimit="10" stroke-dasharray="1 1"/>
 <path d="M32.5 30.1001L34.5 31.9001" stroke="#DDFC76" stroke-width="0.5" stroke-miterlimit="10" stroke-dasharray="1 1"/>
 <path d="M32.4 24.3L29.9 22.5C29.6 22.3 29.1 22.4 28.9 22.7C28.7 23 28.8 23.5 29.1 23.7L31.7 25.5C31.7 25.5 31.7 25.5 31.8 25.5C31.8 25.5 31.8 25.5 31.7 25.5L29.1 27.3C28.8 27.5 28.7 28 28.9 28.3C29 28.5 29.3 28.6 29.5 28.6C29.6 28.6 29.8 28.6 29.9 28.5L32.4 26.7C32.8 26.4 33.1 26 33.1 25.5C33.1 25 32.8 24.5 32.4 24.3Z" fill="#DDFC76"/>
 <path d="M25.9 24.0001C26.2 23.8001 26.2 23.4001 26 23.2001C25.6 22.7001 24.4 21.9001 22.7 22.8001C22.5 22.9001 22.3 23.0001 22.1 23.2001C21.6 23.6001 20.8 24.0001 20 23.1001C19.8 22.9001 19.4 22.8001 19.1 23.1001C18.9 23.3001 18.8 23.7001 19.1 24.0001C19.7 24.7001 20.4 24.9001 21 24.9001C21.7 24.9001 22.4 24.6001 22.9 24.2001C23 24.1001 23.2 24.0001 23.3 23.9001C24.4 23.3001 24.9 23.9001 25 24.0001C25.2 24.2001 25.6 24.2001 25.9 24.0001Z" fill="#DDFC76"/>
 <path d="M27 21.7C26.6 21.8 26.4 22.2 26.5 22.6C26.5 22.6 27.6 26.6 25.3 29.3C25 29.6 25.1 30 25.4 30.3C25.5 30.4 25.7 30.5001 25.9 30.5001C26.1 30.5001 26.3 30.4 26.4 30.3C29.3 27 27.9 22.5 27.9 22.3C27.8 21.8 27.4 21.6 27 21.7Z" fill="#DDFC76"/>
 <path d="M18.6 22.5C18.7 22.1 18.5 21.6999 18.1 21.5999C17.7 21.4999 17.3 21.6999 17.2 22.0999C17.1 22.2999 15.8 26.7999 18.7 30.0999C18.8 30.2999 19 30.2999 19.2 30.2999C19.4 30.2999 19.5 30.1999 19.7 30.0999C20 29.7999 20 29.3999 19.8 29.0999C17.5 26.4999 18.6 22.6 18.6 22.5Z" fill="#DDFC76"/>
 <path d="M23.9 29.2H21.2C20.8 29.2 20.5 29.4999 20.5 29.8999C20.5 30.2999 20.8 30.5999 21.2 30.5999H23.9C24.3 30.5999 24.6 30.2999 24.6 29.8999C24.6 29.4999 24.3 29.2 23.9 29.2Z" fill="#DDFC76"/>
 <path d="M22.6 21.2001C22.7 21.3001 22.8 21.3001 22.9 21.3001C23.1 21.3001 23.2 21.2001 23.3 21.1001C25 18.7001 23.4 16.2001 23.3 16.1001C23.1 15.9001 22.8 15.8001 22.6 16.0001C22.4 16.2001 22.3 16.5001 22.5 16.7001C22.6 16.8001 23.8 18.7001 22.5 20.6001C22.4 20.7001 22.4 21.1001 22.6 21.2001Z" fill="#DDFC76"/>
 <path d="M21.6 18.8C21.7 18.8 21.8 18.8 21.9 18.7C22.1 18.5 22.2 18.2 22 18C21.9 17.9 20.7 16 22 14.1C22.2 13.9 22.1 13.6 21.9 13.4C21.7 13.2 21.4 13.3 21.2 13.5C19.5 15.9 21.1 18.4 21.2 18.5C21.3 18.7 21.4 18.8 21.6 18.8Z" fill="#DDFC76"/>
 <path d="M28.5 34.2001H9.99998C9.89998 34.2001 9.79999 34.1001 9.79999 34.0001V32.0001C9.79999 31.9001 9.89998 31.8 9.99998 31.8H28.5V34.2001Z" fill="#DDFC76"/>
 <path d="M37.4 32.2V33.7H10.2V32.2H37.4ZM37.7 31.7H9.99998C9.89998 31.7 9.79999 31.7999 9.79999 31.8999V33.8999C9.79999 33.9999 9.89998 34.0999 9.99998 34.0999H37.7C37.8 34.0999 37.9 33.9999 37.9 33.8999V31.8999C37.9 31.7999 37.8 31.7 37.7 31.7Z" fill="#DDFC76"/>
 </svg>
--- a/public/Images/instagram-iconAsset
+++ b/public/Images/instagram-iconAsset
@ -0,0 +1 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 102.17 102.17"><defs><style>.cls-1{fill:#fff;}</style></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_2-2" data-name="Layer 2"><path class="cls-1" d="M51.09,9.2c13.64,0,15.25.06,20.64.3a28.28,28.28,0,0,1,9.48,1.76,16.88,16.88,0,0,1,9.7,9.7,28.28,28.28,0,0,1,1.76,9.48c.25,5.39.3,7,.3,20.65s0,15.25-.3,20.64a28.28,28.28,0,0,1-1.76,9.48,16.88,16.88,0,0,1-9.7,9.7,28.28,28.28,0,0,1-9.48,1.76c-5.39.25-7,.3-20.64.3s-15.26,0-20.65-.3A28.28,28.28,0,0,1,21,90.91a16.88,16.88,0,0,1-9.7-9.7A28.28,28.28,0,0,1,9.5,71.73c-.24-5.39-.3-7-.3-20.64s.06-15.26.3-20.65A28.28,28.28,0,0,1,11.26,21a16,16,0,0,1,3.82-5.88A16,16,0,0,1,21,11.26,28.28,28.28,0,0,1,30.44,9.5c5.39-.24,7-.3,20.65-.3m0-9.2C37.21,0,35.47.06,30,.31a37.67,37.67,0,0,0-12.4,2.37,25.09,25.09,0,0,0-9,5.89,25.09,25.09,0,0,0-5.89,9.05A37.67,37.67,0,0,0,.31,30C.06,35.47,0,37.21,0,51.09S.06,66.7.31,72.15a37.62,37.62,0,0,0,2.37,12.4,25.09,25.09,0,0,0,5.89,9,25.09,25.09,0,0,0,9.05,5.89A37.41,37.41,0,0,0,30,101.86c5.45.25,7.19.31,21.07.31s15.61-.06,21.06-.31a37.36,37.36,0,0,0,12.4-2.37A26.09,26.09,0,0,0,99.49,84.55a37.36,37.36,0,0,0,2.37-12.4c.25-5.45.31-7.19.31-21.06s-.06-15.62-.31-21.07a37.41,37.41,0,0,0-2.37-12.4,25.09,25.09,0,0,0-5.89-9,25.09,25.09,0,0,0-9-5.89A37.62,37.62,0,0,0,72.15.31C66.7.06,65,0,51.09,0Z"/><path class="cls-1" d="M51.09,24.85A26.24,26.24,0,1,0,77.32,51.09,26.24,26.24,0,0,0,51.09,24.85Zm0,43.26a17,17,0,1,1,17-17A17,17,0,0,1,51.09,68.11Z"/><circle class="cls-1" cx="78.36" cy="23.82" r="6.13"/></g></g></svg>
--- a/public/Images/no-compensation.svg
+++ b/public/Images/no-compensation.svg
@ -0,0 +1,6 @@
 <svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M21.7048 16.5609L18.5683 19.6974L18.6937 19.8229C19.0701 20.0738 19.321 20.3248 19.572 20.7011C19.6974 21.0775 19.8229 21.3284 19.8229 21.8303C19.8229 22.3321 19.6974 22.5831 19.572 22.9594C19.321 23.3358 19.0701 23.5867 18.6937 23.8377C18.3174 24.0886 17.941 24.214 17.4391 24.3395V20.8266L16.1845 22.0812V24.214C15.8081 24.0886 15.4318 23.8377 15.1808 23.5867C15.0554 23.4613 15.0554 23.4613 14.9299 23.3358L13.6753 24.5904C14.3026 24.8414 15.1808 24.9668 16.0591 25.0923V25.9705C16.0591 26.2214 16.1845 26.3469 16.4354 26.3469H16.8118C17.0627 26.3469 17.1882 26.2214 17.1882 25.9705V25.0923C18.4428 25.0923 19.4465 24.8414 20.3247 24.5904C21.0775 24.3395 21.7048 23.8377 22.2067 23.4613C22.7085 22.9594 22.9594 22.4576 23.2103 21.9557C23.3358 21.4539 23.4613 20.8266 23.4613 20.3248C23.4613 19.4465 23.3358 18.8192 22.9594 18.1919C22.834 17.4391 22.3321 16.9373 21.7048 16.5609Z" fill="#DDFC76"/>
 <path d="M12.6716 17.0627C12.7971 17.1882 13.048 17.3136 13.1734 17.4391L17.4391 13.1734V9.66048C17.8155 9.78594 18.1919 9.91141 18.3173 10.1623C18.5683 10.4133 18.6937 10.6642 18.8192 10.9151C18.9447 11.166 18.9447 11.2915 19.0701 11.5424L20.8266 9.78594C20.5756 9.66048 20.3247 9.53502 19.9483 9.40956C19.1956 9.15864 18.4428 9.03318 17.3137 9.03318V8.15495C17.3137 7.90403 17.1882 7.77856 16.9373 7.77856H16.5609C16.31 7.77856 16.1845 7.90403 16.1845 8.15495V9.03318C15.4317 9.03318 14.679 9.2841 14.0517 9.53502C13.4244 9.78594 12.797 10.1623 12.4207 10.5387C11.9188 10.9151 11.5424 11.4169 11.2915 11.9188C11.0406 12.4206 10.9151 13.0479 10.9151 13.6752C10.9151 14.428 11.0406 15.0553 11.417 15.5572C11.7934 16.059 12.1697 16.6863 12.6716 17.0627ZM14.3026 11.0406C14.428 10.6642 14.679 10.4133 15.0554 10.1623C15.4317 9.91141 15.8081 9.66048 16.1845 9.66048V14.1771C15.8081 14.0516 15.5572 13.8007 15.3063 13.6752C15.0554 13.5498 14.8044 13.2989 14.5535 13.0479C14.3026 12.797 14.1771 12.5461 14.1771 12.1697C14.1771 11.7933 14.0517 11.4169 14.3026 11.0406Z" fill="#DDFC76"/>
 <path d="M5.64575 28.7307L28.4797 5.89673" stroke="#DDFC76" stroke-width="1.5" stroke-miterlimit="10"/>
 <path d="M16.9373 32.9963C25.8064 32.9963 32.9963 25.8064 32.9963 16.9372C32.9963 8.06805 25.8064 0.878174 16.9373 0.878174C8.06811 0.878174 0.878235 8.06805 0.878235 16.9372C0.878235 25.8064 8.06811 32.9963 16.9373 32.9963Z" stroke="#DDFC76" stroke-width="1.5" stroke-miterlimit="10"/>
 </svg>
--- a/public/Images/obligation_maintain.svg
+++ b/public/Images/obligation_maintain.svg
@ -0,0 +1,6 @@
 <svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M16.9373 32.9963C25.8064 32.9963 32.9963 25.8064 32.9963 16.9372C32.9963 8.06805 25.8064 0.878174 16.9373 0.878174C8.06811 0.878174 0.878235 8.06805 0.878235 16.9372C0.878235 25.8064 8.06811 32.9963 16.9373 32.9963Z" stroke="#DDFC76" stroke-width="1.5" stroke-miterlimit="10"/>
 <path d="M26.4723 22.9594H10.0369C9.40959 22.9594 8.78229 22.4576 8.78229 21.7048V12.5461C8.78229 11.9188 9.28413 11.2915 10.0369 11.2915H26.4723C27.0996 11.2915 27.7269 11.7933 27.7269 12.5461V21.7048C27.7269 22.4576 27.0996 22.9594 26.4723 22.9594Z" stroke="#DDFC76" stroke-miterlimit="10"/>
 <path d="M8.28045 19.4465H6.64945C6.52399 19.4465 6.39853 19.3211 6.39853 19.1956V14.5535C6.39853 14.4281 6.52399 14.3026 6.64945 14.3026H8.28045V19.4465Z" fill="#DDFC76"/>
 <path d="M25.2177 20.5757H22.834C22.7085 20.5757 22.7085 20.4502 22.7085 20.4502V13.8008C22.7085 13.6753 22.834 13.6753 22.834 13.6753H25.2177C25.3432 13.6753 25.3432 13.8008 25.3432 13.8008V20.3247C25.3432 20.4502 25.3432 20.5757 25.2177 20.5757Z" fill="#DDFC76"/>
 </svg>
--- a/public/Images/open-governance.svg
+++ b/public/Images/open-governance.svg
@ -0,0 +1,12 @@
 <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M24 47C36.7025 47 47 36.7025 47 24C47 11.2974 36.7025 1 24 1C11.2975 1 1 11.2974 1 24C1 36.7025 11.2975 47 24 47Z" stroke="#DDFC76" stroke-width="1.5" stroke-miterlimit="10"/>
 <path d="M24 14.9C26.0987 14.9 27.8 13.1987 27.8 11.1001C27.8 9.00137 26.0987 7.30005 24 7.30005C21.9013 7.30005 20.2 9.00137 20.2 11.1001C20.2 13.1987 21.9013 14.9 24 14.9Z" stroke="#DDFC76" stroke-miterlimit="10" stroke-linecap="round"/>
 <path d="M28.7 15H19.3C18.6 15 18.1 15.5 18.1 16.2V18.8C18.1 19.5 18.6 20 19.3 20H28.7C29.4 20 29.9 19.5 29.9 18.8V16.2C29.9 15.5 29.3 15 28.7 15Z" stroke="#DDFC76" stroke-miterlimit="10" stroke-linecap="round"/>
 <path d="M32.4 30.1C34.4987 30.1 36.2 28.3987 36.2 26.3C36.2 24.2013 34.4987 22.5 32.4 22.5C30.3013 22.5 28.6 24.2013 28.6 26.3C28.6 28.3987 30.3013 30.1 32.4 30.1Z" stroke="#DDFC76" stroke-miterlimit="10" stroke-linecap="round"/>
 <path d="M37.1 30.1001H27.7C27 30.1001 26.5 30.6001 26.5 31.3001V33.9001C26.5 34.6001 27 35.1001 27.7 35.1001H37.1C37.8 35.1001 38.3 34.6001 38.3 33.9001V31.3001C38.3 30.6001 37.7 30.1001 37.1 30.1001Z" stroke="#DDFC76" stroke-miterlimit="10" stroke-linecap="round"/>
 <path d="M15.7 30.1C17.7987 30.1 19.5 28.3987 19.5 26.3C19.5 24.2013 17.7987 22.5 15.7 22.5C13.6013 22.5 11.9 24.2013 11.9 26.3C11.9 28.3987 13.6013 30.1 15.7 30.1Z" stroke="#DDFC76" stroke-miterlimit="10" stroke-linecap="round"/>
 <path d="M20.4 30.1001H11C10.3 30.1001 9.79999 30.6001 9.79999 31.3001V33.9001C9.79999 34.6001 10.3 35.1001 11 35.1001H20.4C21.1 35.1001 21.6 34.6001 21.6 33.9001V31.3001C21.6 30.6001 21.1 30.1001 20.4 30.1001Z" stroke="#DDFC76" stroke-miterlimit="10" stroke-linecap="round"/>
 <path d="M11.4 29.9001C10.6 28.1001 10.1 26.1001 10.1 24.0001C10.1 17.7001 14.3 12.3001 20.1 10.6001" stroke="#DDFC76" stroke-width="0.5" stroke-miterlimit="10" stroke-dasharray="0.5 0.5"/>
 <path d="M32.4 35.2001C30.1 36.9001 27.2 38.0001 24.1 38.0001C20.9 38.0001 17.9 36.9001 15.6 35.1001" stroke="#DDFC76" stroke-width="0.5" stroke-miterlimit="10" stroke-dasharray="0.5 0.5"/>
 <path d="M28 10.6001C33.8 12.3001 38.1 17.7001 38.1 24.0001C38.1 26.1001 37.6 28.1001 36.8 29.9001" stroke="#DDFC76" stroke-width="0.5" stroke-miterlimit="10" stroke-dasharray="0.5 0.5"/>
 </svg>
--- a/public/Images/reddit.svg
+++ b/public/Images/reddit.svg
@ -0,0 +1,10 @@
 <svg width="84" height="75" viewBox="0 0 84 75" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_11_47)">
 <path d="M84 38.1548C84 33.105 79.8933 28.9903 74.8533 28.9903C72.3333 28.9903 70.0933 30.0189 68.5067 31.6087C62.2533 27.0264 53.5733 24.1274 43.96 23.7533L48.16 4.02143L61.88 6.92043C62.0667 10.3805 64.8667 13.186 68.4133 13.186C72.0533 13.186 74.9467 10.287 74.9467 6.63988C74.9467 2.99275 72.0533 0.09375 68.4133 0.09375C65.8 0.09375 63.6533 1.59001 62.5333 3.74088L47.1333 0.374299C46.6667 0.280782 46.2933 0.374299 45.92 0.561331C45.5467 0.84188 45.2667 1.21594 45.1733 1.59001L40.5067 23.5663C30.7067 23.8469 21.9333 26.7459 15.5867 31.3282C13.9067 29.7384 11.6667 28.8032 9.23999 28.8032C4.19999 28.8032 0.0933228 32.9179 0.0933228 37.9678C0.0933228 41.7085 2.33332 44.888 5.50666 46.3843C5.31999 47.3194 5.31999 48.2546 5.31999 49.1898C5.31999 63.3107 21.7467 74.8132 42.0933 74.8132C62.3467 74.8132 78.8667 63.3107 78.8667 49.1898C78.8667 48.2546 78.7733 47.3194 78.68 46.3843C81.6667 45.075 84 41.8955 84 38.1548ZM21 44.701C21 41.0538 23.9867 38.1548 27.5333 38.1548C31.1733 38.1548 34.0667 41.1474 34.0667 44.701C34.0667 48.3481 31.08 51.2471 27.5333 51.2471C23.8933 51.2471 21 48.3481 21 44.701ZM57.5867 62.095C53.1067 66.5838 44.52 66.9578 42 66.9578C39.48 66.9578 30.8933 66.5838 26.4133 62.095C25.76 61.4404 25.76 60.3182 26.4133 59.6636C27.0667 59.009 28.1867 59.009 28.84 59.6636C31.64 62.4691 37.7067 63.4977 42 63.4977C46.2933 63.4977 52.36 62.4691 55.16 59.6636C55.8133 59.009 56.9333 59.009 57.5867 59.6636C58.24 60.3182 58.24 61.4404 57.5867 62.095ZM56.3733 51.2471C52.7333 51.2471 49.84 48.2546 49.84 44.701C49.84 41.0538 52.8267 38.1548 56.3733 38.1548C60.0133 38.1548 62.9067 41.1474 62.9067 44.701C63 48.3481 60.0133 51.2471 56.3733 51.2471Z" fill="white"/>
 </g>
 <defs>
 <clipPath id="clip0_11_47">
 <rect width="84" height="75" fill="white"/>
 </clipPath>
 </defs>
 </svg>
--- a/public/Images/tea-hero-illustrationAsset
+++ b/public/Images/tea-hero-illustrationAsset
--- a/public/Images/tea-hero-image.svg
+++ b/public/Images/tea-hero-image.svg
@ -0,0 +1,117 @@
 <svg width="460" height="478" viewBox="0 0 460 478" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g opacity="0.6" clip-path="url(#clip0_150_158)">
 <path d="M367.022 251.975C396.857 251.975 421.042 246.526 421.042 239.805C421.042 233.083 396.857 227.634 367.022 227.634C337.188 227.634 313.003 233.083 313.003 239.805C313.003 246.526 337.188 251.975 367.022 251.975Z" stroke="white" stroke-width="3" stroke-miterlimit="10"/>
 <path d="M413.059 231.78C413.059 236.882 392.462 240.974 367.022 240.974C341.583 240.974 320.986 236.829 320.986 231.78" stroke="white" stroke-width="3" stroke-miterlimit="10"/>
 <path d="M321.039 231.78C321.039 226.678 341.636 222.586 367.076 222.586C392.515 222.586 413.112 226.731 413.112 231.78" stroke="white" stroke-width="2" stroke-miterlimit="10"/>
 <path d="M320.72 66.2312C330.353 62.7768 347.49 60.4384 366.969 60.4384C387.193 60.4384 404.81 62.9362 414.23 66.6032" stroke="white" stroke-miterlimit="10" stroke-dasharray="3 3"/>
 <path d="M414.23 66.6564C418.86 68.4633 421.521 70.5892 421.521 72.8213C421.521 79.6239 397.092 85.151 366.969 85.151C336.846 85.151 312.417 79.5708 312.417 72.7681C312.417 70.3766 315.451 68.1445 320.773 66.2312" stroke="white" stroke-width="3" stroke-miterlimit="10"/>
 <path d="M414.549 71.3863C414.549 76.01 393.527 79.7833 367.555 79.7833C341.583 79.7833 320.56 76.01 320.56 71.3863" stroke="white" stroke-width="3" stroke-miterlimit="10"/>
 <path d="M320.507 71.3863C320.507 66.7627 341.529 62.9893 367.501 62.9893C393.473 62.9893 414.496 66.7627 414.496 71.3863" stroke="white" stroke-miterlimit="10" stroke-dasharray="3 3"/>
 <path d="M367.555 91.1565C391.304 91.1565 410.557 87.516 410.557 83.0252C410.557 78.5344 391.304 74.894 367.555 74.894C343.805 74.894 324.552 78.5344 324.552 83.0252C324.552 87.516 343.805 91.1565 367.555 91.1565Z" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-dasharray="3 3"/>
 <path d="M421.042 239.114C424.022 240.868 425.619 242.781 425.619 244.8C425.619 252.879 399.381 259.415 367.076 259.415C334.77 259.415 308.532 252.879 308.532 244.8C308.532 243.047 309.756 241.346 312.045 239.805" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-dasharray="3 3"/>
 <path d="M367.555 233.64C391.304 233.64 410.557 229.999 410.557 225.509C410.557 221.018 391.304 217.377 367.555 217.377C343.805 217.377 324.552 221.018 324.552 225.509C324.552 229.999 343.805 233.64 367.555 233.64Z" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-dasharray="3 3"/>
 <path d="M312.417 72.6618V192.505C312.417 199.892 311.672 207.28 310.022 214.454C308.639 220.566 308 230.026 313.056 240.496" stroke="white" stroke-width="3" stroke-miterlimit="10"/>
 <path d="M414.283 70.6954V186.553C414.283 193.674 415.028 200.849 416.678 207.811C418.062 213.71 418.7 222.851 413.644 233.002" stroke="white" stroke-width="3" stroke-miterlimit="10"/>
 <path d="M320.401 70.6954V186.553C320.401 193.674 319.655 200.849 318.006 207.811C316.622 213.71 315.983 222.851 321.039 233.002" stroke="white" stroke-width="3" stroke-miterlimit="10"/>
 <path d="M331.151 229.973C326.84 221.363 327.373 213.604 328.597 208.608C329.98 202.709 330.619 196.65 330.619 190.539V95.9928C330.619 93.9732 332.429 92.432 334.451 92.804C336.261 93.1229 338.496 93.4949 340.625 93.7606C342.754 94.0264 344.297 95.8333 344.297 97.9591V192.558C344.297 198.617 343.658 204.675 342.275 210.628C341.104 215.623 340.571 223.436 344.829 231.992" fill="url(#paint0_linear_150_158)"/>
 <path d="M324.499 83.3972V187.191C324.499 193.568 323.86 199.999 322.37 206.217C321.092 211.478 320.56 219.716 325.084 228.75" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-dasharray="3 3"/>
 <path d="M410.611 83.3972V187.191C410.611 193.568 411.249 199.999 412.739 206.217C414.017 211.478 414.549 219.716 410.025 228.75" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-dasharray="3 3"/>
 <path d="M421.734 72.6618V192.505C421.734 199.892 422.479 207.28 424.129 214.454C425.513 220.566 426.151 230.026 421.095 240.496" stroke="white" stroke-width="3" stroke-miterlimit="10"/>
 <path d="M382.137 155.622C383.042 156.472 383.894 157.323 384.585 158.067" stroke="white" stroke-width="3" stroke-miterlimit="10"/>
 <path d="M386.395 159.821C386.714 160.086 386.98 160.299 387.193 160.458C389.056 161.681 395.975 168.536 396.294 179.644C396.613 190.751 389.695 198.245 380.434 201.54C371.174 204.835 360.689 206.642 357.762 204.941C354.835 203.241 354.782 200.69 352.972 199.467C351.162 198.245 348.129 197.023 347.064 193.993C346 190.964 345.042 188.838 343.765 188.094C342.487 187.35 340.199 185.49 340.146 182.673C340.146 182.673 340.146 173.213 342.807 166.304C345.468 159.395 350.63 154.506 355.952 151.796C361.275 149.085 368.672 147.385 374.846 150.361C375.165 150.52 375.431 150.68 375.751 150.839" stroke="white" stroke-width="3" stroke-miterlimit="10"/>
 <path d="M376.762 158.598C376.762 158.545 376.762 158.545 376.762 158.492C376.868 158.067 377.241 157.376 378.199 157.907C378.199 157.907 378.305 157.96 378.305 158.014C378.625 158.864 378.997 159.661 379.37 160.458C379.796 161.309 380.275 162.159 380.86 162.85L381.073 163.116C381.126 163.169 381.233 163.275 381.286 163.328C381.339 163.381 381.445 163.434 381.499 163.488C381.605 163.541 381.605 163.594 381.765 163.647C382.191 163.86 382.616 164.072 383.095 164.285L384.479 164.923C384.479 164.923 385.064 165.241 385.81 165.667C386.555 166.145 387.459 166.783 388.151 167.42C388.737 167.952 389.003 168.377 389.109 168.643C389.216 168.908 389.216 169.015 389.109 169.015C388.896 169.015 388.311 168.536 387.566 168.111C387.619 168.164 386.714 167.633 385.703 167.155C384.692 166.676 383.628 166.304 383.628 166.304L382.457 165.773C381.978 165.56 381.499 165.348 381.073 165.082C380.541 164.763 380.008 164.338 379.689 163.913C378.944 163.062 378.412 162.106 377.933 161.202C377.454 160.352 377.081 159.502 376.762 158.598Z" fill="white"/>
 <path d="M380.168 163.488C380.168 163.488 386.768 155.303 389.482 153.709C389.482 153.709 390.599 153.496 391.345 154.825C392.09 156.154 386.182 158.705 381.339 164.338" stroke="white" stroke-width="3" stroke-miterlimit="10"/>
 <path d="M380.807 160.139C380.807 160.139 383.787 155.037 382.457 149.298C381.126 143.558 378.997 138.934 375.91 135.852C372.824 132.769 368.087 131.441 368.087 131.441C368.087 131.441 372.345 139.891 373.249 143.133C374.207 146.375 377.401 156.419 380.807 160.139Z" stroke="white" stroke-width="3" stroke-miterlimit="10"/>
 <path d="M380.807 160.139C380.807 160.139 381.552 141.751 368.087 131.441" stroke="white" stroke-miterlimit="10"/>
 <path d="M380.328 186.872C379.636 186.021 378.305 187.137 379.05 187.988C379.742 188.785 381.02 187.722 380.328 186.872Z" fill="white"/>
 <path d="M383.095 187.35C382.563 186.712 381.605 187.563 382.137 188.2C382.616 188.785 383.627 187.988 383.095 187.35Z" fill="white"/>
 <path d="M381.445 189.37C381.073 188.944 380.434 189.529 380.807 189.901C381.179 190.326 381.818 189.795 381.445 189.37Z" fill="white"/>
 <path d="M379.317 189.901C378.944 189.476 378.305 190.06 378.678 190.432C378.997 190.858 379.636 190.326 379.317 189.901Z" fill="white"/>
 <path d="M382.936 190.326C382.563 189.901 381.924 190.486 382.297 190.858C382.616 191.283 383.255 190.751 382.936 190.326Z" fill="white"/>
 <path d="M349.3 171.459C348.927 171.034 348.289 171.619 348.661 171.991C348.98 172.416 349.619 171.885 349.3 171.459Z" fill="white"/>
 <path d="M347.756 172.735C347.384 172.31 346.745 172.894 347.118 173.266C347.49 173.692 348.129 173.16 347.756 172.735Z" fill="white"/>
 <path d="M349.14 173.32C348.768 172.894 348.129 173.479 348.501 173.851C348.821 174.276 349.513 173.745 349.14 173.32Z" fill="white"/>
 <path d="M346.532 174.914C346.16 174.489 345.521 175.073 345.894 175.445C346.266 175.871 346.905 175.286 346.532 174.914Z" fill="white"/>
 <path d="M391.93 174.754C391.557 174.329 390.919 174.914 391.291 175.286C391.611 175.764 392.249 175.18 391.93 174.754Z" fill="white"/>
 <path d="M393.314 176.189C392.941 175.764 392.303 176.349 392.675 176.721C393.048 177.146 393.686 176.615 393.314 176.189Z" fill="white"/>
 <path d="M390.227 176.88C389.854 176.455 389.216 177.04 389.588 177.412C389.908 177.837 390.599 177.305 390.227 176.88Z" fill="white"/>
 <path d="M391.93 177.359C391.557 176.933 390.919 177.518 391.291 177.89C391.664 178.315 392.303 177.784 391.93 177.359Z" fill="white"/>
 <path d="M391.345 178.953C390.972 178.528 390.333 179.112 390.706 179.484C391.078 179.91 391.717 179.378 391.345 178.953Z" fill="white"/>
 <path d="M392.569 180.122C392.196 179.697 391.557 180.282 391.93 180.654C392.249 181.079 392.888 180.547 392.569 180.122Z" fill="white"/>
 <path d="M359.199 201.221C358.826 200.796 358.188 201.38 358.56 201.752C358.933 202.178 359.571 201.646 359.199 201.221Z" fill="white"/>
 <path d="M361.594 202.709C361.221 202.284 360.583 202.869 360.955 203.241C361.328 203.719 361.966 203.134 361.594 202.709Z" fill="white"/>
 <path d="M362.658 202.39C362.286 201.965 361.647 202.55 362.02 202.922C362.392 203.347 363.031 202.762 362.658 202.39Z" fill="white"/>
 <path d="M366.597 201.221C366.224 200.796 365.585 201.38 365.958 201.752C366.277 202.178 366.916 201.646 366.597 201.221Z" fill="white"/>
 <path d="M361.168 200.955C360.796 200.53 360.157 201.115 360.529 201.487C360.849 201.912 361.487 201.327 361.168 200.955Z" fill="white"/>
 <path d="M364.521 201.327C364.148 200.902 363.51 201.487 363.882 201.859C364.202 202.284 364.84 201.752 364.521 201.327Z" fill="white"/>
 <path d="M320.454 71.3332C320.294 70.6954 320.241 70.0577 320.188 69.42C320.134 68.1445 320.347 66.9753 320.826 65.8592C319.922 64.3711 319.389 62.6173 319.283 60.7572C319.176 58.472 320.028 56.3993 321.412 54.6986C321.252 54.0077 321.146 53.3168 321.092 52.5728C320.88 48.268 324.126 44.4415 328.118 43.2192C328.011 42.6877 327.958 42.2094 327.905 41.678C327.692 36.3634 332.588 31.846 337.751 31.846C338.496 31.846 339.241 31.9523 339.986 32.1118C341.689 29.0293 345.148 26.8503 348.714 26.8503C351.003 26.8503 353.025 27.6475 354.675 28.923C356.378 27.6475 358.454 26.8503 360.583 26.8503C363.031 26.8503 365.16 27.7007 366.81 29.1356C368.459 27.9664 370.429 27.2755 372.451 27.2755C375.538 27.2755 378.199 28.7104 379.955 30.8894C381.179 30.358 382.51 30.0391 383.84 30.0391C386.342 30.0391 388.524 30.9426 390.227 32.4838C391.983 30.9957 394.272 30.0391 396.613 30.0391C402.148 30.0391 406.193 34.5565 406.459 39.871C406.513 40.9339 406.353 41.9968 405.98 42.9535C409.493 44.3352 411.941 47.6834 412.314 51.6162C415.028 53.37 416.784 56.4524 416.944 59.9069C417.05 62.4047 416.039 64.69 414.389 66.4438C414.549 67.1347 414.655 67.8256 414.709 68.5165C414.709 68.5165 415.613 71.5458 413.591 72.8213" stroke="white" stroke-width="3" stroke-miterlimit="10"/>
 <path d="M421.308 106.144C421.308 106.144 423.118 102.158 426.151 102.051C428.12 101.998 436.05 102.317 441.213 102.53C444.087 102.636 446.535 104.709 447.174 107.578C448.185 112.468 449.569 121.609 450.367 137.34C451.697 164.338 448.93 168.111 446.003 170.769C443.076 173.426 430.515 180.707 427.109 180.813C423.703 180.919 422.373 179.112 422 177.199" stroke="white" stroke-width="3" stroke-miterlimit="10"/>
 <path d="M422.053 90.7845C422.053 90.7845 422.958 93.8669 425.938 93.8669C427.908 93.8669 439.244 94.0795 446.641 94.1858C450.686 94.2389 454.092 97.1088 454.891 101.095C455.955 106.409 457.286 115.391 458.403 129.74C460.585 157.535 458.297 172.948 451.165 181.132C444.034 189.316 426.258 196.066 426.258 196.066C426.258 196.066 422.373 198.139 422.266 200.318" stroke="white" stroke-width="3" stroke-miterlimit="10"/>
 </g>
 <path d="M350.61 239.107C338.046 227.415 298.529 231.169 298.529 231.169L299.066 200.49C299.066 200.49 301.106 178.606 296.381 167.45C291.656 156.294 232.917 144.923 232.917 144.923L299.603 22.7415L237.105 1.82361L162.795 140.632C162.795 140.632 138.848 136.234 71.1959 145.031C3.65107 153.827 1.82553 173.35 1.82553 173.35C1.82553 173.35 2.14768 221.837 2.36245 237.391C2.57722 252.945 5.26184 289.096 14.3895 313.982C23.5172 338.869 44.5646 359.894 55.0883 380.276C65.6119 400.765 74.9544 434.877 74.9544 434.877L76.1356 443.673C61.5313 450.646 62.3904 458.906 72.5919 465.02C82.7935 471.135 110.284 475.855 145.399 476.713C180.513 477.571 225.508 470.276 235.172 461.266C244.837 452.255 223.145 441.957 223.145 441.957C223.145 441.957 224.648 437.881 225.508 433.482C226.367 429.084 236.353 399.263 242.152 387.034C247.951 374.805 267.924 345.198 267.924 345.198C267.924 345.198 271.146 345.198 276.086 345.735C281.025 346.271 300.999 346.056 314.959 342.517C329.026 338.977 350.61 321.17 359.094 293.172C367.899 265.174 363.174 250.8 350.61 239.107ZM341.59 282.659C340.087 292.528 333.644 302.397 323.12 315.699C312.489 329 279.951 327.284 279.951 327.284C279.951 327.284 283.603 319.131 284.676 316.664C285.75 314.197 291.334 297.141 292.838 287.808C294.341 278.476 296.811 250.049 296.811 250.049C296.811 250.049 301.965 250.049 308.945 249.834C315.818 249.62 321.831 246.402 334.395 251.765C346.959 257.129 343.094 272.79 341.59 282.659Z" fill="#2E3032"/>
 <path d="M281.347 233.744C295.737 173.565 -14.6043 185.15 19.3292 234.816C16.752 259.274 27.5978 307.761 42.4169 336.939C46.7123 337.904 51.2224 337.689 55.6252 335.973C56.0547 339.728 60.6723 342.409 64.6455 340.908C74.2027 361.504 105.129 364.293 118.982 345.842C128.969 364.722 157.963 367.189 171.708 350.24C173.211 355.496 182.554 355.389 184.057 350.24C197.802 354.745 213.91 346.915 219.924 333.935C225.293 337.582 232.702 339.298 239.467 337.904C242.045 342.195 245.696 345.306 249.776 347.129C255.36 338.011 261.374 328.25 267.817 317.201C276.3 300.574 281.347 233.744 281.347 233.744ZM228.192 246.294C227.011 246.08 225.83 245.973 224.541 245.865C226.044 245.651 227.548 245.436 229.051 245.007C228.729 245.436 228.514 245.865 228.192 246.294Z" fill="#42717D"/>
 <path d="M120.056 364.722C106.955 364.722 106.955 385.103 120.056 385.103C133.157 385.103 133.157 364.722 120.056 364.722Z" fill="#42717D"/>
 <path d="M181.265 360.109C172.245 360.109 172.245 374.054 181.265 374.054C190.285 374.054 190.285 360.109 181.265 360.109Z" fill="#42717D"/>
 <path d="M95.8944 383.28C89.0218 383.28 89.0218 394.007 95.8944 394.007C102.767 394.007 102.767 383.28 95.8944 383.28Z" fill="#42717D"/>
 <path d="M165.802 396.688C161.614 396.688 161.614 403.125 165.802 403.125C169.882 403.125 169.882 396.688 165.802 396.688Z" fill="#42717D"/>
 <path d="M220.138 354.424C215.95 354.424 215.95 360.86 220.138 360.86C224.219 360.86 224.219 354.424 220.138 354.424Z" fill="#42717D"/>
 <path d="M151.09 252.302C223.148 252.302 281.562 238.902 281.562 222.373C281.562 205.844 223.148 192.444 151.09 192.444C79.0322 192.444 20.6178 205.844 20.6178 222.373C20.6178 238.902 79.0322 252.302 151.09 252.302Z" fill="#688D97"/>
 <path d="M150.231 247.582C190.263 247.582 222.716 239.033 222.716 228.487C222.716 217.942 190.263 209.393 150.231 209.393C110.199 209.393 77.7464 217.942 77.7464 228.487C77.7464 239.033 110.199 247.582 150.231 247.582Z" fill="#42717D"/>
 <path d="M71.3033 229.453C71.3033 219.262 101.801 210.895 140.137 210.359C138.956 210.359 137.774 210.359 136.593 210.359C96.5387 210.359 64.1086 218.94 64.1086 229.453C64.1086 239.965 96.5387 248.547 136.593 248.547C137.774 248.547 138.956 248.547 140.137 248.547C101.801 248.118 71.3033 239.751 71.3033 229.453Z" fill="#42717D"/>
 <path d="M230.877 229.453C230.877 239.644 200.38 248.011 162.043 248.547C163.224 248.547 164.406 248.547 165.587 248.547C205.641 248.547 238.071 239.965 238.071 229.453C238.071 218.94 205.641 210.359 165.587 210.359C164.406 210.359 163.224 210.359 162.043 210.359C200.38 210.895 230.877 219.262 230.877 229.453Z" fill="#42717D"/>
 <path d="M150.875 240.395C184.799 240.395 212.299 234.679 212.299 227.629C212.299 220.579 184.799 214.864 150.875 214.864C116.952 214.864 89.4513 220.579 89.4513 227.629C89.4513 234.679 116.952 240.395 150.875 240.395Z" fill="#688D97"/>
 <path d="M238.071 2.78906L113.935 235.353C127.465 237.713 155.171 241.038 183.842 235.782L298.851 22.956L238.071 2.78906Z" fill="#BAC7C8"/>
 <path d="M203.494 224.733C203.494 230.311 179.762 234.816 150.338 234.816C120.915 234.816 97.183 230.311 97.183 224.733C97.183 220.978 108.136 217.653 124.244 215.937C126.284 215.722 118.767 223.982 120.915 223.875C126.928 223.446 171.171 225.377 189.104 224.411C192.433 224.197 189.534 217.975 192.111 218.618C199.306 220.228 203.494 222.373 203.494 224.733Z" fill="#42717D"/>
 <path d="M299.388 22.5269L159.359 281.372L98.6864 263.243L237.427 1.93088L299.388 22.5269Z" stroke="white" stroke-width="3" stroke-miterlimit="10"/>
 <path d="M146.258 247.26C147.654 246.616 148.942 245.758 149.587 244.471C150.231 243.184 149.909 242.325 148.942 241.896C146.365 241.038 143.68 246.831 139.6 245.436C137.345 244.685 136.808 242.755 137.989 240.609C138.848 239 140.244 238.249 141.748 237.82C142.07 238.356 142.284 238.678 142.607 239.215C141.318 239.751 140.566 240.287 139.922 241.36C139.278 242.433 139.6 243.398 140.566 243.72C142.821 244.471 145.506 238.785 149.694 240.18C151.949 240.931 152.593 242.969 151.305 245.436C150.553 246.831 148.942 248.118 147.332 248.762C146.902 248.011 146.687 247.796 146.258 247.26ZM134.66 240.287C134.982 239.751 135.09 239.536 135.304 239C136.808 239.536 137.56 239.751 139.063 240.287C138.741 240.824 138.633 241.038 138.419 241.575C136.915 241.038 136.164 240.716 134.66 240.287ZM150.983 244.149C152.701 244.685 153.452 245.007 155.171 245.544C154.848 246.08 154.741 246.294 154.526 246.831C152.808 246.294 152.056 245.973 150.338 245.436C150.553 244.9 150.66 244.685 150.983 244.149Z" fill="white"/>
 <path d="M160.218 227.522C159.788 226.986 159.573 226.771 159.144 226.235C160.647 225.484 161.828 224.518 162.688 223.017C163.439 221.622 163.117 220.764 162.258 220.549C161.506 220.335 160.755 220.442 158.929 222.48C156.996 224.626 155.385 225.377 153.775 224.84C151.949 224.197 151.305 222.373 152.593 220.013C153.345 218.619 154.848 217.546 156.03 216.902C156.459 217.439 156.567 217.653 156.996 218.189C155.815 218.833 154.848 219.691 154.204 220.764C153.452 222.051 153.882 222.802 154.634 223.017C155.493 223.338 156.244 222.695 157.64 221.193C160.003 218.618 161.292 218.189 163.117 218.726C164.943 219.369 165.694 221.3 164.298 223.875C163.439 225.484 161.828 226.771 160.218 227.522Z" fill="#2E3032"/>
 <path d="M151.734 211.324C152.164 210.573 152.379 210.251 152.701 209.5C154.419 210.037 155.278 210.359 156.996 210.895C157.963 211.324 158.5 211.431 159.466 211.86C159.466 211.86 159.466 211.86 159.466 211.753C158.822 210.573 158.392 209.179 159.144 207.891C160.325 205.853 162.365 205.424 165.265 206.39C168.057 207.355 169.345 207.784 172.137 208.75C171.708 209.5 171.6 209.822 171.171 210.573C168.486 209.715 167.198 209.286 164.62 208.32C162.688 207.677 161.506 207.891 160.755 209.179C160.218 210.144 160.432 211.002 161.184 212.289C164.298 213.362 165.802 213.791 168.808 214.864C168.379 215.615 168.272 215.937 167.842 216.688C161.399 214.649 158.177 213.469 151.734 211.324Z" fill="#2E3032"/>
 <path d="M173.319 192.23C172.674 192.015 172.352 191.908 171.708 191.693C170.956 188.154 170.527 186.437 169.775 183.005C170.634 183.326 171.064 183.434 171.923 183.755C172.46 186.437 172.782 187.832 173.319 190.513H173.426C176.325 189.012 177.721 188.261 180.621 186.759C181.48 187.081 181.909 187.188 182.768 187.51C179.01 189.333 177.077 190.299 173.319 192.23Z" fill="#2E3032"/>
 <path d="M180.513 180.108C176.218 178.606 173.641 175.925 172.567 172.599C173.211 172.385 173.533 172.17 174.178 171.956C175.466 175.174 177.721 177.212 181.372 178.499C185.024 179.786 188.567 179.679 192.326 178.177C192.54 178.714 192.648 179.035 192.863 179.572C189.104 181.181 184.809 181.503 180.513 180.108Z" fill="#2E3032"/>
 <path d="M185.99 171.741C182.339 170.454 181.48 167.45 182.983 164.768C183.735 163.374 185.024 162.516 186.312 162.087C186.634 162.623 186.849 162.945 187.279 163.481C186.205 163.91 185.346 164.554 184.916 165.412C183.842 167.343 184.701 169.167 187.064 169.917C189.426 170.668 191.681 169.917 192.648 168.094C193.185 167.021 193.077 165.948 192.755 164.983C193.507 164.876 193.829 164.768 194.581 164.661C195.118 166.056 195.01 167.45 194.366 168.737C192.863 171.634 189.641 173.028 185.99 171.741Z" fill="#2E3032"/>
 <path d="M193.185 161.443C190.5 160.478 189.104 160.048 186.42 159.083C186.849 158.332 187.064 158.01 187.386 157.259C189.963 158.118 191.252 158.547 193.829 159.512C195.655 160.156 196.836 159.941 197.588 158.654C198.124 157.689 197.91 156.938 197.158 155.543C194.151 154.47 192.755 154.041 189.748 152.969C190.178 152.218 190.393 151.896 190.715 151.145C195.01 152.647 197.158 153.398 201.561 154.899C201.239 155.543 201.024 155.758 200.702 156.401C199.95 156.187 199.52 156.079 198.769 155.972C198.769 155.972 198.769 155.972 198.769 156.079C199.52 157.367 199.843 158.654 199.091 160.048C198.124 161.979 195.977 162.408 193.185 161.443Z" fill="#2E3032"/>
 <path d="M193.077 147.069C193.4 146.425 193.614 146.21 193.936 145.567C195.01 145.889 195.44 145.996 196.514 146.318C195.225 144.816 195.01 143.1 195.869 141.491C196.299 140.847 196.621 140.311 197.265 139.882C197.91 140.311 198.232 140.525 198.876 140.954C198.339 141.491 198.017 141.812 197.695 142.456C197.051 143.743 197.158 145.245 198.769 146.961C201.239 147.82 202.42 148.249 204.89 149.107C204.46 149.858 204.353 150.18 203.923 150.93C199.52 149.321 197.373 148.57 193.077 147.069Z" fill="#2E3032"/>
 <path d="M207.037 136.878C202.957 135.483 201.024 134.732 196.943 133.338C196.299 134.518 195.977 135.162 195.225 136.342C194.473 136.127 194.151 136.02 193.507 135.698C194.581 133.767 195.118 132.802 196.192 130.871C200.916 132.587 203.386 133.338 208.111 135.054C209.615 135.591 210.581 135.054 211.118 134.089C211.333 133.66 211.547 133.016 211.547 132.373C212.299 132.373 212.621 132.48 213.373 132.48C213.266 133.445 213.266 134.089 212.621 135.162C211.655 137.2 209.615 137.843 207.037 136.878Z" fill="#2E3032"/>
 <path d="M217.991 115.746C216.058 115.102 215.199 114.78 213.266 114.136C212.729 115.102 212.514 115.638 211.977 116.604C211.333 116.389 211.011 116.282 210.366 116.067C210.903 115.102 211.118 114.566 211.655 113.493C210.366 112.956 209.722 112.635 208.433 112.098C208.756 111.455 208.97 111.24 209.292 110.596C210.688 111.026 211.333 111.347 212.621 111.776C213.588 110.06 214.017 109.309 214.876 107.593C215.521 107.807 215.95 107.915 216.595 108.237C215.628 109.953 215.199 110.704 214.34 112.42C216.272 113.064 217.132 113.386 219.064 114.029C220.89 114.673 222.071 114.458 222.93 112.849C223.36 112.098 223.467 111.347 223.575 110.704C224.326 110.811 224.648 110.811 225.4 110.918C225.293 111.776 225.078 112.849 224.541 113.922C222.93 116.389 220.675 116.711 217.991 115.746Z" fill="#2E3032"/>
 <path d="M221.534 106.949C218.098 105.769 217.239 102.873 218.528 100.513C219.924 97.9385 222.823 97.1876 225.722 98.1531C226.152 98.2603 226.581 98.4749 226.796 98.6894C225.185 101.586 224.434 103.088 222.823 105.984C222.179 105.769 221.856 105.662 221.212 105.448C222.608 102.98 223.252 101.8 224.541 99.333C224.648 99.5476 224.756 99.6549 224.863 99.8694C222.608 99.0112 220.89 99.5476 220.138 101.049C219.279 102.551 219.924 104.375 222.501 105.233C225.078 106.198 227.118 105.233 228.192 103.302C228.729 102.337 228.836 101.371 228.622 100.406C229.266 100.298 229.695 100.298 230.34 100.298C230.555 101.478 230.447 102.873 229.695 104.16C228.299 106.735 225.078 108.129 221.534 106.949Z" fill="#2E3032"/>
 <path d="M230.125 96.7585C227.763 95.9004 227.548 93.7549 229.588 89.1423C228.3 88.7132 226.904 88.9278 226.044 90.5368C225.508 91.6095 225.508 92.8968 225.615 93.9695C224.863 94.0768 224.541 94.0768 223.789 94.184C223.575 92.8968 223.682 91.1804 224.541 89.6786C225.83 87.2114 228.192 86.5678 230.984 87.5332C233.561 88.3914 234.743 88.9277 237.32 89.7859C236.998 90.4295 236.783 90.6441 236.461 91.2877C235.924 91.1804 235.602 91.0732 235.065 90.9659C235.065 90.9659 235.065 90.9659 235.065 91.0732C235.387 92.3604 235.494 93.8622 234.85 95.0422C233.884 96.544 231.951 97.4022 230.125 96.7585ZM233.454 90.4295C232.488 90.1077 231.951 89.8932 230.984 89.5714C229.373 93.1113 229.696 94.5058 230.877 94.9349C231.951 95.2567 232.81 94.7204 233.347 93.755C233.884 92.7895 233.776 91.7168 233.454 90.4295Z" fill="#2E3032"/>
 <path d="M238.394 83.886C237.212 83.4569 236.783 82.4915 237.32 81.526C237.857 80.5606 239.038 80.2388 240.219 80.5606C241.4 80.9897 241.83 81.9551 241.293 82.9206C240.756 83.886 239.575 84.2078 238.394 83.886Z" fill="#2E3032"/>
 <path d="M240.971 71.228C238.286 71.7644 236.998 71.9789 234.313 72.5153C234.743 71.7644 234.957 71.3353 235.387 70.5844C236.568 70.3698 237.105 70.2626 238.179 70.048C238.931 69.9408 239.79 69.8335 240.541 69.7262C240.541 69.7262 240.541 69.7262 240.541 69.6189C240.112 69.0826 239.682 68.5462 239.253 68.0099C238.716 67.259 238.394 66.8299 237.749 66.079C238.179 65.3281 238.394 64.899 238.823 64.1481C240.219 66.079 240.971 67.1517 242.367 69.0826C245.159 68.5462 246.555 68.2244 249.347 67.6881C248.917 68.439 248.703 68.868 248.273 69.6189C247.092 69.8335 246.447 69.9408 245.266 70.2626C244.515 70.3698 243.548 70.5844 242.796 70.6917C242.796 70.6917 242.796 70.6917 242.796 70.7989C243.226 71.3353 243.655 71.8716 244.085 72.5153C244.729 73.3734 244.944 73.8025 245.588 74.5534C245.159 75.3043 244.944 75.7334 244.515 76.4843C243.119 74.3389 242.367 73.2662 240.971 71.228Z" fill="#2E3032"/>
 <path d="M254.716 66.8299C254.179 66.4008 253.857 66.2936 253.213 65.8645C253.427 65.6499 253.642 65.4354 253.75 65.1136C254.394 63.9336 253.964 62.9681 252.998 62.11C252.783 61.8954 252.676 61.7882 252.461 61.5736C247.414 61.6809 244.944 61.7882 239.897 61.8954C240.327 61.1445 240.541 60.8227 240.864 60.0718C243.441 60.0718 244.729 60.0718 247.307 60.0718C248.38 60.0718 249.669 60.0718 250.958 60.1791C250.958 60.1791 250.958 60.1791 250.958 60.0718C250.099 59.4282 249.239 58.6773 248.38 58.0337C246.662 56.5319 245.696 55.781 243.978 54.3865C244.407 53.7428 244.515 53.3137 244.944 52.6701C248.488 55.781 250.313 57.2828 253.857 60.3936C255.683 61.8954 256.542 63.5045 255.468 65.5426C255.36 66.1863 255.038 66.5081 254.716 66.8299Z" fill="#2E3032"/>
 <path d="M255.36 54.0647C253.535 50.7392 252.676 49.0229 250.958 45.6975C249.884 47.7357 249.347 48.7011 248.166 50.7392C247.521 50.5247 247.199 50.4174 246.447 50.0956C248.166 47.092 248.917 45.5902 250.635 42.4794C251.065 42.6939 251.28 42.6939 251.709 42.9085C253.427 46.2339 254.287 47.9502 256.112 51.2756C257.401 48.9156 258.045 47.7357 259.334 45.483C259.978 45.6975 260.3 45.8048 261.052 46.1266C259.226 49.452 258.26 51.1683 256.434 54.4937C256.112 54.2792 255.897 54.1719 255.36 54.0647Z" fill="#2E3032"/>
 <path d="M265.669 43.6593C264.595 40.4412 262.448 38.4031 259.011 37.1158C255.575 35.8286 252.246 35.9358 248.595 37.4376C248.38 36.9013 248.273 36.5795 248.166 36.0431C251.817 34.434 255.897 34.0049 259.871 35.5067C263.844 37.0085 266.314 39.6903 267.28 42.9084C266.636 43.2303 266.314 43.3375 265.669 43.6593Z" fill="#2E3032"/>
 <path d="M232.38 146.103C272.435 152.11 298.959 162.408 298.959 174.101C298.959 192.659 232.38 207.677 150.338 207.677C68.2966 207.677 1.61076 192.659 1.61076 174.101C1.61076 155.543 68.1892 140.525 150.231 140.525C154.634 140.525 158.929 140.525 163.224 140.632" stroke="white" stroke-width="3" stroke-miterlimit="10"/>
 <path d="M205.427 195.662C250.206 200.382 281.24 210.68 281.24 222.588C281.24 239 222.501 252.194 149.909 252.194C77.3169 252.194 18.6849 238.893 18.6849 222.48C18.6849 207.248 69.7999 194.59 135.519 192.981" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-dasharray="3 3"/>
 <path d="M192.218 219.155C199.843 221.193 204.46 223.768 204.46 226.557C204.46 232.993 179.869 238.249 149.587 238.249C119.304 238.249 94.7131 232.993 94.7131 226.557C94.7131 222.051 106.418 218.189 123.707 216.151" stroke="white" stroke-miterlimit="10"/>
 <path d="M150.231 446.462C182.672 446.462 208.97 440.507 208.97 433.161C208.97 425.814 182.672 419.859 150.231 419.859C117.79 419.859 91.4916 425.814 91.4916 433.161C91.4916 440.507 117.79 446.462 150.231 446.462Z" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-dasharray="3 3"/>
 <path d="M150.231 460.837C190.263 460.837 222.716 453.488 222.716 444.424C222.716 435.36 190.263 428.012 150.231 428.012C110.199 428.012 77.7464 435.36 77.7464 444.424C77.7464 453.488 110.199 460.837 150.231 460.837Z" stroke="white" stroke-width="3" stroke-miterlimit="10"/>
 <path d="M229.159 152.325C260.193 156.616 280.274 163.374 280.274 170.99C280.274 183.863 222.93 194.268 152.271 194.268C81.6123 194.268 24.2689 183.863 24.2689 170.99C24.2689 158.118 81.6123 147.712 152.271 147.712C154.526 147.712 156.889 147.712 159.144 147.712" stroke="white" stroke-width="3" stroke-miterlimit="10"/>
 <path d="M77.7464 444.424C77.7464 444.424 68.8335 410.205 62.6052 396.796C22.0138 308.404 1.61076 353.136 1.61076 174.101" stroke="white" stroke-width="3" stroke-miterlimit="10"/>
 <path d="M91.4916 432.839C88.3775 421.683 83.4378 405.163 79.5719 396.796C42.9538 317.201 22.7655 345.52 19.1144 221.515" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-dasharray="3 3"/>
 <path d="M209.185 432.839C212.299 421.683 217.239 405.163 221.105 396.796C257.723 317.201 277.911 345.52 281.562 221.515" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-dasharray="3 3"/>
 <path d="M222.716 444.424C222.716 444.424 231.628 410.205 237.857 396.796C274.797 316.45 294.985 346.057 298.422 217.975C298.744 205.102 298.959 190.513 298.959 174.101" stroke="white" stroke-width="3" stroke-miterlimit="10"/>
 <path d="M297.348 230.74H326.342C336.973 230.74 347.174 235.353 354.154 243.291C361.134 251.229 364.463 261.849 363.067 272.361C360.275 294.245 352.973 311.837 341.483 324.495C328.06 339.191 309.697 346.593 286.717 346.593C281.884 346.593 276.837 346.271 271.575 345.627L267.817 344.877" stroke="white" stroke-width="3" stroke-miterlimit="10"/>
 <path d="M279.951 327.07C282.207 327.177 284.462 327.284 286.502 327.284C319.791 327.284 339.013 308.083 343.953 269.894C344.597 264.852 343.094 259.918 339.657 256.056C336.328 252.194 331.389 250.049 326.342 250.049H297.348" stroke="white" stroke-width="3" stroke-miterlimit="10"/>
 <path d="M223.038 443.137C232.38 446.57 237.857 450.753 237.857 455.259C237.857 467.273 198.984 476.927 151.09 476.927C103.197 476.927 64.3233 467.273 64.3233 455.259C64.3233 451.289 68.7261 447.428 76.3504 444.21" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-dasharray="3 3"/>
 <path d="M194.581 216.688C207.36 219.477 215.413 223.446 215.413 227.844C215.413 236.211 186.42 242.969 150.66 242.969C114.901 242.969 85.9076 236.211 85.9076 227.844C85.9076 221.622 101.693 216.366 124.244 214.006" stroke="white" stroke-miterlimit="10"/>
 <path d="M199.52 284.268C193.292 284.268 193.292 293.923 199.52 293.923C205.749 293.923 205.749 284.268 199.52 284.268Z" fill="#688D97"/>
 <path d="M95.2501 293.816C89.0218 293.816 89.0218 303.47 95.2501 303.47C101.478 303.47 101.478 293.816 95.2501 293.816Z" fill="#688D97"/>
 <path d="M171.171 321.384C164.943 321.384 164.943 331.039 171.171 331.039C177.399 331.039 177.399 321.384 171.171 321.384Z" fill="#688D97"/>
 <path d="M43.9203 255.091C37.692 255.091 37.692 264.745 43.9203 264.745C50.1486 264.745 50.1486 255.091 43.9203 255.091Z" fill="#688D97"/>
 <path d="M223.252 256.378C213.588 256.378 213.588 271.396 223.252 271.396C232.917 271.396 232.917 256.378 223.252 256.378Z" fill="#688D97"/>
 <path d="M246.125 302.504C239.897 302.504 239.897 312.159 246.125 312.159C252.354 312.159 252.354 302.504 246.125 302.504Z" fill="#688D97"/>
 <path d="M35.4369 211.539C33.1818 211.11 31.1415 212.826 31.1415 215.079C31.571 229.667 33.3966 276.438 40.0544 299.501C47.8935 327.07 67.1153 345.091 72.6993 356.355C78.1759 367.296 87.3036 385.103 95.1427 413.423C95.5722 414.925 96.9682 415.997 98.579 415.997H112.002C114.472 415.997 116.19 413.423 115.331 411.17C108.995 395.616 89.1292 346.7 78.3907 328.25C57.9876 293.279 54.8735 256.271 56.2695 218.94C56.3769 217.224 55.1956 215.722 53.4775 215.293L35.4369 211.539Z" fill="url(#paint1_linear_150_158)"/>
 <defs>
 <linearGradient id="paint0_linear_150_158" x1="336.272" y1="232.072" x2="336.272" y2="92.7712" gradientUnits="userSpaceOnUse">
 <stop stop-color="white" stop-opacity="0"/>
 <stop offset="1" stop-color="white" stop-opacity="0.6"/>
 </linearGradient>
 <linearGradient id="paint1_linear_150_158" x1="73.3605" y1="415.996" x2="73.3605" y2="211.428" gradientUnits="userSpaceOnUse">
 <stop stop-color="white" stop-opacity="0"/>
 <stop offset="1" stop-color="white" stop-opacity="0.6"/>
 </linearGradient>
 <clipPath id="clip0_150_158">
 <rect width="152" height="234" fill="white" transform="translate(308 26)"/>
 </clipPath>
 </defs>
 </svg>
--- a/public/Images/tea-hero-img.png
+++ b/public/Images/tea-hero-img.png
--- a/public/Images/tea-light.svg
+++ b/public/Images/tea-light.svg
@ -0,0 +1,52 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 25.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 	 viewBox="0 0 139 50" style="enable-background:new 0 0 139 50;" xml:space="preserve">
 <style type="text/css">
 	.st0{clip-path:url(#SVGID_2_);fill:#FFFFFF;}
 	.st1{clip-path:url(#SVGID_2_);fill:#7EC9C0;}
 	.st2{clip-path:url(#SVGID_2_);fill:#008E95;}
 </style>
 <g>
 	<g>
 		<defs>
 			<rect id="SVGID_1_" x="0.5" width="138.1" height="50"/>
 		</defs>
 		<clipPath id="SVGID_2_">
 			<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
 		</clipPath>
 		<path class="st0" d="M124.5,46.9c-0.1-0.6-0.2-1.4-0.2-2c-0.1-4.3-0.1-8.5-0.3-12.8c-0.1-4-2.1-6.8-5.9-7.9
 			c-3.9-1.1-7.7-1.1-11.5,0.3c-1.5,0.5-2.9,1.4-3.6,2.9c-0.8,1.4-0.6,2.9,0.3,4c1.3,1.5,3,1.5,4.6,1.1c1.3-0.3,2-1.4,2.1-2.9
 			c0.1-0.9,0.3-1.8,0.4-2.6c0.3-1.3,1-2,2.3-2c1.1,0,1.8,0.6,2,2c0.1,1.5,0.1,3.1,0.3,4.6c0.2,2.6-6,3.4-7.7,4
 			c-2.3,0.8-4.3,1.9-5.6,3.9c-2.4,3.4-1.5,8,1.9,9.8c3.9,2,9.7,1.3,12-3.5c0.8,1.8,1.9,3,3.6,3.5c0.9,0.3,1.9,0.4,2.8,0.5
 			c1,0.1,4.5,0.5,3.4-1.3C125,47.6,124.6,47.2,124.5,46.9z M114.8,42.2c0,1.4-1.4,2.5-2.8,2.4c-1.4-0.1-2.3-1-2.4-2.5
 			c-0.1-1.1,0.3-2.3,0.9-3.1c1.1-1.5,2.5-2.5,4.3-3.5C114.8,37.7,115,39.9,114.8,42.2z"/>
 		<path class="st0" d="M93.1,24.4c-3.3-1.5-6.6-1.5-9.9-0.3c-5.1,2-7.8,5.9-8.2,11.3c-0.4,4.6,1.1,8.7,4.8,11.7
 			c3.3,2.6,7.1,3.3,11.2,2.5c2.8-0.5,5.1-2,6.9-4.3c0,0,0-0.1,0.1-0.1c0.3-0.5-0.1-1.1-0.8-1.3c-0.1,0-0.1,0-0.3,0
 			c-0.6,0-1.3,0.3-1.9,0.4c-4,0.8-7.7-0.6-9.4-4.3c-0.8-1.4-1.3-2.3-1.9-5c0.8,0,1,0,1.4,0c4,0,8,0,12,0c1.3,0,1.5-0.3,1.5-1.5
 			C98.8,29.4,97,26.1,93.1,24.4z M90.6,31.3c0,0.9-0.5,1.4-1.4,1.4c-1.8,0-3.5,0-5.4,0c0-2.3,0.3-4.5,1.5-6.5c1.3-2.1,3.3-2,4.4,0.1
 			C90.6,27.9,90.8,29.5,90.6,31.3z"/>
 		<path class="st0" d="M73.5,46.1c-1,0-2.1,0.8-2.5-1c-0.1-0.4,0-0.8,0-1.1c0-5.7,0-11.3,0-17c0-0.3,0-0.6,0-0.9c0.9,0,1.5,0,2.3,0
 			c0.8,0,1-0.5,1-1.1c0-0.6-0.3-1.1-1-1.1c-0.8,0-1.5,0-2.3,0c0-1.6,0-3.3,0-4.8c0-1.3-1.1-1-1.9-0.5l-7.8,4.6c-1,0.6-1.3,1-1.3,1.8
 			c0,1.1,0.6,1.1,1.5,1.1c0,0.5,0,0.9,0,1.1c0,5.4,0,10.8,0,16.2c0,3.4,1.4,5.4,4.4,6.2c1.9,0.5,3.9,0.5,5.8-0.3
 			c0.8-0.3,3.4-1.9,2.6-2.9C74,46.1,73.7,46.1,73.5,46.1z"/>
 		<path class="st1" d="M133,39.1c-2.9,0-5.4,2.5-5.4,5.5c0,2.9,2.5,5.4,5.4,5.4c3,0,5.4-2.5,5.4-5.4C138.5,41.5,136,39.1,133,39.1z"
 			/>
 		<path class="st0" d="M44.6,31.3l-7.3-5c-0.9-0.6-2.1-0.4-2.8,0.5c-0.6,0.9-0.4,2.1,0.5,2.8l7.3,5.2l0.1,0.1c0,0,0,0,0,0.1
 			c0,0,0,0,0,0.1l-0.1,0.1l-7.3,5.2c-0.9,0.6-1.1,1.9-0.5,2.8c0.4,0.5,1,0.9,1.6,0.9c0.4,0,0.8-0.1,1.1-0.4l7.3-5c1.3-0.8,2-2,2-3.5
 			C46.6,33.3,45.9,32,44.6,31.3z"/>
 		<path class="st2" d="M25.9,30.5c0.8-0.6,0.9-1.6,0.4-2.4c-1.1-1.5-4.6-3.8-9.3-1.1c-0.5,0.3-1.1,0.8-1.6,1.1
 			c-1.5,1.3-3.8,2.3-5.9-0.1c-0.6-0.8-1.8-0.8-2.5-0.1c-0.8,0.6-0.8,1.8-0.1,2.5c1.8,1.9,3.6,2.6,5.4,2.6c2,0,3.9-0.9,5.3-2.1
 			c0.4-0.4,0.8-0.6,1.1-0.8c3-1.8,4.5-0.1,4.9,0.3C24.2,31,25.2,31.2,25.9,30.5z"/>
 		<path class="st0" d="M29.3,23.9c-1.1,0.4-1.6,1.4-1.4,2.5c0,0.1,3.3,11.4-3.4,19.1c-0.8,0.9-0.6,2.1,0.3,2.9
 			c0.4,0.4,0.9,0.5,1.4,0.5c0.5,0,1.1-0.3,1.5-0.8c8.2-9.4,4.4-22.4,4.3-22.9C31.6,24.1,30.4,23.5,29.3,23.9z"/>
 		<path class="st0" d="M5.3,26.4c0.4-1.1-0.3-2.1-1.4-2.5c-1.1-0.4-2.1,0.3-2.5,1.4c-0.1,0.5-3.9,13.4,4.3,22.9
 			c0.4,0.5,1,0.8,1.5,0.8s1-0.1,1.4-0.5c0.9-0.8,0.9-2,0.3-2.9C2.1,37.8,5.3,26.5,5.3,26.4z"/>
 		<path class="st0" d="M20.4,45.2h-7.7c-1.1,0-2,0.9-2,2c0,1.1,0.9,2,2,2h7.8c1.1,0,2-0.9,2-2C22.4,46.1,21.5,45.2,20.4,45.2z"/>
 		<path class="st1" d="M16.8,22.6c0.3,0.1,0.5,0.3,0.9,0.3c0.5,0,0.9-0.3,1.1-0.6c5-6.9,0.3-14.1,0-14.3c-0.4-0.8-1.4-0.9-2-0.4
 			c-0.6,0.5-0.9,1.4-0.4,2c0.1,0.3,3.8,5.8,0,11.1C16,21.2,16.1,22.1,16.8,22.6z"/>
 		<path class="st1" d="M13.7,15.6c0.3,0,0.5-0.1,0.8-0.3c0.6-0.5,0.9-1.4,0.4-2c-0.1-0.3-3.8-5.8,0-11.1c0.5-0.6,0.4-1.5-0.4-2
 			C14-0.3,13.1,0,12.6,0.6c-5,6.9-0.3,14.1,0,14.3C12.9,15.3,13.4,15.6,13.7,15.6z"/>
 	</g>
 </g>
 </svg>
--- a/public/Images/tea-main-illustrationAsset
+++ b/public/Images/tea-main-illustrationAsset
--- a/public/Images/tea-main-logo.svg
+++ b/public/Images/tea-main-logo.svg
@ -0,0 +1,13 @@
 <svg width="138" height="51" viewBox="0 0 138 51" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M124.019 46.8754C123.894 46.2472 123.768 45.4935 123.768 44.8653C123.643 40.594 123.643 36.3226 123.517 32.0513C123.392 28.0312 121.385 25.2673 117.622 24.1367C113.734 23.006 109.971 23.006 106.083 24.3879C104.578 24.8905 103.198 25.7699 102.445 27.2774C101.693 28.6593 101.818 30.1668 102.696 31.2975C103.951 32.805 105.707 32.805 107.337 32.4281C108.591 32.1769 109.344 31.0462 109.469 29.5387C109.595 28.6593 109.72 27.7799 109.846 26.9005C110.097 25.6442 110.849 24.8905 112.103 24.8905C113.232 24.8905 113.859 25.5186 114.11 26.9005C114.236 28.408 114.236 30.0412 114.361 31.5488C114.612 34.1869 108.341 34.9407 106.71 35.5689C104.452 36.3226 102.445 37.4533 101.066 39.4633C98.6827 42.8553 99.5607 47.5035 102.947 49.2623C106.835 51.2724 112.605 50.5186 114.988 45.7447C115.741 47.5035 116.87 48.7598 118.626 49.2623C119.504 49.5136 120.507 49.6392 121.385 49.7648C122.388 49.8905 125.9 50.2673 124.772 48.5085C124.521 47.6292 124.144 47.2523 124.019 46.8754ZM114.361 42.2271C114.361 43.6091 112.981 44.7397 111.602 44.6141C110.222 44.4885 109.344 43.6091 109.219 42.1015C109.093 40.9709 109.469 39.8402 110.097 38.9608C111.225 37.4533 112.605 36.4483 114.361 35.4432C114.361 37.7045 114.486 39.9658 114.361 42.2271Z" fill="white"/>
 <path d="M92.6622 24.388C89.4011 22.8804 86.0146 22.8804 82.7535 24.1367C77.6109 26.1468 74.977 30.0412 74.6007 35.4432C74.2244 40.0915 75.7295 44.1116 79.3669 47.1267C82.628 49.7648 86.5163 50.393 90.5299 49.6392C93.2893 49.1367 95.6724 47.6292 97.4284 45.3679C97.4284 45.3679 97.4284 45.2422 97.5539 45.2422C97.8047 44.7397 97.4284 44.1116 96.8013 43.9859C96.6759 43.9859 96.6759 43.9859 96.5504 43.9859C95.9233 43.9859 95.2962 44.2372 94.669 44.3628C90.6554 45.1166 87.018 43.7347 85.262 40.0915C84.5094 38.7096 84.0077 37.8302 83.3806 35.0664C84.1331 35.0664 84.384 35.0664 84.7603 35.0664C88.7739 35.0664 92.7876 35.0664 96.8013 35.0664C98.0556 35.0664 98.3064 34.8151 98.3064 33.5588C98.3064 29.4131 96.5504 26.1468 92.6622 24.388ZM90.1537 31.2975C90.1537 32.1769 89.6519 32.6794 88.774 32.6794C87.018 32.6794 85.262 32.6794 83.3806 32.6794C83.3806 30.4181 83.6314 28.1568 84.8857 26.1468C86.14 24.0111 88.1468 24.1367 89.2757 26.2724C90.1536 27.9055 90.2791 29.5387 90.1537 31.2975Z" fill="white"/>
 <path d="M72.9701 46.1215C71.9667 46.1215 70.8379 46.8753 70.4616 45.1165C70.3362 44.7396 70.4616 44.3627 70.4616 43.9859C70.4616 38.3326 70.4616 32.6793 70.4616 27.0261C70.4616 26.7748 70.4616 26.3979 70.4616 26.1467C71.3396 26.1467 71.9667 26.1467 72.7193 26.1467C73.4718 26.1467 73.7227 25.6442 73.7227 25.016C73.7227 24.3879 73.4718 23.8854 72.7193 23.8854C71.9667 23.8854 71.2141 23.8854 70.4616 23.8854C70.4616 22.2522 70.4616 20.619 70.4616 19.1115C70.4616 17.8552 69.3327 18.1065 68.5802 18.609L60.8037 23.2572C59.8003 23.8854 59.5494 24.2622 59.5494 25.016C59.5494 26.1467 60.1766 26.1467 61.0545 26.1467C61.0545 26.6492 61.0545 27.0261 61.0545 27.2773C61.0545 32.6793 61.0545 38.0813 61.0545 43.4834C61.0545 46.8753 62.4342 48.8854 65.4445 49.6391C67.3259 50.1416 69.3327 50.1416 71.2141 49.3879C71.9667 49.1366 74.6007 47.5035 73.8481 46.4984C73.4718 46.1215 73.221 46.1215 72.9701 46.1215Z" fill="white"/>
 <path d="M132.548 39.0864C129.663 39.0864 127.155 41.599 127.155 44.6141C127.155 47.5035 129.663 50.0161 132.548 50.0161C135.558 50.0161 137.941 47.5035 137.941 44.6141C138.067 41.4734 135.558 39.0864 132.548 39.0864Z" fill="#7EC9C0"/>
 <path d="M44.1219 31.2975L36.8471 26.2724C35.9691 25.6442 34.7149 25.8955 34.0877 26.7749C33.4606 27.6543 33.7114 28.9106 34.5894 29.5387L41.8642 34.6895L41.9896 34.8151C41.9896 34.8151 41.9896 34.8151 41.9896 34.9407C41.9896 34.9407 41.9896 34.9407 41.9896 35.0664L41.8642 35.192L34.5894 40.3427C33.7114 40.9709 33.4606 42.2272 34.0877 43.1066C34.464 43.6091 35.0911 43.986 35.7183 43.986C36.0946 43.986 36.4708 43.8603 36.8471 43.6091L44.1219 38.5839C45.3762 37.8302 46.1287 36.5739 46.1287 35.0664C46.1287 33.3076 45.3762 32.0513 44.1219 31.2975Z" fill="white"/>
 <path d="M25.4332 30.5438C26.1858 29.9156 26.3112 28.9106 25.8095 28.1568C24.6807 26.6493 21.1687 24.388 16.5279 27.0262C16.0262 27.2774 15.3991 27.7799 14.8974 28.1568C13.3922 29.4131 11.1346 30.4181 9.0023 28.0312C8.37516 27.2774 7.24632 27.2774 6.49375 27.9056C5.74119 28.5337 5.74119 29.6644 6.36833 30.4181C8.12431 32.3026 10.0057 33.0563 11.7617 33.0563C13.7685 33.0563 15.6499 32.1769 17.0296 30.9206C17.4059 30.5438 17.7822 30.2925 18.1585 30.1669C21.1687 28.4081 22.6739 30.0412 23.0501 30.4181C23.6773 31.0463 24.6807 31.1719 25.4332 30.5438Z" fill="#008E95"/>
 <path d="M28.8198 23.8854C27.6909 24.2623 27.1892 25.2674 27.4401 26.398C27.4401 26.5236 30.7012 37.8302 24.0535 45.4935C23.301 46.3729 23.4264 47.6292 24.3044 48.3829C24.6807 48.7598 25.1824 48.8855 25.6841 48.8855C26.1858 48.8855 26.8129 48.6342 27.1892 48.1317C35.342 38.7096 31.5792 25.7699 31.4537 25.2674C31.0775 24.1367 29.9486 23.5086 28.8198 23.8854Z" fill="white"/>
 <path d="M4.86321 26.398C5.23949 25.2674 4.61235 24.2623 3.48351 23.8854C2.35467 23.5086 1.35125 24.1367 0.974967 25.2674C0.84954 25.7699 -2.91327 38.7096 5.23949 48.1317C5.61577 48.6342 6.24291 48.8855 6.74461 48.8855C7.24632 48.8855 7.74803 48.7598 8.12431 48.3829C9.0023 47.6292 9.0023 46.3729 8.37517 45.4935C1.6021 37.8302 4.86321 26.5236 4.86321 26.398Z" fill="white"/>
 <path d="M19.9145 45.2422H12.2634C11.1346 45.2422 10.2566 46.1216 10.2566 47.2522C10.2566 48.3829 11.1346 49.2623 12.2634 49.2623H20.0399C21.1687 49.2623 22.0467 48.3829 22.0467 47.2522C21.9213 46.1216 21.0433 45.2422 19.9145 45.2422Z" fill="white"/>
 <path d="M16.2771 22.6291C16.5279 22.7547 16.7788 22.8803 17.1551 22.8803C17.6568 22.8803 18.0331 22.6291 18.2839 22.2522C23.301 15.3427 18.5348 8.18185 18.2839 7.93059C17.9076 7.17682 16.9042 7.05119 16.2771 7.5537C15.6499 8.05622 15.3991 8.93561 15.9008 9.56376C16.0262 9.81501 19.6636 15.3427 15.9008 20.619C15.5245 21.2472 15.6499 22.1266 16.2771 22.6291Z" fill="#7EC9C0"/>
 <path d="M13.2668 15.594C13.5177 15.594 13.7685 15.4683 14.0194 15.3427C14.6465 14.8402 14.8974 13.9608 14.3957 13.3327C14.2702 13.0814 10.6329 7.55376 14.3957 2.27737C14.8974 1.64923 14.7719 0.769836 14.0194 0.267323C13.5177 -0.23519 12.6397 0.0160667 12.138 0.644207C7.12089 7.55376 11.8871 14.7146 12.138 14.9658C12.3888 15.3427 12.8905 15.594 13.2668 15.594Z" fill="#7EC9C0"/>
 </svg>
--- a/public/Images/tea-steam-1.svg
+++ b/public/Images/tea-steam-1.svg
@ -0,0 +1,4 @@
 <svg width="299" height="434" viewBox="0 0 299 434" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M225.641 373.217C230.31 372.593 234.978 371.969 240.309 368.242C247.416 363.273 250.516 355.826 250.724 347.76C260.462 195.748 129.384 136.912 123.6 135.676C111.579 128.24 98.0268 135.076 93.6035 148.729C86.2883 161.764 92.3174 176.029 106.115 182.222C110.122 184.7 210.713 230.531 204.246 345.936C202.714 360.207 212.297 371.987 225.641 373.217Z" fill="#7EC9C0"/>
 <path d="M123.301 295.687C126.854 293.202 129.292 288.857 131.731 284.512C136.154 270.859 131.902 255.352 119.219 251.02C115.212 248.541 14.6221 202.71 21.0896 87.3065C22.621 73.0356 13.0385 61.2552 -2.08239 61.2673C-15.4265 60.0371 -25.6335 72.4537 -25.3881 85.4824C-35.1266 237.494 95.9507 296.329 99.9577 298.807C108.633 300.662 116.194 300.656 123.301 295.687Z" fill="#7EC9C0"/>
 </svg>
--- a/public/Images/tea-steam-2.svg
+++ b/public/Images/tea-steam-2.svg
@ -0,0 +1,4 @@
 <svg width="299" height="434" viewBox="0 0 299 434" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M298.641 373.218C303.31 372.594 307.979 371.969 313.309 368.243C320.416 363.274 323.516 355.826 323.724 347.76C333.463 195.748 202.384 136.912 196.6 135.676C184.579 128.241 171.027 135.076 166.604 148.729C159.289 161.764 165.318 176.029 179.115 182.222C183.122 184.7 283.713 230.532 277.246 345.936C275.714 360.207 285.297 371.988 298.641 373.218Z" fill="#7EC9C0"/>
 <path d="M196.301 295.687C199.854 293.202 202.292 288.857 204.731 284.512C209.154 270.86 204.902 255.353 192.219 251.02C188.212 248.541 87.622 202.71 94.0895 87.3067C95.6209 73.0358 86.0384 61.2555 70.9176 61.2676C57.5734 60.0374 47.3665 72.454 47.6118 85.4826C37.8734 237.494 168.951 296.329 172.958 298.808C181.633 300.662 189.194 300.656 196.301 295.687Z" fill="#7EC9C0"/>
 </svg>
--- a/public/Images/tea-steam-dark-1.svg
+++ b/public/Images/tea-steam-dark-1.svg
@ -0,0 +1,4 @@
 <svg width="579" height="833" viewBox="0 0 579 833" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M439.383 717.419C448.348 716.221 457.314 715.022 467.55 707.865C481.198 698.323 487.151 684.021 487.55 668.532C506.252 376.616 254.536 263.631 243.429 261.257C220.344 246.979 194.319 260.105 185.825 286.324C171.777 311.355 183.355 338.749 209.852 350.642C217.546 355.401 410.716 443.413 398.296 665.029C395.355 692.434 413.757 715.057 439.383 717.419Z" fill="#23282C"/>
 <path d="M242.854 568.533C249.678 563.762 254.36 555.418 259.043 547.075C267.537 520.856 259.371 491.077 235.016 482.757C227.321 477.997 34.1533 389.986 46.5732 168.372C49.514 140.966 31.1123 118.344 2.07498 118.367C-23.5504 116.005 -43.1512 139.849 -42.6801 164.869C-61.3813 456.783 190.332 569.767 198.027 574.526C214.687 578.087 229.206 578.076 242.854 568.533Z" fill="#23282C"/>
 </svg>
--- a/public/Images/tea-steam-dark-2.svg
+++ b/public/Images/tea-steam-dark-2.svg
@ -0,0 +1,4 @@
 <svg width="473" height="665" viewBox="0 0 473 665" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M574.383 549.921C583.348 548.722 592.314 547.524 602.55 540.367C616.198 530.824 622.151 516.522 622.55 501.034C641.252 209.118 389.536 96.1331 378.429 93.7591C355.344 79.4803 329.319 92.6069 320.825 118.825C306.777 143.856 318.355 171.25 344.852 183.143C352.546 187.903 545.716 275.914 533.296 497.531C530.355 524.936 548.757 547.558 574.383 549.921Z" fill="#23282C"/>
 <path d="M377.854 401.035C384.678 396.264 389.36 387.92 394.043 379.576C402.537 353.358 394.371 323.579 370.016 315.259C362.321 310.499 169.153 222.488 181.573 0.873157C184.514 -26.532 166.112 -49.1543 137.075 -49.1311C111.45 -51.4935 91.8488 -27.6493 92.32 -2.62975C73.6188 289.284 325.332 402.268 333.027 407.028C349.687 410.589 364.206 410.577 377.854 401.035Z" fill="#23282C"/>
 </svg>
--- a/public/Images/tea-top-logoAsset
+++ b/public/Images/tea-top-logoAsset
@ -0,0 +1 @@
 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 137.95 50.3"><defs><style>.cls-1{fill:none;}.cls-2{clip-path:url(#clip-path);}.cls-3{fill:#fff;}.cls-4{fill:#7ec9c0;}.cls-5{fill:#008e95;}</style><clipPath id="clip-path" transform="translate(-0.03 0.02)"><rect class="cls-1" width="138.1" height="50"/></clipPath></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><g class="cls-2"><path class="cls-3" d="M124.05,46.86a10.62,10.62,0,0,1-.25-2c-.13-4.27-.13-8.54-.25-12.81-.13-4-2.14-6.79-5.9-7.92a18.17,18.17,0,0,0-11.54.25,6,6,0,0,0-3.64,2.89,3.62,3.62,0,0,0,.25,4c1.26,1.51,3,1.51,4.65,1.13a2.9,2.9,0,0,0,2.13-2.89c.12-.88.25-1.76.37-2.64a2.21,2.21,0,0,1,2.26-2c1.13,0,1.76.63,2,2s.12,3.15.25,4.65c.25,2.64-6,3.39-7.65,4a10.56,10.56,0,0,0-5.65,3.9c-2.38,3.39-1.5,8,1.89,9.8,3.88,2,9.65,1.25,12-3.52a5.64,5.64,0,0,0,3.63,3.52,22.57,22.57,0,0,0,2.76.5c1,.12,4.52.5,3.39-1.26A11.29,11.29,0,0,0,124.05,46.86Zm-9.66-4.65a2.56,2.56,0,0,1-2.76,2.39,2.49,2.49,0,0,1-2.38-2.51,4.64,4.64,0,0,1,.87-3.15,13.09,13.09,0,0,1,4.27-3.51C114.39,37.69,114.51,40,114.39,42.21Z" transform="translate(-0.03 0.02)"/><path class="cls-3" d="M92.69,24.37a12.35,12.35,0,0,0-9.91-.25c-5.14,2-7.77,5.91-8.15,11.31A13,13,0,0,0,79.4,47.11a13.17,13.17,0,0,0,11.16,2.51,11.23,11.23,0,0,0,6.9-4.27.12.12,0,0,1,.12-.12A.93.93,0,0,0,96.83,44h-.25a9.5,9.5,0,0,0-1.88.38c-4,.75-7.65-.63-9.41-4.27a15.86,15.86,0,0,1-1.88-5H96.83c1.25,0,1.5-.25,1.5-1.51C98.33,29.4,96.58,26.13,92.69,24.37Zm-2.51,6.91a1.25,1.25,0,0,1-1.38,1.38H83.41a12,12,0,0,1,1.5-6.53c1.26-2.13,3.27-2,4.39.13A8.7,8.7,0,0,1,90.18,31.28Z" transform="translate(-0.03 0.02)"/><path class="cls-3" d="M73,46.11c-1,0-2.13.75-2.51-1a3.3,3.3,0,0,1,0-1.13V26.13h2.26c.75,0,1-.5,1-1.13s-.25-1.13-1-1.13H70.49V19.1c0-1.26-1.13-1-1.88-.51l-7.78,4.65c-1,.63-1.25,1-1.25,1.76,0,1.13.63,1.13,1.5,1.13V43.47c0,3.39,1.38,5.4,4.39,6.15a9,9,0,0,0,5.77-.25c.76-.25,3.39-1.88,2.64-2.89A1.06,1.06,0,0,0,73,46.11Z" transform="translate(-0.03 0.02)"/><path class="cls-4" d="M132.58,39.07a5.47,5.47,0,0,0,0,10.93A5.43,5.43,0,0,0,138,44.6,5.31,5.31,0,0,0,132.58,39.07Z" transform="translate(-0.03 0.02)"/><path class="cls-3" d="M44.15,31.28l-7.27-5a2,2,0,0,0-2.26,3.26l7.27,5.15.13.13v.25l-.13.13-7.27,5.15a2,2,0,0,0-.5,2.76,2.14,2.14,0,0,0,1.63.88,2.06,2.06,0,0,0,1.13-.38l7.27-5a4,4,0,0,0,2-3.52A4.15,4.15,0,0,0,44.15,31.28Z" transform="translate(-0.03 0.02)"/><path class="cls-5" d="M25.46,30.53a1.79,1.79,0,0,0,.38-2.39c-1.13-1.51-4.64-3.77-9.28-1.13a11.67,11.67,0,0,0-1.63,1.13C13.42,29.4,11.16,30.4,9,28A1.77,1.77,0,1,0,6.4,30.4,7.31,7.31,0,0,0,11.79,33a7.94,7.94,0,0,0,5.27-2.14,3,3,0,0,1,1.13-.75c3-1.76,4.51-.12,4.89.25A1.73,1.73,0,0,0,25.46,30.53Z" transform="translate(-0.03 0.02)"/><path class="cls-3" d="M28.85,23.87a2,2,0,0,0-1.38,2.51c0,.13,3.26,11.43-3.39,19.1a2,2,0,0,0,.25,2.89,1.92,1.92,0,0,0,1.38.5,2,2,0,0,0,1.51-.75c8.15-9.43,4.39-22.37,4.26-22.87A2.06,2.06,0,0,0,28.85,23.87Z" transform="translate(-0.03 0.02)"/><path class="cls-3" d="M4.89,26.38a1.94,1.94,0,0,0-1.38-2.51A1.94,1.94,0,0,0,1,25.25c-.12.5-3.88,13.44,4.27,22.87a2,2,0,0,0,1.5.75,1.9,1.9,0,0,0,1.38-.5,2.14,2.14,0,0,0,.25-2.89C1.63,37.81,4.89,26.51,4.89,26.38Z" transform="translate(-0.03 0.02)"/><path class="cls-3" d="M19.94,45.23H12.29a2,2,0,1,0,0,4h7.78a2,2,0,0,0,2-2A2.19,2.19,0,0,0,19.94,45.23Z" transform="translate(-0.03 0.02)"/><path class="cls-4" d="M16.31,22.61a1.75,1.75,0,0,0,.87.25,1.32,1.32,0,0,0,1.13-.62c5-6.91.25-14.07,0-14.33a1.32,1.32,0,0,0-2-.37,1.44,1.44,0,0,0-.38,2c.12.25,3.76,5.78,0,11.05A1.56,1.56,0,0,0,16.31,22.61Z" transform="translate(-0.03 0.02)"/><path class="cls-4" d="M13.3,15.58a1.85,1.85,0,0,0,.75-.25,1.43,1.43,0,0,0,.37-2c-.12-.25-3.76-5.78,0-11.06a1.34,1.34,0,0,0-.37-2,1.31,1.31,0,0,0-1.88.38c-5,6.91-.25,14.07,0,14.32A1.48,1.48,0,0,0,13.3,15.58Z" transform="translate(-0.03 0.02)"/></g></g></g></svg>
--- a/public/Images/tea-web-3-towerAsset
+++ b/public/Images/tea-web-3-towerAsset
--- a/public/Images/teams-design.svg
+++ b/public/Images/teams-design.svg
@ -0,0 +1,12 @@
 <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M24 47C36.7025 47 47 36.7025 47 24C47 11.2974 36.7025 1 24 1C11.2975 1 1 11.2974 1 24C1 36.7025 11.2975 47 24 47Z" stroke="#DDFC76" stroke-width="1.5" stroke-miterlimit="10"/>
 <path d="M24 14.9C26.0987 14.9 27.8 13.1987 27.8 11.1001C27.8 9.00137 26.0987 7.30005 24 7.30005C21.9013 7.30005 20.2 9.00137 20.2 11.1001C20.2 13.1987 21.9013 14.9 24 14.9Z" stroke="#DDFC76" stroke-miterlimit="10" stroke-linecap="round"/>
 <path d="M28.7 15H19.3C18.6 15 18.1 15.5 18.1 16.2V18.8C18.1 19.5 18.6 20 19.3 20H28.7C29.4 20 29.9 19.5 29.9 18.8V16.2C29.9 15.5 29.3 15 28.7 15Z" stroke="#DDFC76" stroke-miterlimit="10" stroke-linecap="round"/>
 <path d="M32.4 30.1C34.4987 30.1 36.2 28.3987 36.2 26.3C36.2 24.2013 34.4987 22.5 32.4 22.5C30.3013 22.5 28.6 24.2013 28.6 26.3C28.6 28.3987 30.3013 30.1 32.4 30.1Z" stroke="#DDFC76" stroke-miterlimit="10" stroke-linecap="round"/>
 <path d="M37.1 30.1001H27.7C27 30.1001 26.5 30.6001 26.5 31.3001V33.9001C26.5 34.6001 27 35.1001 27.7 35.1001H37.1C37.8 35.1001 38.3 34.6001 38.3 33.9001V31.3001C38.3 30.6001 37.7 30.1001 37.1 30.1001Z" stroke="#DDFC76" stroke-miterlimit="10" stroke-linecap="round"/>
 <path d="M15.7 30.1C17.7987 30.1 19.5 28.3987 19.5 26.3C19.5 24.2013 17.7987 22.5 15.7 22.5C13.6013 22.5 11.9 24.2013 11.9 26.3C11.9 28.3987 13.6013 30.1 15.7 30.1Z" stroke="#DDFC76" stroke-miterlimit="10" stroke-linecap="round"/>
 <path d="M20.4 30.1001H11C10.3 30.1001 9.8 30.6001 9.8 31.3001V33.9001C9.8 34.6001 10.3 35.1001 11 35.1001H20.4C21.1 35.1001 21.6 34.6001 21.6 33.9001V31.3001C21.6 30.6001 21.1 30.1001 20.4 30.1001Z" stroke="#DDFC76" stroke-miterlimit="10" stroke-linecap="round"/>
 <path d="M11.4 29.9001C10.6 28.1001 10.1 26.1001 10.1 24.0001C10.1 17.7001 14.3 12.3001 20.1 10.6001" stroke="#DDFC76" stroke-width="0.5" stroke-miterlimit="10" stroke-dasharray="0.5 0.5"/>
 <path d="M32.4 35.2001C30.1 36.9001 27.2 38.0001 24.1 38.0001C20.9 38.0001 17.9 36.9001 15.6 35.1001" stroke="#DDFC76" stroke-width="0.5" stroke-miterlimit="10" stroke-dasharray="0.5 0.5"/>
 <path d="M28 10.6001C33.8 12.3001 38.1 17.7001 38.1 24.0001C38.1 26.1001 37.6 28.1001 36.8 29.9001" stroke="#DDFC76" stroke-width="0.5" stroke-miterlimit="10" stroke-dasharray="0.5 0.5"/>
 </svg>
--- a/public/Images/tech-crunch-tea-xyz.svg
+++ b/public/Images/tech-crunch-tea-xyz.svg
@ -0,0 +1 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1042.24 146.97"><defs><style>.cls-1{fill:#0a9600;}.cls-2{fill:#fff;}</style></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M391.76,57.43v65.05H368V57.43H344V36.72h71.78V57.43Z"/><path class="cls-1" d="M471.25,96.63H433.52c.74,7.1,4.9,10.29,10.91,10.29,5.63,0,10.29-1.23,16.66-4.54l8.45,14.09a49.85,49.85,0,0,1-26.21,7.35c-19.36,0-30-13.72-30-33.45,0-22.16,12.49-33.56,29.4-33.56,17.64,0,28.67,11.64,28.67,35.53A39.76,39.76,0,0,1,471.25,96.63ZM442.1,73.11c-5,0-7.84,3.43-8.58,9.8H451.9C450.8,76.41,448.59,73.11,442.1,73.11Z"/><path class="cls-1" d="M512.28,123.82c-18.86,0-30.14-12-30.14-33.68,0-19.73,10.05-33.33,30.63-33.33,12.13,0,19.11,5.64,24.75,14.7L522.33,83c-3.07-5.64-5.15-8.33-9.93-8.33-5.64,0-8.45,5.63-8.45,15.8S507,105.93,513,105.93c4.17,0,7.11-2.32,11.15-8.33l14,10.91C530.66,119.53,523.67,123.82,512.28,123.82Z"/><path class="cls-1" d="M587.48,122.48V86c0-8.33-2.82-10.54-7.35-10.54s-7.47,2.21-7.47,10.29v36.76h-22V42l22-8.82V62.45a24.54,24.54,0,0,1,16.17-5.64c14.09,0,20.83,9.43,20.83,26.34v39.33Z"/><path class="cls-2" d="M662.44,123.82c-25.48,0-39.08-18.87-39.08-44.22,0-27.57,16.17-44.23,39.2-44.23,21.07,0,29.4,9.07,35.28,25.24l-21.56,8.45c-3.07-8-6-13-13.84-13-9.92,0-14.21,9.92-14.21,23.52,0,13.11,4.16,23.52,14.45,23.52,7.47,0,10.66-4,15.31-12.13l20.1,10.66C692.33,112.92,682.77,123.82,662.44,123.82Z"/><path class="cls-2" d="M752.33,82.41c-2.82-3.06-6-5.38-10.29-5.38-5.39,0-8.7,2.57-8.7,10.41v35H711.29V58.16h22.05v4.65c3.8-3.67,8.09-6,13.73-6a18.78,18.78,0,0,1,10.41,2.7Z"/><path class="cls-2" d="M804.75,122.48v-4.3a24.24,24.24,0,0,1-16,5.64c-14.09,0-20.83-9.43-20.83-26.34V58.16h22.17V94.67c0,8.32,2.82,10.53,7.35,10.53s7.35-2.21,7.35-10.29V58.16h22.18v64.32Z"/><path class="cls-2" d="M879.71,122.48V86c0-8.33-2.82-10.54-7.35-10.54s-7.48,2.21-7.48,10.29v36.76h-22V58.16h22v4.29a24.58,24.58,0,0,1,16.17-5.64c14.09,0,20.83,9.43,20.83,26.34v39.33Z"/><path class="cls-2" d="M944.86,123.82c-18.86,0-30.14-12-30.14-33.68,0-19.73,10-33.33,30.63-33.33,12.13,0,19.11,5.64,24.74,14.7L954.9,83c-3.06-5.64-5.14-8.33-9.92-8.33-5.64,0-8.45,5.63-8.45,15.8s3.06,15.43,9.06,15.43c4.17,0,7.11-2.32,11.15-8.33l14,10.91C963.24,119.53,956.25,123.82,944.86,123.82Z"/><path class="cls-2" d="M1020.06,122.48V86c0-8.33-2.82-10.54-7.35-10.54s-7.47,2.21-7.47,10.29v36.76h-22V42l22-8.82V62.45a24.54,24.54,0,0,1,16.17-5.64c14.09,0,20.83,9.43,20.83,26.34v39.33Z"/><polygon class="cls-1" points="0 0 0 48.99 48.99 48.99 48.99 146.97 97.98 146.97 97.98 48.99 146.97 48.99 146.97 0 0 0"/><polygon class="cls-1" points="195.96 97.98 195.96 48.99 146.97 48.99 146.97 146.97 293.94 146.97 293.94 97.98 195.96 97.98"/><rect class="cls-1" x="195.96" width="97.98" height="48.99"/></g></g></svg>
--- a/public/Images/telegram.svg
+++ b/public/Images/telegram.svg
@ -0,0 +1,10 @@
 <svg width="72" height="60" viewBox="0 0 72 60" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_11_45)">
 <path d="M71.9 1.29994C71.6 0.499938 71.3 0.299938 70.9 0.199938C69.8 -0.300062 68 0.299938 68 0.299938C68 0.299938 4.9 22.9999 1.3 25.4999C0.499998 25.9999 0.299998 26.3999 0.0999979 26.6999C-0.500002 28.4999 1.4 29.2999 1.4 29.2999L17.7 34.5999C17.7 34.5999 18.3 34.6999 18.5 34.5999C22.2 32.2999 55.7 11.0999 57.6 10.3999C57.9 10.2999 58.1 10.3999 58.1 10.5999C57.3 13.2999 28.2 39.1999 28.2 39.1999C28.2 39.1999 28.1 39.2999 28 39.4999L26.5 55.5999C26.5 55.5999 25.9 60.4999 30.8 55.5999C34.3 52.0999 37.7 49.1999 39.3 47.7999C45 51.5999 51 55.8999 53.6 58.0999C54.9 59.1999 56 59.3999 56.9 59.3999C59.4 59.2999 60.1 56.5999 60.1 56.5999C60.1 56.5999 71.5 10.2999 71.9 4.09994C71.9 3.49994 72 3.09994 72 2.69994C72 2.09994 72 1.59994 71.9 1.29994Z" fill="white"/>
 </g>
 <defs>
 <clipPath id="clip0_11_45">
 <rect width="72" height="59.4" fill="white"/>
 </clipPath>
 </defs>
 </svg>
--- a/public/Images/token_rewards.svg
+++ b/public/Images/token_rewards.svg
@ -0,0 +1,10 @@
 <svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M16.9373 32.9963C25.8064 32.9963 32.9963 25.8064 32.9963 16.9372C32.9963 8.06805 25.8064 0.878174 16.9373 0.878174C8.06811 0.878174 0.878235 8.06805 0.878235 16.9372C0.878235 25.8064 8.06811 32.9963 16.9373 32.9963Z" stroke="#DDFC76" stroke-width="1.5" stroke-miterlimit="10"/>
 <path d="M25.7196 18.4428L23.2103 16.6863C22.834 16.4354 22.4576 16.5609 22.2066 16.8118C21.9557 17.1882 22.0812 17.5646 22.3321 17.8155L24.8413 19.5719L22.3321 21.3284C21.9557 21.5793 21.9557 21.9557 22.2066 22.3321C22.3321 22.583 22.583 22.583 22.834 22.583C22.9594 22.583 23.0849 22.583 23.2103 22.4576L25.7196 20.7011C26.0959 20.4502 26.4723 19.9483 26.4723 19.4465C26.4723 19.1956 26.2214 18.6937 25.7196 18.4428Z" fill="#DDFC76"/>
 <path d="M19.1956 18.1917C19.4465 17.9408 19.572 17.5644 19.321 17.3135C18.9446 16.8116 17.69 15.9334 16.059 16.9371C15.8081 17.0625 15.6827 17.188 15.4317 17.3135C14.9299 17.6898 14.1771 18.0662 13.2989 17.3135C13.048 17.0625 12.6716 17.0625 12.4207 17.3135C12.1697 17.5644 12.1697 17.9408 12.4207 18.1917C13.048 18.819 13.6753 19.0699 14.3026 19.0699C15.0553 19.0699 15.6827 18.819 16.1845 18.3172C16.31 18.1917 16.4354 18.0662 16.5609 18.0662C17.69 17.4389 18.1919 18.0662 18.3173 18.1917C18.5683 18.3172 18.9446 18.4426 19.1956 18.1917Z" fill="#DDFC76"/>
 <path d="M20.4502 15.8081C20.0738 15.9336 19.8229 16.31 19.9483 16.6863C19.9483 16.6863 21.0775 20.7011 18.6937 23.3358C18.4428 23.5867 18.4428 24.0885 18.8192 24.3395C18.9446 24.4649 19.0701 24.4649 19.321 24.4649C19.572 24.4649 19.6974 24.3395 19.8229 24.214C22.7085 20.952 21.3284 16.4354 21.3284 16.1845C21.2029 15.9336 20.8266 15.8081 20.4502 15.8081Z" fill="#DDFC76"/>
 <path d="M12.0443 16.6863C12.1697 16.3099 11.9188 15.9335 11.5424 15.808C11.166 15.6826 10.7897 15.9335 10.6642 16.3099C10.6642 16.5608 9.28413 21.0774 12.1697 24.3394C12.2952 24.4649 12.5461 24.5903 12.6716 24.5903C12.797 24.5903 13.048 24.5903 13.1734 24.4649C13.4244 24.2139 13.5498 23.7121 13.2989 23.4612C10.9151 20.701 12.0443 16.8117 12.0443 16.6863Z" fill="#DDFC76"/>
 <path d="M17.3137 23.3357H14.5535C14.1771 23.3357 13.8007 23.7121 13.8007 24.0885C13.8007 24.4648 14.1771 24.8412 14.5535 24.8412H17.3137C17.69 24.8412 18.0664 24.4648 18.0664 24.0885C18.0664 23.7121 17.69 23.3357 17.3137 23.3357Z" fill="#DDFC76"/>
 <path d="M16.059 15.4316C16.1845 15.5571 16.31 15.5571 16.31 15.5571C16.4354 15.5571 16.5609 15.4316 16.6863 15.3062C18.4428 12.9224 16.8118 10.4132 16.6863 10.2877C16.5609 10.0368 16.31 10.0368 16.059 10.1622C15.8081 10.2877 15.8081 10.6641 15.9336 10.915C15.9336 11.0405 17.3136 12.9224 15.9336 14.8043C15.6827 14.9298 15.8081 15.3062 16.059 15.4316Z" fill="#DDFC76"/>
 <path d="M14.9299 12.9224C15.0553 12.9224 15.1808 12.9224 15.1808 12.7969C15.4317 12.6715 15.4317 12.2951 15.3063 12.0442C15.3063 11.9187 13.9262 10.0368 15.3063 8.15487C15.4317 7.90394 15.4317 7.65302 15.1808 7.4021C15.0553 7.4021 14.679 7.52756 14.5535 7.77848C12.797 10.1622 14.428 12.6715 14.5535 12.7969C14.679 12.9224 14.8044 12.9224 14.9299 12.9224Z" fill="#DDFC76"/>
 </svg>
--- a/public/Images/transferrable.svg
+++ b/public/Images/transferrable.svg
@ -0,0 +1,7 @@
 <svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M16.9373 32.9963C25.8064 32.9963 32.9963 25.8064 32.9963 16.9372C32.9963 8.06805 25.8064 0.878174 16.9373 0.878174C8.06811 0.878174 0.878235 8.06805 0.878235 16.9372C0.878235 25.8064 8.06811 32.9963 16.9373 32.9963Z" stroke="#DDFC76" stroke-width="1.5" stroke-miterlimit="10"/>
 <path d="M21.203 10.6643V17.0628L27.3506 13.8008L21.203 10.6643Z" fill="#DDFC76"/>
 <path d="M22.3321 13.6753H1.25461" stroke="#DDFC76" stroke-width="0.5" stroke-miterlimit="10" stroke-dasharray="1 1"/>
 <path d="M12.2952 23.0848V16.8118L6.02214 19.9483L12.2952 23.0848Z" fill="#DDFC76"/>
 <path d="M11.166 20.0737H32.2435" stroke="#DDFC76" stroke-width="0.5" stroke-miterlimit="10" stroke-dasharray="1 1"/>
 </svg>
--- a/public/Images/twitter.svg
+++ b/public/Images/twitter.svg
@ -0,0 +1,3 @@
 <svg width="78" height="63" viewBox="0 0 78 63" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M24.5423 63C53.9931 63 70.0572 38.7761 70.0572 17.7465C70.0572 17.0366 70.0572 16.4155 69.968 15.7056C73.0915 13.4873 75.7689 10.6479 77.9108 7.45352C75.0549 8.69577 71.9313 9.5831 68.7185 9.93803C72.1098 7.98592 74.6087 4.88028 75.8581 1.15352C72.7345 3.0169 69.3432 4.25915 65.6842 5.05775C62.7391 1.95211 58.5446 0 53.9931 0C45.1579 0 38.0183 7.09859 38.0183 15.8831C38.0183 17.1254 38.1968 18.3676 38.4645 19.5211C25.0778 18.9 13.2975 12.5113 5.44394 2.92817C4.10526 5.23521 3.30206 7.98592 3.30206 10.9141C3.30206 16.4155 6.15789 21.2958 10.4416 24.1352C7.85355 24.0465 5.35469 23.3366 3.21281 22.1831C3.21281 22.2718 3.21281 22.2718 3.21281 22.3606C3.21281 30.0803 8.74599 36.469 16.0641 37.9775C14.7254 38.3324 13.2975 38.5099 11.8696 38.5099C10.7986 38.5099 9.81693 38.4211 8.83524 38.2437C10.8879 44.5437 16.778 49.1577 23.7391 49.2465C18.2952 53.5056 11.3341 56.0789 3.83753 56.0789C2.5881 56.0789 1.24943 55.9901 0 55.9014C7.05034 60.338 15.5286 63 24.5423 63Z" fill="white"/>
 </svg>
--- a/public/Images/web-3-towerAsset
+++ b/public/Images/web-3-towerAsset
--- a/public/Images/web2-tower.svg
+++ b/public/Images/web2-tower.svg
--- a/public/index.html
+++ b/public/index.html
@ -0,0 +1,357 @@
 <!DOCTYPE html>
 <html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>Equitable Open-Source for Web3</title>
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-HSPM8DNF3B"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', 'G-HSPM8DNF3B');
    </script>
    <!-- ZOHO PageSense-->
    <script src="https://cdn.pagesense.io/js/anchorpointcollectivellc/d07c3e85bf7246dcaefc35b7dd336333.js"></script>
    <!-- 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="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">
    </head>
  <body>
    <nav class="navbar navbar-expand-lg navbar-dark sticky-top pb-3 pt-3">
      <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 class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
          <ul class="navbar-nav ms-auto me-4 mb-2 mb-lg-0 my-auto">
            <li class="nav-item">
              <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>
          </ul>
          <a class="btn btn-primary me-2" href="https://github.com/apps/tea-xyz" role="button">Install our Github App</a><br>
        </div>
      </div>
    </nav>
 <!-- Hero Section -->
 <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">
      <div class="row hero mb-5 mt-5">
        <div style="z-index:100;" class="col-lg-6 col-sm-12 order-lg-1 order-sm-2 order-2">
          <h1 class="mb-5"><span class="yellow">Equitable</span> Open-Source for Web3</h1>
          <p style="font-size:18px;" class="mb-5">The tools that build the internet hve steeped too long. For the past two decades, big tech has made trillions off the generosity of visionary developers and web pioneers... never thanking, never mentioning, and certainly never paying. At tea, we’re brewing somthing to change that by enabling developers (you) to continue doing what you love, while earning what you derserve.<br><span class="yellow"><strong>Download our Github app to get authenticated and join the tea revolution.</strong></span></p>
          <a class="btn btn-primary mb-3" href="https://github.com/apps/tea-xyz" role="button">Install our Github App</a><br>
          <a class="btn btn-primary mb-5 disabled" id="whitepaper-btn" href="Media/tea.white-paper (v0.9, koinos).pdf" role="button">Whitepaper Coming Soon</a>
        </div>
        <div class="col-lg-6 col-sm-12 order-lg-2 order-sm-1 order-1">
          <img class="hero-image mb-4 ps-5" src="Images/tea-hero-illustrationAsset 2.svg" alt="">
        </div>
    </div>
  </div>
 <!-- Mission Statement -->
 <img id="tea-steam-1" src="Images/tea-steam-1.svg" alt="">
 <img id="tea-steam-2" src="Images/tea-steam-2.svg" alt="">
      <div class="row mission pb-5 pt-5">
            <div class="container">
              <div class="row">
                <div class="col">
                  <h2 class="charcoal" style="text-align:center;">The tools you need to keep on building.</h2>
                  <p class="charcoal" style="text-align:center;">Like its predecessor, brew, tea is the base of the developer stack–seated beneath the tools that build the internet. Unlike its predecessor, tea leverages blockchain and Web3 technology to eliminate anonymity and deliver compensation.</p>
                </div>
            </div>
        </div>
      </div>
 <!-- Web2 -->
 <div class="container" id="why-tea">
 <div class="row">
    <div class="col-lg-6 col-md-12 col-sm-12 col-12 my-auto mb-5">
        <p class="mb-5">WEB2</p>
        <h3 class="mb-4">Thankless <span class="yellow">tech giants profit</span> from from the generosity of open-source developers.</h3>
        <p class="mb-4">For more than twenty years the Internet has been built upon the fruits of freely available open source. Whenever a project enabled new functionality it was (whether desired or not) added as a new brick in the tower of infrastructure; giving the Internet new powers and capabilities; becoming a new foundation for all the innovations that followed. The maintainers of these new bricks became thanklessly unpaid volunteers.</p>
        <hr class="mb-4">
        <h4><img src="Images/no-compensation.svg" alt="no compensation icon" class="me-2"> No Compensation</h4>
        <p class="mb-4 ps-5">Developers contribute innovations (bricks) to the tower of infrastructure that serves as a feeding ground for big tech. Their efforts are capitalized on, yet they see none of that profit.</p>
        <hr class="mb-4">
        <h4><img src="Images/centralized.svg" alt="centralized icon" class="me-2"> Centralized</h4>
        <p class="mb-4 ps-5">Entire stacks are left at the mercy of single, proprietary vendors who control their composition and deployment. This turns the “tower of bricks” into a game of Jenga.</p>
        <hr class="mb-4">
        <h4><img src="Images/obligation_maintain.svg" alt="obligation icon" class="me-2"> Obligation to Maintain</h4>
        <p class="ps-5">Open-source authors are pressured by their peers and the community at large to continuously maintain and update their contributions... again, without pay or gratitude.</p>
    </div>
    <div class="col-lg-6 col-sm-12 col-md-6 col-12 mx-auto web2-col my-auto">
      <img style="display:block; margin-left:auto; margin-right:auto;" src="Images/web2-tower.svg" alt="">
    </div>
  </div>
 </div>
 <!-- Web3 -->
 <div class="container">
  <div class="row">
    <div class="col order-lg-1 order-sm-2 order-2">
      <img class="mt-5" 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>
      <h3 class="mb-4">Blockchain <span class="yellow">empowers developers</span> to contribute to open-source while <span class="yellow">reaping overdue benefits</span>.</h3>
      <p class="mb-4">The problem has always existed, but the technology to solve it hasn’t. tea facilitates the graph of open source that underpins all modern digital infrastructure. We’re putting it on‐chain creating a map we’ll use to guide value redistribution to the open source that makes the Internet possible.
      We’re not changing how open source works—it’s still free. web3 has introduced powerful new paradigms that allow value to be compensated without direct payment. Creator economy, meet open source.</p>
      <hr class="mb-4">
      <h4><img src="Images/token_rewards.svg" alt="token rewards icon" class="me-2"> Token Rewards</h4>
      <p class="mb-4 ps-5">Through tea, open-soure contributors are rewarded with our flagship token relative to aggregate usage and sweat equity. Now, devs are able to monetize their generocity. </p>
      <hr class="mb-4">
      <h4><img src="Images/decentralized.svg" alt="tea.xyz is decentralized" class="me-2"> De-Centralized</h4>
      <p class="mb-4 ps-5">Web3 turns the “Jenga” game back into a tower of stable bricks. By putting everything on-chain, we’re ensuring that entire stacks will no longer sit at the mercy of sole developers.</p>
      <hr class="mb-4">
      <h4><img src="Images/transferrable.svg" alt="tea.xyz is transferrable" class="me-2"> Transferrable</h4>
      <p class="ps-5">Devs are not obligated to dedicate years to maintaining a single project. Instead, they can transfer ownership to another interested party and move on to creating something else. </p>
    </div>
  </div>
 </div>
 <!-- Features & Benefits -->
    <div class="container" id="features">
      <div class="row">
        <div class="col mb-5">
          <h2 style="text-align:center;">What makes it <span class="yellow">great</span>?</h2>
        </div>
      </div>
      <div class="row">
        <div class="col-12 col-sm-12 col-md-6 col-lg-4 mb-4">
          <div class="card mb-4">
            <div class="card-body ps-4 pe-4 pt-5 pb-5">
              <img src="Images/cross-platform.svg" alt="" class="mb-3">
              <h4 class="mb-4">Cross Platform Compatible</h4>
              <p>Wherever you develop, wherever your CI/CD runs, however you deploy your app, tea is there. We abstract this detail away so you can get on with the work that matters to you.<br><br>
              <code class="language-javascript">$ sh <(curl tea.xyz) ci</code><br><br>
              Your README, blog post or internal install instructions can all use the same, simple one‐liner.<br><br>
              <code class="language-javascript">$ sh <(curl tea.xyz) install deno.land</code><br><br>
              Here, our one‐liner installs deno to ./bin/deno. If tea is installed it integrates with that installation, if not the script just exits; tea itself is not installed either way. We’re happy to be just the transmission layer.</p>
            </div>
          </div>
          <div class="card">
            <div class="card-body ps-4 pe-4 pt-5 pb-5">
              <img src="Images/delightful-dev.svg" alt="" class="mb-3">
              <h4 class="mb-4">Delightful Dev Experience</h4>
              <p>tea is built with a “it just works” philosophy. It’s our job to set you up for success and then get out of your way so you can work as effectively as possible. Development is hard enough without the toolset being a source of pain as well.</p>
                <p>Much like its predecessor, brew, tea is full of delightful touches. You’ll have to try it and see.</p>
                <p>Of course delightful also means fast. You’ve got plenty to do and need tools that respect your time.</p>
            </div>
          </div>
        </div>
        <div class="col-12 col-sm-12 col-md-6 col-lg-4">
          <div class="card mb-4">
            <div class="card-body ps-4 pe-4 pt-5 pb-5">
              <img src="Images/designed-teams.svg" alt="" class="mb-3">
              <h4 class="mb-4">Designed for tea’ms</h4>
              <p>Good developers create. Great developers collaborate.</p>
              <p>You don’t work alone and neither should the tool that sits at the root of your stack. We’re designing tea to be super great for teams.</p>
              <p>tea sets your stack up right and makes working with it a delight so you and your team can focus on building what matters.</p>
            </div>
          </div>
          <div class="card mb-4">
            <div class="card-body ps-4 pe-4 pt-5 pb-5">
              <img src="Images/decentralized-secure.svg" alt="" class="mb-3">
              <h4 class="mb-4">Dentralized & Secure</h4>
              <p>tea’s decentralization offers tangible benefits to ecosystem security. Every layer of your apps and dapps is signed and verified on‐chain. Users can rest assured that the software they are using is what all its creators intended.</p>
              <p>In day to day development our decentralization increases reliability (leftpad is a sore memory) and gives developers the flexibility they need to turn inspiration into empires; when a single proprietry vendor controls how your stack is composed and deployed your stack is centralized and under their control.</p>
              <p>We’re also saying goodbye to centralization at the installation layer. Say hello to native, built‐in “version management”† for every tool in your stack and goodbye to dependency hell.</p>
              <i style="color:#B7C7C7;">† similar to tools like rbenv, nvm or Python’s virtualenv.</i></p>
            </div>
          </div>
        </div>
        <div class="col-12 col-sm-12 col-md-6 col-lg-4">
        <div class="card mb-4">
            <div class="card-body ps-4 pe-4 pt-5 pb-5">
              <img src="Images/open-governance.svg" alt="" class="mb-3">
              <h4 class="mb-4">Open Governance</h4>
              <p>We believe the open source community needs to direct and control the ecosystem we will help launch. The DAO will be an open, transparent and evolving governance structure where the depth of your contributions will matter more than the depth of your pocket.</p>
            </div>
          </div>
          <div class="card">
            <div class="card-body ps-4 pe-4 pt-5 pb-5">
              <img src="Images/help-build.svg" alt="" class="mb-3">
              <h4 class="mb-4">Want to Help Us Build It?</h4>
              <p>Join the team that is both fixing how open source is funded and creating the tools that will accelerate its creation for the benefit of all humanity.</p>
              <p>Max Howell, our CEO, created brew. He’s a self‐taught developer, yet has written software used by tens of millions of people. He doesn’t care if you know how to invert a binary tree. If you have a passion for changing the world and have built some cool stuff then why not <a style="color:#8EC7BF; text-decoration:none;" href="mailto:max@tea.xyz"><strong>email us</strong></a> and speak for what job you have in mind?</p>
            </div>
          </div>
        </div>
      </div>
 </div>
 <!-- Partners -->
 <div class="container">
  <div class="row">
    <div class="col mb-5">
      <h3 style="text-align:center;">What’s a revolution without <span class="yellow">powerful allies?</span></h3>
    </div>
  </div>
  <div class="row">
    <div class="col-12 col-sm-12 col-lg-12 my-auto">
      <a href="https://www.binance.com/en/blog/ecosystem/binance-labs-leads-$8-million-seed-funding-round-for-tea-421499824684903608" style="cursor:pointer;"><img id="binance" class="partner-img" src="Images/binance.svg" alt="Proud of Binance"></a>
    </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">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">
      <div class="row mb-5">
        <div class="col-lg-4">
          <img src="Images/tea-light.svg" alt="tea.xyz logo" style="width:100px;">
          <p class="boilerplate mt-3">tea is revolutionizing open-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">
            <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>Legal</h6>
          <ul class="nav flex-column">
            <li class="nav-item">
              <a class="nav-link ps-0" href="#">Privacy Policy</a>
            </li>
            <li class="nav-item">
              <a class="nav-link ps-0" href="#">Terms & Services</a>
            </li>
            <li class="nav-item">
              <a class="nav-link ps-0" href="#">Careers</a>
            </li>
          </ul>
        </div>
        <div class="col-lg-4 mt-3">
          <h6 class=" mb-4">Subscribe</h6>
          <form method="POST" action="subscribe.php">
            <p><input placeholder="you@email.com" class="email-field" type="text" name="Email" size="20"></p>
            <p><input class="email-submit btn-primary" type="submit" value="Submit" name="Submit"></p>
            </form>
          <div class="">
            <p class="boilerplate" style="font-size: 12px; color: gray;">Don't worry, we won't blow up your inbox. Just want to make sure you stay in the know re: all things tea!</p>
          </div>
        </div>
      </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>
  </body>
 </html>
--- a/public/style.css
+++ b/public/style.css
@ -0,0 +1,264 @@
 /*General*/
 body{
  background-color: #2B3033;
 }
 .container,
 .top-nav{
  max-width: 1140px;
 }
 .row{
  width: 100%;
  margin: 0 !important;
 }
 .container{
  padding: 80px 20px;
  z-index: 50;
 }
 .hero{
  padding: 80px 0px;
 }
 #why-tea{
  margin-top: 80px;
 }
@media only screen and (min-width: 600px) {
  .hero-image{
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .navbar{
    background-color: black;
  }
  #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;
  }
  #tea-steam-dark-1{
    position: absolute;
    z-index: 0;
  }
  #tea-steam-dark-2{
    position: absolute;
    z-index: 0;
    right: 0px;
    top: 0px;
  }
 }
@media only screen and (max-width: 600px) {
  .hero-image{
    display: none;
  }
  .navbar{
    background-color: black;
  }
  .collapse{
    padding-top: 30px;
    padding-bottom: 30px;
    transition: 0.1s ease-in-out;
  }
  #tea-steam-1{
    position: absolute;
    z-index: 0;
    width: 250px;
    margin-top: -100px;
  }
  #tea-steam-2{
    position: absolute;
    z-index: 0;
    width: 200px;
    right: 0px;
    display: block;
    margin-top: 300px;
  }
  #tea-steam-dark-1{
    position: absolute;
    z-index: 0;
    width: 500px;
  }
  #tea-steam-dark-2{
    display: none;
  }
 }
 /*Typography*/
 h1, h2, h3, h4, h5{
  font-family: 'Playfair Display', serif;
  color: #fff;
  z-index:200;
 }
 h1{
  font-size: 48px;
 }
 h2{
  font-size: 38px;
 }
 h3{
  font-size: 32px;
 }
 h6{
  color: white;
  font-weight: 600;
 }
 p{
  font-size: 16px;
  color: #fff;
 }
 .boilerplate{
  font-size: 14px;
 }
 label{
  color: #fff;
 }
 .yellow{
  color:#DDFC76;
 }
 .charcoal{
  color:#2B3033;
 }
 .nav-link:hover{
  color: #54BAAB;
 }
 /*Buttons*/
 .btn-primary{
  background-color: #54BAAB;
  border: none;
  border-radius: 30px;
  width: 280px;
  padding: 10px 0px;
  transition: 0.2s ease-in-out;
 }
 .btn-primary:hover{
  background-color: #62CFBF;
 }
 #whitepaper-btn{
  border: 2px solid #fff !important;
  background-color: #2B3033;
 }
 .mission,
 .community-container{
  background-color: #54BAAB;
 }
 .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);
 }
 .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;
 }
 code{
  color:#DDFC76;
 }
@media only screen and (min-width: 600px) {
  .partner-img{
    width: 40%;
  }
 }
@media only screen and (max-width: 600px) {
  .partner-img{
    width: 75%;
  }
 }
 #binance{
  display: block;
  margin-left: auto;
  margin-right: auto;
 }
 .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%;
 }
--- a/public/subscribe.php
+++ b/public/subscribe.php
@ -0,0 +1,31 @@
 <?php
 ## CONFIG ##
 # LIST EMAIL ADDRESS
 $recipient = "tom@anchorpointcollective.com";
 # SUBJECT (Subscribe/Remove)
 $subject = "Subscribe";
 # RESULT PAGE
 $location = "https://tea.xyz";
 ## FORM VALUES ##
 # SENDER - WE ALSO USE THE RECIPIENT AS SENDER IN THIS SAMPLE
 # DON'T INCLUDE UNFILTERED USER INPUT IN THE MAIL HEADER!
 $sender = $recipient;
 # MAIL BODY
 $body .= "Email: ".$_REQUEST['Email']." \n";
 # add more fields here if required
 ## SEND MESSGAE ##
 mail( $recipient, $subject, $body, "From: $sender" ) or die ("Mail could not be sent.");
 ## SHOW RESULT PAGE ##
 header( "Location: $location" );
 ?>
--- a/terminal-window.png
+++ b/terminal-window.png
		`@ -0,0 +1 @@`
							<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 633.04 126.61"><defs><style>.cls-1{fill:#f3ba2f;}</style></defs><g id="Layer_2" data-name="Layer 2"><g id="Your_design" data-name="Your design"><polygon class="cls-1" points="38.72 53.2 63.31 28.62 87.91 53.22 102.21 38.91 63.31 0 24.41 38.9 38.72 53.2"/><rect class="cls-1" x="4.19" y="53.19" width="20.23" height="20.23" transform="translate(-40.57 28.66) rotate(-45)"/><polygon class="cls-1" points="38.72 73.41 63.31 98 87.91 73.4 102.22 87.69 102.21 87.7 63.31 126.61 24.41 87.72 24.39 87.7 38.72 73.41"/><rect class="cls-1" x="102.19" y="53.19" width="20.23" height="20.23" transform="translate(-11.87 97.96) rotate(-45)"/><polygon class="cls-1" points="77.82 63.3 77.82 63.3 63.31 48.78 52.58 59.51 52.58 59.51 51.34 60.74 48.8 63.28 48.8 63.28 48.78 63.3 48.8 63.33 63.31 77.83 77.82 63.31 77.83 63.3 77.82 63.3"/><path class="cls-1" d="M148.92,30.68H180q11.6,0,17.52,5.94A15.51,15.51,0,0,1,202.15,48v.19a16.35,16.35,0,0,1-.72,5.08,15.58,15.58,0,0,1-1.9,4,15.1,15.1,0,0,1-2.77,3.12,17.53,17.53,0,0,1-3.38,2.3,22.73,22.73,0,0,1,9.17,6q3.33,3.8,3.34,10.5v.19a17.44,17.44,0,0,1-1.77,8.06A15.66,15.66,0,0,1,199,93.22a23.87,23.87,0,0,1-7.95,3.45,42.58,42.58,0,0,1-10.29,1.15H148.92Zm28,27.14a15.39,15.39,0,0,0,7.77-1.68,5.79,5.79,0,0,0,2.88-5.42v-.19a5.91,5.91,0,0,0-2.5-5.13q-2.49-1.77-7.19-1.77H163.3V57.82Zm3.94,27.05a14.23,14.23,0,0,0,7.67-1.77,6.1,6.1,0,0,0,2.78-5.52v-.19a6.31,6.31,0,0,0-2.59-5.32q-2.59-2-8.34-2H163.3V84.87Z"/><path class="cls-1" d="M224.42,30.68h14.77V97.82H224.42Z"/><path class="cls-1" d="M261.57,30.68h13.61L306.65,72V30.68h14.57V97.82H308.66L276.14,55.14V97.82H261.57Z"/><path class="cls-1" d="M365.94,30.2h13.62l28.78,67.62H392.9l-6.14-15.06H358.37l-6.14,15.06H337.17Zm15.54,39.52-8.92-21.78-8.92,21.78Z"/><path class="cls-1" d="M424.28,30.68h13.63L469.36,72V30.68h14.58V97.82H471.38L438.86,55.14V97.82H424.28Z"/><path class="cls-1" d="M537.1,99a34.92,34.92,0,0,1-13.71-2.68A33.79,33.79,0,0,1,512.45,89a33.27,33.27,0,0,1-7.19-11,35.35,35.35,0,0,1-2.59-13.53v-.19a34.89,34.89,0,0,1,9.78-24.51,33.44,33.44,0,0,1,11-7.48,36,36,0,0,1,14.2-2.73,44.49,44.49,0,0,1,8.58.77,35.36,35.36,0,0,1,7,2.11,30.2,30.2,0,0,1,5.85,3.26,39.62,39.62,0,0,1,5,4.22l-9.4,10.84a35.26,35.26,0,0,0-8-5.57,20.44,20.44,0,0,0-9.16-2,18.58,18.58,0,0,0-14,6.14,20.91,20.91,0,0,0-4,6.66,22.65,22.65,0,0,0-1.44,8.11v.19a23,23,0,0,0,1.44,8.15,21.13,21.13,0,0,0,4,6.71,18.46,18.46,0,0,0,14.05,6.24,20.56,20.56,0,0,0,9.74-2.11,37.62,37.62,0,0,0,7.91-5.76l9.4,9.5a48.81,48.81,0,0,1-5.37,5,32.6,32.6,0,0,1-6.09,3.79,31.72,31.72,0,0,1-7.24,2.39A43.28,43.28,0,0,1,537.1,99Z"/><path class="cls-1" d="M582,30.68h50.55V43.82h-36V57.44h31.66V70.58H596.59v14.1H633V97.82H582Z"/></g></g></svg>