<x-layouts.page title="Send | Receive Cryptocurrency Instantly">
    <section class="mt80 mx-4 sm:mx-8 md:mx-10 lg:mx-20 flex flex-col md:flex-row items-center  mt-2 md:mt-6 lg:mt-10">
        <div class="flex flex-col text-center md:text-left items-center md:items-start md:w-1/2">
            <h1 class="text-gray-25">
                Trusted <span class="text-gold-500">By</span> Millions
            </h1>
            <div class="text-gray-75 mt-2">
                {{ setting('site_name') }} is the best place to buy, sell, earn, hodl, swap & send
                cryptocurrency.
            </div>
            <a href="/signup" class="w-auto">
                <button type="button"
                    class="block rounded-md duration-150 ease-linear transition-all text-center justify-center text-base tracking-normal leading-6 focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed bg-gold-500 border border-gold-500 text-gray-875 hover:bg-gold-400 font-semibold w-auto px-6 py-2 md:px-8 md:py-3 md:text-lg md:leading-8 mt-4 lg:mt-6">
                    Create your account
                </button>
            </a>
        </div>
        <div class="relative flex flex-col items-center md:w-1/2 mt-9 md:mt-0">
            <img src="/images/i1.webp" alt="Screenshot of two phones showing mobile app">
            <div class="absolute -z-1 block pointer-events-none -left-1/2 -right-1/4 -bottom-1/2 top-0" style="">
                <img src="/images/glow-effect-3-985bcd5697945e9ef30c1d5304ccf49c.svg">
            </div>
        </div>
    </section>
    <section
        class="mx-4 sm:mx-8 md:mx-10 lg:mx-20 flex flex-col sm:flex-row gap-6 md:gap-14 justify-evenly flex-wrap mt-12 md:mt-20 lg:mt-40">
        <img class="min-w-min" src="images/media-forbes-6bede495d086eb97e8fdecd5972bc806.svg" alt="Forbes Logo">
        <img class="min-w-min" src="images/media-fortune-58c2142a9039e338ee0ca24db7d2e6d5.svg" alt="Fortune Logo">
        <img class="min-w-min" src="images/media-bloomberg-5590f5150ee675da1f0fe7a3f83624a3.svg" alt="Bloomberg Logo">
        <img class="min-w-min" src="images/media-nasdaq-b90f89f0b042bf2064507d22152e9494.svg" alt="Nasdaq Logo">
        <img class="min-w-min" src="images/media-business-insider-c78669b262b51938174d591fa4be48e3.svg"
            alt="Business Insider Logo">
    </section>
    <section class="mx-4 sm:mx-8 md:mx-10 lg:mx-20  mt-4 md:mt-12 lg:mt-20">
        <div
            class="border border-white border-opacity-10 rounded-2xl relative flex flex-col sm:flex-row  bg-white bg-opacity-3">
            <div class="absolute -z-1 w-full h-full">
                <div class="relative w-full h-full" style="overflow-y: clip">
                    <div class="absolute -z-1 block pointer-events-none md:block top-1/4 left-1/4" style="">
                        <img src="/images/glow-effect-3-985bcd5697945e9ef30c1d5304ccf49c.svg?vsn=d">
                    </div>
                </div>
            </div>
            <div
                class="flex flex-col sm:w-1/2 justify-center mt-3 xs:mt-6 sm:mt-14 lg:mt-20 mb-3 xs:mb-6 sm:mb-14 lg:mb-20 mr-4 xs:mr-8 sm:mr-0 ml-4 xs:ml-8 sm:ml-10 md:ml-14 lg:ml-20">
                <h2 class="text-center xl:text-left text-wrap text-4xl md:text-6xl">
                    Invest in <span class="text-gold-500">USDT</span>
                </h2>
                <div class="text-white-250 text-center xl:text-left text-wrap mt-2 md:mt-4">
                    Earn over $75,000 worth of Tether (USDT) weekly. Join over 2.4 million users investing.
                </div>
            </div>
            <div class="flex flex-col mb-0 sm:w-1/2 mr-8 sm:mr-10 items-end justify-end" style="margin-left:20px;">
                <img class="top-bottom-blur-image float-center xl:float-right"
                    src="/images/private-client-hero-b1cbbf6c642c09a2deb672cafa8619da.webp?vsn=d">
            </div>
        </div>
    </section>
    <section class="mx-4 sm:mx-8 md:mx-10 lg:mx-20  mt-4 md:mt-12 lg:mt-20">
        <div class="border border-white border-opacity-10 rounded-2xl relative flex flex-col sm:flex-row  bg-white bg-opacity-3"
            style="">
            <div class="absolute -z-1 w-full h-full">
                <div class="relative w-full h-full" style="overflow-y: clip">
                    <div class="absolute -z-1 block pointer-events-none md:block top-1/4 left-1/4" style="">
                        <img src="images/glow-effect-1-d65154e6fef49277f600a5032ef3d629.svg">
                    </div>
                </div>
            </div>
            <div
                class="flex flex-col sm:w-1/2 justify-center mt-3 xs:mt-6 sm:mt-14 lg:mt-20 mb-3 xs:mb-6 sm:mb-14 lg:mb-20 mr-4 xs:mr-8 sm:mr-0 ml-4 xs:ml-8 sm:ml-10 md:ml-14 lg:ml-20">
                <h3 class="text-gray-25">
                    <span class="text-gold-500">Swap & Hodl</span> with Confidence
                </h3>
                <div class="text-gray-75 mt-2">
                    Swap your cryptocurrencies with just a few clicks and store your assets in our secure
                    wallets.
                </div>
                <a href="/login?">
                    <div class="c-link font-light text-gold-250 inline-block  mt-5 lg:mt-7">
                        Get Started
                        <img class="inline-block mb-1" src="/images/arrow-right-d226c02bf10f2a34cc2755e3e69e91c6.svg">
                    </div>
                </a>
            </div>
            <div class="flex flex-col mb-0 sm:w-1/2 mr-8 sm:mr-10 items-end justify-end">
                <img class="w-2/3 sm:w-5/6 xl:w-2/3" src="/images/i8.webp">
            </div>
        </div>
    </section>
    <section class="mx-4 sm:mx-8 md:mx-10 lg:mx-20 grid grid-cols-1 md:grid-cols-2 gap-6 mt-6 ">
        <div class="border border-white border-opacity-10 rounded-2xl overflow-hidden bg-white bg-opacity-3" style="">
            <div class="flex flex-col h-full justify-between mx-4 xs:mx-8 lg:mx-12 mt-4 xs:mt-8 lg:mt-12 mb-0">
                <div>
                    <h4 class="text-gray-25">
                        Instantly send &amp; receive crypto anytime
                    </h4>
                    <div class="text-gray-75 mt-2">
                        No waiting, no worrying—transact instantly and globally through the Lightning Network.
                    </div>
                    <a href="/login">
                        <div class="c-link font-light text-gold-250 inline-block  mt-5 lg:mt-7">
                            Get Started
                            <img class="inline-block mb-1"
                                src="/images/arrow-right-d226c02bf10f2a34cc2755e3e69e91c6.svg">
                        </div>
                    </a>
                </div>
                <img src="/images/i3.webp">
            </div>
        </div>
        <div class="border border-white border-opacity-10 rounded-2xl flex overflow-hidden bg-white bg-opacity-3"
            style="">
            <div class="flex flex-col justify-between mx-4 xs:mx-8 lg:mx-12 mt-4 xs:mt-8 lg:mt-12">
                <div>
                    <h4 class="text-gray-25">
                        Buy the dip without delay and worry
                    </h4>
                    <div class="text-gray-75 mt-2">
                        We make buying cryptocurrencies safe and convenient, ensuring a seamless experience for
                        you.
                    </div>
                </div>
                <div class="flex justify-center mt-12">
                    <img src="/images/i6.webp">
                </div>
            </div>
        </div>
    </section>
    <section class="mx-4 sm:mx-8 md:mx-10 lg:mx-20  ">
        <div class="border border-white border-opacity-10 rounded-2xl relative flex flex-col-reverse sm:flex-row mt-6 bg-white bg-opacity-3"
            style="">
            <div class="absolute -z-1 w-full h-full">
                <div class="relative w-full h-full" style="overflow-y: clip">
                    <div class="absolute -z-1 block pointer-events-none " style="">
                        <img src="images/glow-effect-1-d65154e6fef49277f600a5032ef3d629.svg">
                    </div>
                </div>
            </div>
            <div
                class="flex flex-col sm:w-1/2 self-center mt-3 xs:mt-6 sm:mt-14 lg:mt-20 mb-3 xs:mb-6 sm:mb-14 lg:mb-20 mr-4 xs:mr-8 sm:mr-0 ml-4 xs:ml-8 sm:ml-10 md:ml-14 lg:ml-20">
                <img src="/images/i2.webp">
            </div>
            <div
                class="flex flex-col sm:w-1/2 mt-3 xs:mt-6 sm:mt-14 lg:mt-20 mb-3 xs:mb-6 sm:mb-14 lg:mb-20 ml-4 xs:ml-8 sm:ml-10 md:ml-14 lg:ml-20 mr-4 xs:mr-8 sm:mr-10 md:mr-14 lg:mr-20">
                <h3 class="text-gray-25">
                    For larger investments
                </h3>
                <div class="text-gray-75 mt-2">
                    Our expert team is here to serve the sophisticated investor investing more than $100,000 of
                    Tether (USDT).
                </div>
                <a href="/login">
                    <div class="c-link font-light text-gold-250 inline-block  mt-5 lg:mt-7">
                        Get Started
                        <img class="inline-block mb-1" src="/images/arrow-right-d226c02bf10f2a34cc2755e3e69e91c6.svg">
                    </div>
                </a>
            </div>
        </div>
    </section>
    <section class="mx-4 sm:mx-8 md:mx-10 lg:mx-20 text-center self-center  mt-12 md:mt-20 lg:mt-40">
        <div class="flex flex-col items-center">
            <div class="text-gray-25" style="max-width: 776px">
                <h2>
                    Your asset is yours alone
                </h2>
            </div>
            <div class="text-gray-75 mt-2 text-center" style="max-width: 600px">
                Unlike other exchanges, {{ setting('site_name') }} builds security into every product and
                service for your peace
                of mind.
            </div>
            <div class="text-gray-75 mt-2 text-center" style="max-width: 600px">
            </div>
            <div class="flex justify-center">
                <a href="/login">
                    <div class="c-link font-light text-gold-250 inline-block  mt-5 lg:mt-7">
                        Get Started
                        <img class="inline-block mb-1" src="/images/arrow-right-d226c02bf10f2a34cc2755e3e69e91c6.svg">
                    </div>
                </a>
            </div>
        </div>
    </section>
    <section class="mx-4 sm:mx-8 md:mx-10 lg:mx-20 flex flex-col lg:flex-row lg:space-x-6  mt-4 md:mt-12 lg:mt-20">
        <div class="flex flex-col space-y-6 lg:w-1/2">
            <div class="relative c-card-gold-glow p-4 xs:p-8 sm:p-10 lg:h-96 overflow-hidden ">
                <img class="absolute -z-1 pointer-events-none" style="top: -5%; left: -15%"
                    src="images/glow-gold-fb69495006cb87d9c62eec3f6e0251b2.svg">
                <img class="mb-6" src="images/black-square-bitcoin-acdcc34b771609b44f9a4b467c0a418a.svg" alt="">
                <h4 class="text-gray-25">
                    100% full reserve custody
                </h4>
                <div class="text-gray-75 mt-2">
                    All assets on {{ setting('site_name') }} are held 1:1. We do not use or lend your
                    cryptocurrencies, ever. Your
                    asset is yours alone.
                </div>
            </div>
            <div class="relative c-card-gold-glow p-4 xs:p-8 sm:p-10 lg:h-96 overflow-hidden ">
                <img class="absolute -z-1 pointer-events-none" style="top: -5%; left: -15%"
                    src="images/glow-gold-fb69495006cb87d9c62eec3f6e0251b2.svg">
                <img class="mb-6" src="images/black-square-gavel-2f689beaba25c076def2d74f265d2182.svg" alt="">
                <h4 class="text-gray-25">
                    Licensed and regulated
                </h4>
                <div class="text-gray-75 mt-2">
                    {{ setting('site_name') }} operates in a secure and licensed environment. We offer services
                    to over 2 million
                    active users
                </div>
            </div>
        </div>
        <div class="flex flex-col space-y-6 mt-6 lg:mt-48 lg:w-1/2">
            <div class="relative c-card-gold-glow p-4 xs:p-8 sm:p-10 lg:h-96 overflow-hidden ">
                <img class="absolute -z-1 pointer-events-none" style="top: -5%; left: -15%"
                    src="images/glow-gold-fb69495006cb87d9c62eec3f6e0251b2.svg">
                <img class="mb-6" src="images/black-square-safe-56c3a13b2558862b754f0ef56fe55877.svg" alt="">
                <h4 class="text-gray-25">
                    Multisig cold storage
                </h4>
                <div class="text-gray-75 mt-2">
                    Our clients assets are kept offline in cold storage and requires multiple signatures
                    (multisig) to identify and authorize a transaction.
                </div>
            </div>
        </div>
    </section>
    <div class="relative flex items-center justify-center  mt-12 md:mt-20 lg:mt-40">
        <div class="absolute -z-1 block pointer-events-none inset-y-1/4" style="">
            <img src="images/glow-effect-1-d65154e6fef49277f600a5032ef3d629.svg">
        </div>
        <section class="mx-4 sm:mx-8 md:mx-10 lg:mx-20 text-center self-center  ">
            <div class="flex flex-col items-center">
                <div class="text-gray-25" style="max-width: 776px">
                    <h2>
                        Real people, ready to help
                    </h2>
                </div>
                <div class="text-gray-75 mt-2 text-center" style="max-width: 600px">
                    Cryptocurrencies can be intimidating. Our experienced Client Services team is ready to help
                    you get started building your wealth.
                </div>
                <div class="text-gray-75 mt-2 text-center" style="max-width: 600px">
                </div>
                <div class="flex justify-center">
                    <a href="/signup" class="w-auto">
                        <button type="button"
                            class="block rounded-md
                               transition duration-150 ease-linear
                               text-center justify-center
                               text-base tracking-normal leading-6
                               focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed
                               bg-gold-500 border border-gold-500 text-gray-875 hover:bg-gold-400 font-semibold w-auto px-6 py-2 md:px-8 md:py-3 mt-4 lg:mt-6 md:text-lg md:leading-8">
                            Get Started
                        </button>
                    </a>
                </div>
            </div>
        </section>
    </div>
    <section class=" mx-4 sm:mx-8 md:mx-10 lg:mx-20 flex flex-col items-center lg:flex-row space-y-6
                                    lg:space-y-24 lg:space-x-6 mt-12 md:mt-20 lg:mt-40">
        <div class="px-4 py-5 xs:px-6 xs:py-8 text-left text-gray-75 max-w-screen-sm lg:w-1/2 rounded-md"
            style="border: 1px solid #FFFFFF1A; background: rgba(255, 255, 255, 0.03); height: fit-content">
            "{{ setting('site_name') }} is the only company I feel comfortable keeping any amount of bitcoin
            on their platform
            because they utilize multi-sig cold storage, have 100% full reserve. As a
            USDT-only investor, I use
            {{ setting('site_name') }} because they are the only company that has earned my trust."
            <div class="mt-6">
                <div class="font-semibold inline text-gray-25">
                    Andrea K.,
                </div>
                <div class="inline text-gray-150">
                    {{ setting('site_name') }} Client
                </div>
            </div>
        </div>
        <div class="px-4 py-5 xs:px-6 xs:py-8 text-left text-gray-75 max-w-screen-sm lg:w-1/2 rounded-md"
            style="border: 1px solid #FFFFFF1A; background: rgba(255, 255, 255, 0.03); height: fit-content">
            "{{ setting('site_name') }} has one of the best UI designs I have ever seen. Its attention to
            detail, excellent
            customer service, and easy-to-use app are seamless."
            <div class="mt-6">
                <div class="font-semibold inline text-gray-25">
                    Harrison J.,
                </div>
                <div class="inline text-gray-150">
                    {{ setting('site_name') }} Client
                </div>
            </div>
        </div>
    </section>
    <div class="relative flex items-center justify-center  mt-24 md:mt-56 lg:mt-80">
        <div class="absolute -z-1 block pointer-events-none " style="">
            <img src="images/glow-effect-1-d65154e6fef49277f600a5032ef3d629.svg">
        </div>
        <section class="mx-4 sm:mx-8 md:mx-10 lg:mx-20 text-center self-center  ">
            <div class="flex flex-col items-center">
                <div class="text-gray-25" style="max-width: 776px">
                    <h2>
                        Ready to get started?
                    </h2>
                </div>
                <div class="text-gray-75 mt-2 text-center" style="max-width: 600px">
                    Create a {{ setting('site_name') }} account and start your crypto journey
                </div>
                <div class="text-gray-75 mt-2 text-center" style="max-width: 600px">
                </div>
                <div class="flex justify-center">
                    <a href="/signup" class="w-auto">
                        <button type="button"
                            class="block rounded-md
                   transition duration-150 ease-linear
                   text-center justify-center
                   text-base tracking-normal leading-6
                   focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed
                   bg-gold-500 border border-gold-500 text-gray-875 hover:bg-gold-400 font-semibold w-auto px-6 py-2 md:px-8 md:py-3 mt-4 lg:mt-6 md:text-lg md:leading-8">
                            Sign Up
                        </button>
                    </a>
                </div>
            </div>
        </section>
    </div>
</x-layouts.page>