<section>
  <div class="container relative py-24">
    <div class="mx-auto flex max-w-7xl flex-wrap items-center">
      <div class="w-full rounded-xl lg:w-1/2 lg:max-w-lg">
        <div>
          <div class="relative w-full max-w-lg">
            <div class="relative">
              <img class="mx-auto rounded-lg object-cover object-center" alt="hero"
                src="/images/placeholders/original/1000x1000.webp" />
            </div>
          </div>
        </div>
      </div>
      <div class="mb-16 mt-12 flex flex-col items-start text-left md:mb-0 lg:w-1/2 lg:grow lg:pl-6 xl:mt-0 xl:pl-24">
        <span class="mb-8 text-xs font-bold uppercase tracking-widest text-blue-600">
          Your tagline
        </span>
        <h1 class="mb-8 text-4xl font-bold leading-none tracking-tighter text-gray-600 md:text-7xl lg:text-5xl">
          Medium length display headline.
        </h1>
        <p class="mb-8 text-left text-base leading-relaxed text-gray-500">
          Free and Premium themes, UI Kit's, templates and landing pages built
          with Tailwind CSS, HTML & Next.js.
        </p>
        <div class="mt-0 max-w-7xl flex-col sm:flex lg:mt-6">
          <form action="" method="post" id="revue-form" name="revue-form" target="_blank"
            class="border mt-8 rounded-xl bg-gray-50 p-2 transition duration-500 ease-in-out sm:flex sm:max-w-lg">
            <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 class=" mt-4 sm:ml-3 sm:mt-0">
              <button type="submit" value="Subscribe" name="member[subscribe]" id="member_submit"
                class="block w-full 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="sm:flex sm: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>
</section>