www/src/layouts/partials/footer.html

<div class="container footer mb-5 mt-5">
    <div class="row mb-5 mt-5">
      <div class="col-lg-4">
        <img src="/Images/tea-light.svg" alt="tea.xyz logo" style="width:100px;">
        <p class="boilerplate mt-3 small">tea is revolutionizing open&#8208;source by leveraging blockchain and web3 to
          ensure fairness and equitability for the developers who power the internet. Now tell me, will you answer the
          call? A shot&#x27;s been heard around the web, and the tea army wants you to join the cause.</p>
      </div>

      <div class="col-lg-2 col-sm-6 col-6 mt-3">
        <h6>Quick Links</h6>
        <ul class="nav flex-column small">
          <li class="nav-item">
            <a class="nav-link ps-0" href="/#">Home</a>
          </li>
          <li class="nav-item">
            <a class="nav-link ps-0" href="/#why-tea">Why tea?</a>
          </li>
          <li class="nav-item">
            <a class="nav-link ps-0" href="/#features">Features</a>
          </li>
          <li class="nav-item">
            <a class="nav-link ps-0" href="/white-paper">White Paper</a>
          </li>
          <li class="nav-item">
            <a class="nav-link ps-0" href="https://medium.com/teaxyz">Blog</a>
          </li>
        </ul>
      </div>

      <div class="col-lg-2 col-sm-6 col-6 mt-3 mb-3">
        <h6>tea Links</h6>
        <ul class="nav flex-column small">
          <li class="nav-item">
            <a class="nav-link ps-0" href="https://linktr.ee/teaxyz">Linktree</a>
          </li>
          <li class="nav-item">
            <a class="nav-link ps-0" href="/careers/">Careers</a>
          </li>
          <li class="nav-item">
            <a class="nav-link ps-0" href="/privacy-policy/">Privacy Policy</a>
          </li>
          <li class="nav-item">
            <a class="nav-link ps-0" href="/terms-of-use/">Terms of Use</a>
          </li>
        </ul>
      </div>

      <div class="col-lg-4 mt-3">
        <h6 class=" mb-4">Get updates to your inbox</h6>

<!-- Start klaviyo Form Module -->

        {{- partial "klaviyo-form.html" . -}}

<!-- End Sendx Form -->

        <p style="font-size: 16px; color: gray;">You can also share our <a style="color:#54BAAB;" href="https://linktr.ee/teaxyz">Linktree</a>.
        </p>
      </div>
    </div>
    <div class="row">
      <p class="text-center" style="font-size:12px; color:#B7C7C8;">© 2022 tea inc.</p>
    </div>
  </div>

  <!-- JavaScript Bundle with Popper -->

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous">
    </script>

  <script src="https://code.jquery.com/jquery-3.6.0.min.js"
    integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>

  <script>
    $(window).scroll(function () {
      $('nav').toggleClass('scrolled', $(this).scrollTop() > 100);
    });

    if (localStorage['signup'].match(/:::/)) {
      const [username, serial_] = localStorage.signup.split(':::');
      const serial = (+serial_).toLocaleString()
      $('.box-auth-true').show();
      $('.box-auth-false').hide();
      $('#auth-username').html(username);
      $('#count').html(`${serial} / <span id='count3'></span>`);
      $('#count-sub-text').html('YOUR AUTHENTICATION NUMBER');
      $('#communitea').html('Thanks for joining our communi&#39;<span style="color:#54BAAB;">tea</span>');
      $('#revolution-text').html(
        'Now stay tuned! As an early authenticator, you’ll be entitled to a variety of exciting rewards, including minted NFT certificates.'
      );
      $('#auth-body-text').hide();
      $('.rounded-pill').hide();
      $('.auth-btn').html('Configure GitHub App');
      $('.auth-btn').attr('href', 'https://github.com/apps/tea-xyz')
    }
  </script>

<script>
  try {
    fetch('https://app.tea.xyz/api/signups')
      .then(res => res.json())
      .then(res => {
        const signups = res.signups ? res.signups.toLocaleString() : ""
        if (!(localStorage['signup'] || '').match(/:::/)) {
          $('#count').html(signups)
        }
        $('#count1').html(signups)
        $('#count2').html(signups)
        $('#count3').html(signups)
        $('#count4').html(signups)
        $('#count5').html(signups)
        $('#count6').html(signups)
        $('#count7').html(signups)
      })
  } catch (e) {
    console.error(e)
  }
</script>

<script type="text/javascript">
    (function(c,l,a,r,i,t,y){
        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
    })(window, document, "clarity", "script", "c9ohlhyxzf");
</script>

<script async src="https://www.googletagmanager.com/gtag/js?id=G-Q3M5LVH76F"></script>
  <script>
    window.dataLayer = window.dataLayer || [];

    function gtag() {
      dataLayer.push(arguments);
    }
    gtag('js', new Date());

    gtag('config', 'G-Q3M5LVH76F');
  </script>

  <script>
    const textList = [
    "web3",
    "game&#8208;dev",
    "AI",
    "automation",
    "data",
    "ML",
    "web",
    "devops",
    "creating",
    "everything",
    "<i>you<i>"
    ];
    const cycle = document.querySelector("#cycle");
    let i = 0;
    const cycleText = () => {
      cycle.innerHTML = textList[i];
      i = ++i % textList.length;
    };
    cycleText();
    setInterval(cycleText, 1200);

  </script>

  <script>
    rdt('track', 'SignUp');
    rdt('track', 'ViewContent');
  </script>

  <!-- Launch Countdown Timer -->

  <script>
  // Set the date we're counting down to
  const teaDemoSchedule = "2022-11-03T07:30:00.000+00:00"; // Lisbon is UTC+0
  var countDownDate = new Date(teaDemoSchedule).getTime();

  // Update the count down every 1 second
  var x = setInterval(function() {

    // Get today's date and time
    var now = new Date().getTime();

    // Find the distance between now and the count down date
    var distance = countDownDate - now;

    // Time calculations for days, hours, minutes and seconds
    var days = Math.floor(distance / (1000 * 60 * 60 * 24));
    var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
    var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
    var seconds = Math.floor((distance % (1000 * 60)) / 1000);

    // Display the result in the element with id="demo"
    document.getElementById("demo").innerHTML = days + "d " + hours + "h "
    + minutes + "m " + seconds + "s ";
    document.getElementById("demoLarge").innerHTML = days + "d " + hours + "h "
    + minutes + "m " + seconds + "s ";

    // If the count down is finished, write some text
    if (distance < 0) {
      clearInterval(x);
      document.getElementById("demo").innerHTML = "EXPIRED";
      document.getElementById("demoLarge").innerHTML = "EXPIRED";
    }
  }, 1000);
  </script>