<section>
  <div class="container py-24">
    <div class="mx-auto flex w-full text-left">
      <div class="relative mx-auto inline-flex items-center align-middle">
        <div class="pb-12 text-center">
          <h1
            class="mb-8 flex max-w-4xl text-center text-4xl font-semibold leading-none tracking-tight text-gray-800 md:text-5xl lg:max-w-3xl">
            Transform your business with our landing page blocks
          </h1>
          <form action="" method="post"
            class="mt-8 flex justify-center rounded-xl border bg-gray-50 p-2 transition duration-500 ease-in-out sm:max-w-3xl lg:flex">
            <div class="flex-1 divide-y lg:flex lg:divide-x lg:divide-y-0">
              <div class="min-w-0 flex-1">
                <label for="name" class="sr-only">Name</label>
                <input id="name" type="text"
                  class="block w-full rounded-md border border-transparent bg-transparent px-5 py-3 text-base text-gray-600 transition duration-500 ease-in-out placeholder:text-gray-300 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-gray-300"
                  placeholder="Enter your name " />
              </div>
              <div class="min-w-0 flex-1">
                <label for="member_email" class="sr-only">Email address</label>
                <input id="cta-email" type="email"
                  class="block w-full rounded-md border border-transparent bg-transparent px-5 py-3 text-base text-gray-600 transition duration-500 ease-in-out placeholder:text-gray-300 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-gray-300"
                  placeholder="Enter your email  " />
              </div>
            </div>
            <div class="mt-4 flex sm:mt-0 lg:ml-3">
              <button type="submit" value="Subscribe"
                class="rounded-lg border border-transparent bg-blue-600 px-5 py-3 text-base font-medium text-white shadow hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-gray-300 sm:px-10">Notify
                me</button>
            </div>
          </form>
          <div class="flex justify-center">
            <div class="max-w-lg">
              <p class="mt-3 text-xs text-gray-500">
                By subscribing, you agree with Wickedblocks
                <a class="underline" href="#">Terms of Service</a>
                and
                <a class="underline" href="#">Privacy Policy</a>.
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>