Footers Components in Casper library

<section class="relative py-12 sm:pt-24 bg-body overflow-hidden">
  <div class="absolute top-0 right-0 -mt-40 -mr-52 w-186 h-186 bg-gradient-to-t from-violet-700 via-darkBlue-900 to-transparent rounded-full filter blur-4xl"></div>
  <img class="absolute top-0 right-0 w-40 md:w-52 xl:w-auto mt-16 xl:mt-24 lg:mr-24" src="casper-assets/footer/robot.png" alt="">
  <div class="relative container mx-auto px-4">
    <div class="max-w-4xl xl:max-w-6xl mb-20">
      <img class="block mb-20" src="casper-assets/footer/logo-c-only.svg" alt="">
      <h3 class="font-heading text-4xl xs:text-5xl sm:text-6xl font-medium text-white tracking-tight mb-20">Gain valuable insights into your users' preferences</h3>
      <div class="-mb-6">
        <div class="inline-flex mb-6 mr-12 items-center">
          <div class="flex justify-center items-center w-12 h-12 rounded-full bg-yellow-600">
            <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M21 10.5C21 17.5 12 23.5 12 23.5C12 23.5 3 17.5 3 10.5C3 8.11305 3.94821 5.82387 5.63604 4.13604C7.32387 2.44821 9.61305 1.5 12 1.5C14.3869 1.5 16.6761 2.44821 18.364 4.13604C20.0518 5.82387 21 8.11305 21 10.5Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
              <path d="M12 13.5C13.6569 13.5 15 12.1569 15 10.5C15 8.84315 13.6569 7.5 12 7.5C10.3431 7.5 9 8.84315 9 10.5C9 12.1569 10.3431 13.5 12 13.5Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
            </svg>
          </div>
          <div class="ml-3">
            <span class="block text-white tracking-tight">1929, Bancangan, Sambit,</span>
            <span class="block text-white tracking-tight">Wakanda Kidul</span>
          </div>
        </div>
        <div class="inline-flex mb-6 items-center">
          <div class="flex justify-center items-center w-12 h-12 rounded-full bg-sky-600">
            <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path d="M7 9.5L11.38 12.99C11.5565 13.1295 11.775 13.2054 12 13.2054C12.225 13.2054 12.4435 13.1295 12.62 12.99L17 9.5M20 19.5H4C3.73478 19.5 3.48043 19.3946 3.29289 19.2071C3.10536 19.0196 3 18.7652 3 18.5V6.5C3 6.23478 3.10536 5.98043 3.29289 5.79289C3.48043 5.60536 3.73478 5.5 4 5.5H20C20.2652 5.5 20.5196 5.60536 20.7071 5.79289C20.8946 5.98043 21 6.23478 21 6.5V18.5C21 18.7652 20.8946 19.0196 20.7071 19.2071C20.5196 19.3946 20.2652 19.5 20 19.5Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
            </svg>
          </div>
          <div class="ml-3">
            <span class="block text-white tracking-tight">hello@yourdomain.com</span>
          </div>
        </div>
      </div>
    </div>
    <div class="pt-10 border-t border-gray-800">
      <div class="md:flex items-center justify-between">
        <div class="mb-6 md:mb-0">
          <span class="text-gray-600 tracking-tight">© Casper. All rights reserved</span>
        </div>
        <div><a class="inline-block mr-10 text-white hover:underline tracking-tight" href="#">Terms &amp; Conditions</a><a class="inline-block text-white hover:underline tracking-tight" href="#">Privacy Policy</a></div>
      </div>
    </div>
  </div>
</section>

<section class="pt-12 pt-lg-24 pb-10 bg-dark position-relative overflow-hidden"><img class="position-absolute top-0 end-0 me-n80" src="casper-assets/blur/blur-center-top-violet.svg" alt=""/><img class="d-none d-md-block position-absolute top-0 end-0 mt-64 mt-md-20 me-xl-20" src="casper-assets/footer/robot.png" alt=""/>
  <div class="container position-relative">
    <div><img class="img-fluid d-block mb-20" src="casper-assets/footer/logo-c-only.svg" alt=""/>
      <div class="mw-2xl mw-xl-4xl pb-40 pb-sm-20 position-relative">
        <div class="mw-lg mw-lg-none mb-20">
          <h3 class="font-heading fw-medium text-white mb-0">Gain valuable insights into your users&apos; preferences</h3>
        </div>
        <div class="d-md-flex align-items-center">
          <div class="d-flex mb-8 mb-md-0 me-md-24 align-items-center">
            <div class="flex-shrink-0 d-inline-flex justify-content-center align-items-center bg-warning rounded-pill" style="width: 46px; height: 46px;">
              <svg width="24" height="25" viewbox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
                <g clip-path="url(#clip0_159_5006)">
                  <path d="M21 10.5C21 17.5 12 23.5 12 23.5C12 23.5 3 17.5 3 10.5C3 8.11305 3.94821 5.82387 5.63604 4.13604C7.32387 2.44821 9.61305 1.5 12 1.5C14.3869 1.5 16.6761 2.44821 18.364 4.13604C20.0518 5.82387 21 8.11305 21 10.5Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path d="M12 13.5C13.6569 13.5 15 12.1569 15 10.5C15 8.84315 13.6569 7.5 12 7.5C10.3431 7.5 9 8.84315 9 10.5C9 12.1569 10.3431 13.5 12 13.5Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                </g>
              </svg>
            </div>
            <div class="ms-3"><span class="d-block text-white">1929, Bancangan, Sambit,</span><span class="d-block text-white">Wakanda Kidul</span></div>
          </div>
          <div class="d-flex align-items-center">
            <div class="flex-shrink-0 d-inline-flex justify-content-center align-items-center bg-info rounded-pill" style="width: 46px; height: 46px;">
              <svg width="24" height="25" viewbox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
                <g clip-path="url(#clip0_159_5006)">
                  <path d="M21 10.5C21 17.5 12 23.5 12 23.5C12 23.5 3 17.5 3 10.5C3 8.11305 3.94821 5.82387 5.63604 4.13604C7.32387 2.44821 9.61305 1.5 12 1.5C14.3869 1.5 16.6761 2.44821 18.364 4.13604C20.0518 5.82387 21 8.11305 21 10.5Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                  <path d="M12 13.5C13.6569 13.5 15 12.1569 15 10.5C15 8.84315 13.6569 7.5 12 7.5C10.3431 7.5 9 8.84315 9 10.5C9 12.1569 10.3431 13.5 12 13.5Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                </g>
              </svg>
            </div>
            <div class="ms-3"><span class="d-block text-white">hello@yourdomain.com</span></div>
          </div>
        </div><img class="d-md-none position-absolute bottom-0 end-0 col-6" src="casper-assets/footer/robot.png" alt=""/>
      </div>
      <div class="d-sm-flex justify-content-between align-items-center pt-10 border-2 border-top border-white border-opacity-10">
        <div class="mb-4 mb-sm-0"><span class="text-secondary">&copy; Casper. All rights reserved</span></div>
        <div><a class="d-inline-block me-12 text-white" href="#">Terms &amp; Conditions</a><a class="d-inline-block text-white" href="#">Privacy Policy</a></div>
      </div>
    </div>
  </div>
</section>