<section class="object-top overflow-hidden bg-base-100 bg-cover">
  <div>
    <div class="px-4 py-12 mx-auto max-w-7xl sm:px-6 lg:py-16 lg:px-8">
      <div
        class="px-6 py-6 bg-base-lightest rounded-3xl md:py-12 md:px-12 lg:px-16 xl:flex xl:items-center"
      >
        <div class="xl:w-0 xl:flex-1">
          <p class="text-5xl tracking-tighter text-primary-dark">
            I am a short heading
          </p>
          <p class="max-w-3xl mt-3 text-lg leading-6 text-base-500">
            Sign up