Contact Components in Acros library

<section class="relative py-12">
  <img class="absolute top-0 left-0 h-full w-full object-cover" src="acros-assets/images/contacts/location.jpg" alt="">
  <div class="relative container px-4 mx-auto">
    <div class="max-w-sm sm:max-w-md p-10 bg-white rounded-md">
      <div>
        <span class="text-sm uppercase font-semibold">Contact Us</span>
        <h4 class="font-heading text-3xl sm:text-4xl mt-2 mb-4">Say Hello</h4>
        <p class="leading-7 mb-10">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque massa nibh.</p>
        <div class="flex flex-wrap -mx-2">
          <div class="w-full sm:w-1/2 px-2 mb-8 sm:mb-0">
            <div class="flex items-center justify-center w-14 h-14 mb-6 bg-green-50 rounded">
              <svg width="18" height="21" viewBox="0 0 18 21" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" clip-rule="evenodd" d="M8.94336 1.7393C4.70278 1.7249 1.25342 5.15089 1.23901 9.39148V9.41756C1.30918 11.4599 2.01436 13.4296 3.2564 15.0523C4.64995 16.9133 6.36008 18.5145 8.30858 19.7828C8.65807 20.0851 9.17648 20.0851 9.52597 19.7828C10.833 18.939 12.0381 17.9469 13.1173 16.8263C15.0042 14.835 16.5434 12.2871 16.5955 9.53061V9.44365C16.6099 5.20306 13.1839 1.75371 8.94336 1.7393ZM8.99988 13.0002C10.9329 13.0002 12.4999 11.4332 12.4999 9.50024C12.4999 7.56725 10.9329 6.00024 8.99988 6.00024C7.06688 6.00024 5.49988 7.56725 5.49988 9.50024C5.49988 11.4332 7.06688 13.0002 8.99988 13.0002Z" fill="#00CBA6"></path>
                <path d="M1.23901 9.39148L0.489014 9.38893V9.39148H1.23901ZM8.94336 1.7393L8.94081 2.4893L8.94336 1.7393ZM1.23901 9.41756H0.489014C0.489014 9.42615 0.489161 9.43473 0.489456 9.44332L1.23901 9.41756ZM3.2564 15.0523L3.85677 14.6028L3.85198 14.5965L3.2564 15.0523ZM8.30858 19.7828L8.79923 19.2155C8.77348 19.1933 8.74625 19.1728 8.71771 19.1542L8.30858 19.7828ZM9.52597 19.7828L9.11919 19.1527C9.0898 19.1717 9.06177 19.1927 9.03532 19.2155L9.52597 19.7828ZM13.1173 16.8263L13.6575 17.3465L13.6617 17.3421L13.1173 16.8263ZM16.5955 9.53061L17.3454 9.5448C17.3455 9.54007 17.3455 9.53534 17.3455 9.53061H16.5955ZM16.5955 9.44365L15.8455 9.4411V9.44365H16.5955ZM1.98901 9.39403C2.00201 5.56765 5.11444 2.4763 8.94081 2.4893L8.94591 0.989307C4.29111 0.973493 0.504833 4.73413 0.489018 9.38893L1.98901 9.39403ZM1.98901 9.41756V9.39148H0.489014V9.41756H1.98901ZM3.85198 14.5965C2.70474 13.0976 2.05338 11.2783 1.98857 9.39181L0.489456 9.44332C0.564977 11.6415 1.32399 13.7615 2.66083 15.5082L3.85198 14.5965ZM8.71771 19.1542C6.84296 17.9339 5.19755 16.3933 3.85674 14.6028L2.65607 15.5019C4.10235 17.4333 5.87721 19.0951 7.89945 20.4114L8.71771 19.1542ZM9.03532 19.2155C8.96754 19.2742 8.86701 19.2742 8.79923 19.2155L7.81792 20.35C8.44914 20.896 9.38541 20.896 10.0166 20.35L9.03532 19.2155ZM12.577 16.306C11.538 17.385 10.3777 18.3402 9.11919 19.1527L9.93275 20.4129C11.2884 19.5377 12.5383 18.5088 13.6575 17.3465L12.577 16.306ZM15.8457 9.51641C15.7985 12.0068 14.3986 14.3837 12.5729 16.3104L13.6617 17.3421C15.6099 15.2862 17.2882 12.5674 17.3454 9.5448L15.8457 9.51641ZM15.8455 9.44365V9.53061H17.3455V9.44365H15.8455ZM8.94081 2.4893C12.7672 2.5023 15.8585 5.61473 15.8455 9.4411L17.3455 9.4462C17.3613 4.7914 13.6007 1.00512 8.94591 0.989307L8.94081 2.4893ZM11.7499 9.50024C11.7499 11.019 10.5187 12.2502 8.99988 12.2502V13.7502C11.3471 13.7502 13.2499 11.8475 13.2499 9.50024H11.7499ZM8.99988 6.75024C10.5187 6.75024 11.7499 7.98146 11.7499 9.50024H13.2499C13.2499 7.15303 11.3471 5.25024 8.99988 5.25024V6.75024ZM6.24988 9.50024C6.24988 7.98146 7.48109 6.75024 8.99988 6.75024V5.25024C6.65267 5.25024 4.74988 7.15303 4.74988 9.50024H6.24988ZM8.99988 12.2502C7.48109 12.2502 6.24988 11.019 6.24988 9.50024H4.74988C4.74988 11.8475 6.65267 13.7502 8.99988 13.7502V12.2502Z" fill="#00CBA6"></path>
              </svg>
            </div>
            <h5 class="font-heading font-medium mb-2">Address</h5>
            <p class="text-sm leading-6">1686, Geraldine Lane</p>
            <p class="text-sm leading-6">New York, NY 10013</p>
          </div>
          <div class="w-full sm:w-1/2 px-2">
            <div class="flex items-center justify-center w-14 h-14 mb-6 bg-green-50 rounded">
              <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd" clip-rule="evenodd" d="M0.990332 2.87254C1.30665 2.34878 3.0495 0.443765 4.29322 0.501275C4.665 0.532084 4.99364 0.756989 5.26067 1.01784C5.87379 1.61656 7.62896 3.88101 7.72859 4.35753C7.97096 5.52621 6.57833 6.1999 7.00454 7.37783C8.09112 10.0366 9.96337 11.9088 12.6233 12.9943C13.8003 13.4205 14.474 12.0279 15.6428 12.2713C16.1183 12.3709 18.3839 14.126 18.9826 14.7391C19.2425 15.0051 19.4684 15.3347 19.4992 15.7065C19.5454 17.0159 17.5222 18.7833 17.1278 19.0092C16.1974 19.6747 14.9834 19.6634 13.5035 18.9753C9.37387 17.2572 2.77426 10.7822 1.02422 6.49669C0.354608 5.02505 0.308393 3.80296 0.990332 2.87254Z" fill="#00CBA6"></path>
              </svg>
            </div>
            <h5 class="font-heading font-medium mb-2">Contact info</h5>
            <p class="text-sm leading-6">hello@wireframes.org</p>
            <p class="text-sm leading-6">+7-843-672-431</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="section py-12" style="background-image: url('acros-assets/images/contacts/location.jpg'); background-repeat: no-repeat; background-position:center; background-size: cover;">
  <div class="container">
    <div class="has-background-white p-10 has-mw-md" style="border-radius: 6px;">
      <small class="mb-2 is-block is-uppercase has-text-weight-semibold">Contact us</small>
      <h2 class="title mb-4">Say Hello</h2>
      <p class="subtitle is-size-6 mb-10">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque massa nibh.</p>
      <div class="columns">
        <div class="column">
          <img class="mb-6" src="acros-assets/icons/contacts/location.svg" alt="">
          <h6 class="title is-size-5 has-leading-3 has-text-weight-semibold mb-2">Address</h6>
          <p class="is-block">1686, Geraldine Lane</p>
          <p class="is-block">New York, NY 10013</p>
        </div>
        <div class="column">
          <img class="mb-6" src="acros-assets/icons/contacts/phone.svg" alt="">
          <h6 class="title is-size-5 has-leading-3 has-text-weight-semibold mb-2">Contact info</h6>
          <p class="is-block">hello@wireframes.org</p>
          <p class="is-block">+7-843-672-431</p>
        </div>
      </div>
    </div>
  </div>
</section>