Contact UI Components – Asitrastudio Library

<section class="py-12 md:py-20 bg-coolGray-50">
  <div class="container mx-auto px-4">
    <div class="flex flex-wrap -mx-4">
      <div class="w-full lg:w-1/2 px-4 mb-16 lg:mb-0">
        <div class="max-w-xl mx-auto lg:mx-0">
          <div class="max-w-lg mb-10">
            <h1 class="font-heading text-6xl xs:text-8xl sm:text-9xl xl:text-10xl tracking-tighter mb-8">Let`s talk</h1>
            <p class="text-xl text-coolGray-600">Whereby Embedded is the easiest way to embed video calls directly into your app, website, or anywhere else you need beautiful, custom video chat – that just works.</p>
          </div>
          <div class="flex flex-wrap -mx-4 mb-20">
            <div class="w-full sm:w-1/2 px-4 mb-6 sm:mb-0">
              <div class="py-6 text-center border border-coolGray-300 rounded-3xl">
                <span class="block mb-2 text-sm text-coolGray-500">Call us</span>
                <span class="font-medium">+48 291 821 114</span>
              </div>
            </div>
            <div class="w-full sm:w-1/2 px-4">
              <div class="py-6 text-center border border-coolGray-300 rounded-3xl">
                <span class="block mb-2 text-sm text-coolGray-500">Email us</span>
                <span class="font-medium">contact@example.com</span>
              </div>
            </div>
          </div>
          <div class="mb-16">

<section class="section has-background-white-ter">
  <div class="container">
    <div class="columns is-multiline">
      <div class="column is-12 is-6-desktop mb-16 mb-0-desktop">
        <div class="has-mw-xl mx-auto mx-0-desktop">
          <div class="has-mw-lg mb-10">
            <h1 class="title is-size-2-mobile is-size-1-tablet mb-8" style="letter-spacing: -0.04em;">Let&grave;s talk</h1>
            <p class="subtitle is-size-6">Whereby Embedded is the easiest way to embed video calls directly into your app, website, or anywhere else you need beautiful, custom video chat &ndash; that just works.</p>
          </div>
          <div class="mb-20 columns is-multiline">
            <div class="column is-6">
              <div class="box py-6 has-text-centered" style="border-radius: 20px;">
                <span class="mb-2 is-block has-text-grey-dark">Call us</span>
                <span class="has-text-weight-medium has-text-dark">+48 291 821 114</span>
              </div>
            </div>
            <div class="column is-6">
              <div class="box py-6 has-text-centered" style="border-radius: 20px;">
                <span class="mb-2 is-block has-text-grey-dark">Email us</span>
                <span class="has-text-weight-medium has-text-dark">contact@asitrastudio.co</span>
              </div>
            </div>
          </div>
          <div class="mb-16">

<section class="py-12 py-md-20 bg-light-light">
  <div class="container">
    <div class="row">
      <div class="col-12 col-lg-6 mb-16 mb-lg-0">
        <div class="mw-xl mx-auto mx-lg-0">
          <div class="mw-lg mb-10">
            <h1 class="mb-8" >Let&grave;s talk</h1>
            <p class="fs-6 text-secondary-light mb-0" >
              Whereby Embedded is the easiest way to embed video calls directly into
              your app, website, or anywhere else you need
              beautiful, custom video chat &ndash; that just works.
            </p>
          </div>
          <div class="row mb-20">
            <div class="col-12 col-sm-6 mb-6 mb-sm-0">
              <div class="py-6 text-center border border-light-dark rounded-5"><span class="d-block mb-2 fs-9 text-light-dark" >Call us</span><span class="fw-semibold" >+48 291 821 114</span></div>
            </div>
            <div class="col-12 col-sm-6">
              <div class="py-6 text-center border border-light-dark rounded-5"><span class="d-block mb-2 fs-9 text-light-dark" >Email us</span><span class="fw-semibold" >contact@example.com</span></div>
            </div>
          </div>
          <div class="mb-16"><span class="d-block mb-5 fs-7 fw-semibold" >Socials</span>
            <div class="d-flex flex-wrap align-items-center"><a class="d-inline-flex me-8 align-items-center" href="#">
                <svg width="17" height="13" viewbox="0 0 17 13" fill="none" xmlns="http://www.w3.org/2000/svg">