<x-layouts.page title="Wallet Custody">
    <section
        class="mx-4 sm:mx-8 md:mx-10 lg:mx-20 flex flex-col md:flex-row items-center mr-0 sm:mr-0 md:mr-0 lg:mr-0 mt-4 md:mt-12 lg:mt-20">

        <div class="flex flex-col text-center md:text-left items-center md:items-start md:w-1/2">

            <h2 class="text-gray-25">
                Use and store your Crypto like never before
            </h2>
            <div class="flex flex-col text-gray-75 text-sm md:text-base text-left mt-4 space-y-3">
                <div class="flex">
                    <img class="inline-block mb-0.5 mr-2"
                        src="/images/gold-bullet-e260415980630af4d93e08136c431085.svg?vsn=d">
                    Instant transfers powered by the Lightning Network
                </div>
                <div class="flex">
                    <img class="inline-block mb-0.5 mr-2"
                        src="/images/gold-bullet-e260415980630af4d93e08136c431085.svg?vsn=d">
                    Industry leading security through multisig and cold storage
                </div>
                <div class="flex">
                    <img class="inline-block mb-0.5 mr-2"
                        src="/images/gold-bullet-e260415980630af4d93e08136c431085.svg?vsn=d">
                    Create a legacy plan with beneficiaries
                </div>
                <div class="flex">
                    <img class="inline-block mb-0.5 mr-2"
                        src="/images/gold-bullet-e260415980630af4d93e08136c431085.svg?vsn=d">
                    Tax optimization through tax lot tracking
                </div>
            </div>
            <div class="flex">

                <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 md:text-lg md:leading-8 mt-4 lg:mt-6">

                        Get Started

                    </button>
                </a>

            </div>

        </div>
        <div class="relative flex flex-col items-center md:ml-10 mt-20 md:mt-0 md:w-1/2">

            <img src="/images/i4.webp">


            <div class="absolute -z-1 block pointer-events-none -inset-x-full" style="">
                <img src="/images/glow-effect-3-985bcd5697945e9ef30c1d5304ccf49c.svg?vsn=d">
            </div>

        </div>

    </section>

    <section class="mx-4 sm:mx-8 md:mx-10 lg:mx-20  mt-20 md:mt-36 lg:mt-64">

        <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 pointer-events-none hidden lg:block top-1/4 left-1/4" style="">
                        <img
                            src="/images/glow-effect-1-d65154e6fef49277f600a5032ef3d629.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">

                <h3 class="text-gray-25">Send & receive crypto anytime</h3>
                <div class="text-gray-75 mt-2">
                    No more waiting. Our integration with the Lightning Network lets you make instant transfers with low
                    fees.
                </div>


                <a href="/login" rel="noopener" target="_blank">
                    <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?vsn=d">
                    </div>
                </a>

            </div>




            <div
                class="flex flex-col mb-0 sm:w-1/2 items-end justify-end 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 mt-3 xs:mt-6 sm:mt-14 lg:mt-20">
                <img src="/images/i3.webp?vsn=d">
            </div>



        </div>

    </section>

    <section class="mx-4 sm:mx-8 md:mx-10 lg:mx-20 mt-6 ">

        <div class="grid grid-cols-1 sm:grid-cols-1 md:grid-cols-3 lg:grid-cols-3 gap-6">

            <div class="flex flex-col p-8 border border-white border-opacity-10 rounded-md justify-between "
                style="background: rgba(255, 255, 255, 0.03)">
                <h5 class="text-gray-25">
                    Automated self-custody
                </h5>
                <div class="mt-2 text-gray-75">
                    Our automatic withdrawals feature gives you a hands-off way to send your cryptocurrency to
                    self-custody.
                </div>

            </div>
            <div class="flex flex-col p-8 border border-white border-opacity-10 rounded-md justify-between "
                style="background: rgba(255, 255, 255, 0.03)">
                <h5 class="text-gray-25">
                    Tax optimization features
                </h5>
                <div class="mt-2 text-gray-75">
                    Track tax lots and configure cost basis methods for optimal tax planning.
                </div>

            </div>
            <div class="flex flex-col p-8 border border-white border-opacity-10 rounded-md justify-between "
                style="background: rgba(255, 255, 255, 0.03)">
                <h5 class="text-gray-25">
                    Safeguard your wealth
                </h5>
                <div class="mt-2 text-gray-75">
                    Create a personalized beneficiary plan to pass your cryptocurrency on to your loved ones.
                </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?vsn=d">
        </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> We don’t compromise on security.
                        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 transacting in minutes.
                </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
       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">

                            Sign Up

                        </button>
                    </a>



                </div>
            </div>

        </section>

    </div>
</x-layouts.page>