<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Tracebit</title>
    <link rel="stylesheet" href="static/dist/css/output.css">
    <link rel="icon" href="favicon.ico" type="image/png">
    <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png">
    <link rel="manifest" href="/images/site.webmanifest">
    <link rel="mask-icon" href="/images/safari-pinned-tab.svg" color="#5bbad5">
</head>

<body>
<nav class="bg-white border-gray-200 px-2 sm:px-4 py-2.5 rounded dark:bg-gray-900">
    <div class="container flex flex-wrap items-center justify-between mx-auto">
        <a href="https://tracebit.io/" class="flex items-center">
            <img src="static/dist/images/logo.svg" class="h-6 mr-3 sm:h-9" alt="Tracebit Logo">
            <span class="self-center text-xl font-semibold whitespace-nowrap dark:text-white">Tracebit</span>
        </a>
        <div class="flex md:order-2">
            <form action="mailto:hello@tracebit.io">
            <button type="submit"
                    class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center mr-3 md:mr-0 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">Get
                in touch</button>
            </form>
        </div>
        <div class="items-center justify-between hidden w-full md:flex md:w-auto md:order-1" id="navbar-cta">
            <ul
                    class="flex flex-col p-4 mt-4 border border-gray-100 rounded-lg bg-gray-50 md:flex-row md:space-x-8 md:mt-0 md:text-sm md:font-medium md:border-0 md:bg-white dark:bg-gray-800 md:dark:bg-gray-900 dark:border-gray-700">
            </ul>
        </div>
    </div>
</nav>

<section class="bg-white dark:bg-gray-900">
    <div class="grid max-w-screen-xl px-4 py-8 mx-auto lg:gap-8 xl:gap-0 lg:py-16 lg:grid-cols-12">
        <div class="mr-auto place-self-center lg:col-span-7">
            <h1 class="max-w-2xl mb-4 text-4xl font-extrabold leading-none tracking-tight md:text-5xl xl:text-6xl dark:text-white">Tracebit</h1>
            <p class="max-w-2xl mb-6 font-light text-gray-500 lg:mb-8 md:text-lg lg:text-xl dark:text-gray-400">If you'd like to know more then please reach out.</p>
            <a href="mailto:hello@tracebit.io" class="inline-flex items-center justify-center px-5 py-3 mr-3 text-base font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 dark:focus:ring-blue-900">
                Get in touch
                <svg class="w-5 h-5 ml-2 -mr-1" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>
            </a>
            <a href="https://tables.area120.google.com/u/0/form/8uFdxfAxkFx1_A58BqcOPx/t/8tv0H7naM2t0dt_BpWh4Sh8HSRkag_K97cKp0BST3OR99B2bfCizyVUfGz8EZ9J4V-" class="inline-flex items-center justify-center px-5 py-3 text-base font-medium text-center text-gray-900 border border-gray-300 rounded-lg hover:bg-gray-100 focus:ring-4 focus:ring-gray-100 dark:text-white dark:border-gray-700 dark:hover:bg-gray-700 dark:focus:ring-gray-800">
               Subscribe to updates 
            </a>

        </div>
        <div class="hidden lg:mt-0 lg:col-span-3 lg:flex">
            <img src="static/dist/images/logo.svg" alt="mockup">
        </div>
    </div>
</section>

<hr>

<footer class="p-4 bg-white md:p-8 lg:p-10 dark:bg-gray-800">

    </div>
    <div class="mx-auto max-w-screen-xl text-center">

      <span class="text-sm text-gray-500 sm:text-center dark:text-gray-400">© 2022-2023 <a href="https://tracebit.io" class="hover:underline">Tracebit</a></span>
    </div>
</footer>


<script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/1.6.3/flowbite.min.js"></script>
<script data-goatcounter="https://tracebit.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>
</body>

</html>
