Contact Components in 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">
            <span class="block mb-5 font-medium text-lg">Socials</span>
            <div class="flex flex-wrap items-center">
              <a class="inline-flex mr-8 items-center hover:underline font-medium" href="#">
                <svg width="17" height="13" viewBox="0 0 17 13" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M16.0828 1.7882C15.5128 2.0352 14.9238 2.2062 14.2968 2.2822C14.9428 1.9022 15.4368 1.2942 15.6648 0.553195C15.0568 0.914195 14.3918 1.1612 13.6888 1.3132C13.1188 0.705195 12.3018 0.325195 11.4088 0.325195C9.67981 0.325195 8.29281 1.7312 8.29281 3.4412C8.29281 3.6882 8.31181 3.91619 8.36881 4.1442C5.78481 4.03019 3.50481 2.7762 1.96581 0.895195C0.863813 2.8712 2.09881 4.5052 2.91581 5.0562C2.42181 5.0562 1.92781 4.9042 1.50981 4.6762C1.50981 6.2152 2.59281 7.4882 3.99881 7.7732C3.69481 7.8682 3.01081 7.9252 2.59281 7.8302C2.99181 9.0652 4.15081 9.9772 5.49981 9.9962C4.43581 10.8322 2.87781 11.4972 0.882812 11.2882C2.26981 12.1812 3.90381 12.6942 5.67081 12.6942C11.4088 12.6942 14.5248 7.9442 14.5248 3.8402C14.5248 3.7072 14.5248 3.5742 14.5058 3.4412C15.1518 2.9662 15.6838 2.4152 16.0828 1.7882Z" fill="black"></path>
                </svg>
                <span class="ml-3">Twitter</span>
              </a>
              <a class="inline-flex mr-8 items-center hover:underline font-medium" href="#">
                <svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.0038 4.8916C7.7351 4.8916 5.89844 6.73027 5.89844 8.99694C5.89844 11.2656 7.7371 13.1023 10.0038 13.1023C12.2724 13.1023 14.1091 11.2636 14.1091 8.99694C14.1091 6.72827 12.2704 4.8916 10.0038 4.8916ZM10.0038 11.6616C8.5311 11.6616 7.3391 10.4689 7.3391 8.99694C7.3391 7.52494 8.53177 6.33227 10.0038 6.33227C11.4758 6.33227 12.6684 7.52494 12.6684 8.99694C12.6691 10.4689 11.4764 11.6616 10.0038 11.6616Z" fill="black"></path>
                  <path d="M13.2988 1.05026C11.8268 0.981591 8.18082 0.984924 6.70749 1.05026C5.41282 1.11092 4.27082 1.42359 3.35015 2.34426C1.81148 3.88292 2.00815 5.95626 2.00815 8.99692C2.00815 12.1089 1.83482 14.1343 3.35015 15.6496C4.89482 17.1936 6.99815 16.9916 10.0028 16.9916C13.0855 16.9916 14.1495 16.9936 15.2395 16.5716C16.7215 15.9963 17.8402 14.6716 17.9495 12.2923C18.0188 10.8196 18.0148 7.17426 17.9495 5.70092C17.8175 2.89226 16.3102 1.18892 13.2988 1.05026ZM15.6288 14.6316C14.6202 15.6403 13.2208 15.5503 9.98349 15.5503C6.65015 15.5503 5.31348 15.5996 4.33815 14.6216C3.21482 13.5036 3.41815 11.7083 3.41815 8.98626C3.41815 5.30292 3.04015 2.65026 6.73682 2.46092C7.58615 2.43092 7.83615 2.42092 9.97415 2.42092L10.0042 2.44092C13.5568 2.44092 16.3442 2.06892 16.5115 5.76492C16.5495 6.60826 16.5582 6.86159 16.5582 8.99626C16.5575 12.2909 16.6202 13.6356 15.6288 14.6316Z" fill="black"></path>
                  <path d="M14.2718 5.6882C14.8017 5.6882 15.2312 5.25869 15.2312 4.72886C15.2312 4.19904 14.8017 3.76953 14.2718 3.76953C13.742 3.76953 13.3125 4.19904 13.3125 4.72886C13.3125 5.25869 13.742 5.6882 14.2718 5.6882Z" fill="black"></path>
                </svg>
                <span class="ml-3">Instagram</span>
              </a>
              <a class="inline-flex items-center hover:underline font-medium" href="#">
                <svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M16.0984 16.0993V11.3016C16.0984 8.94368 15.5908 7.14249 12.8399 7.14249C11.5136 7.14249 10.6293 7.86297 10.2691 8.55069H10.2364V7.35536H7.63281V16.0993H10.351V11.7601C10.351 10.6139 10.5639 9.51679 11.9721 9.51679C13.3639 9.51679 13.3803 10.8104 13.3803 11.8256V16.083H16.0984V16.0993Z" fill="black"></path>
                  <path d="M3.21094 7.35538H5.92911V16.0994H3.21094V7.35538Z" fill="black"></path>
                  <path d="M4.57195 2.99991C3.7041 2.99991 3 3.70401 3 4.57186C3 5.43971 3.7041 6.16019 4.57195 6.16019C5.4398 6.16019 6.14391 5.43971 6.14391 4.57186C6.14391 3.70401 5.4398 2.99991 4.57195 2.99991Z" fill="black"></path>
                </svg>
                <span class="ml-3">Linkedin</span>
              </a>
            </div>
          </div>
          <div>
            <span class="block mb-5 text-lg">Trusted by:</span>
            <div class="flex flex-wrap items-center">
              <img class="block mb-8 mr-16" src="asitrastudio-assets/contacts/pinterest.svg" alt="">
              <img class="block mb-8 mr-16" src="asitrastudio-assets/contacts/brex.svg" alt="">
              <img class="block mb-8 mr-16" src="asitrastudio-assets/contacts/instacart.svg" alt="">
              <img class="block mb-8 mr-16" src="asitrastudio-assets/contacts/general-motors.svg" alt="">
              <img class="block mb-8 mr-16" src="asitrastudio-assets/contacts/openai.svg" alt="">
              <img class="block mb-8 mr-16" src="asitrastudio-assets/contacts/faire.svg" alt="">
              <img class="block mb-8" src="asitrastudio-assets/contacts/paypal.svg" alt="">
            </div>
          </div>
        </div>
      </div>
      <div class="w-full lg:w-1/2 px-4">
        <div class="py-12 px-8 md:px-10 bg-white rounded-4xl max-w-xl mx-auto lg:mr-0">
          <h3 class="text-3xl tracking-tight mb-8">Contact Us</h3>
          <form action="">
            <input class="block w-full py-4 px-8 h-16 mb-6 text-coolGray-500 bg-white border border-coolGray-400 rounded-full" type="text" placeholder="First Name*">
            <input class="block w-full py-4 px-8 h-16 mb-6 text-coolGray-500 bg-white border border-coolGray-400 rounded-full" type="text" placeholder="Last Name*">
            <input class="block w-full py-4 px-8 h-16 mb-6 text-coolGray-500 bg-white border border-coolGray-400 rounded-full" type="email" placeholder="E-mail">
            <input class="block w-full py-4 px-8 h-16 mb-6 text-coolGray-500 bg-white border border-coolGray-400 rounded-full" type="text" placeholder="Phone number">
            <div class="relative">
              <span class="absolute top-1/2 right-0 mr-10 transform -translate-y-1/2">
                <svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M1.33203 1.66439L5.9987 6.33105L10.6654 1.66439" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
              </span>
              <select class="relative block w-full py-4 px-8 h-16 mb-6 text-coolGray-500 bg-transparent border border-coolGray-400 rounded-full appearance-none outline-none">
                <option selected="">What can we help you with?</option>
                <option>Marketing</option>
                <option>Selling</option>
              </select>
            </div>
            <textarea class="w-full h-52 py-5 px-8 text-coolGray-500 bg-white border border-coolGray-400 rounded-3xl resize-none mb-8" placeholder="Message" rows="3"></textarea>
            <button class="block w-full py-5 px-8 text-center font-medium text-white leading-none bg-black hover:bg-blue-500 rounded-full transition duration-150" type="submit">Send message</button>
          </form>
        </div>
      </div>
    </div>
  </div>
</section>

<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">
            <span class="mb-5 is-block is-size-6 has-text-weight-medium has-text-dark">Socials</span>
            <div class="is-flex is-flex-wrap-wrap is-align-items-center -mb-4">
              <a class="mb-4 mr-8 is-inline-flex is-align-items-center" href="#">
                <svg width="17" height="13" viewbox="0 0 17 13" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M16.0828 1.7882C15.5128 2.0352 14.9238 2.2062 14.2968 2.2822C14.9428 1.9022 15.4368 1.2942 15.6648 0.553195C15.0568 0.914195 14.3918 1.1612 13.6888 1.3132C13.1188 0.705195 12.3018 0.325195 11.4088 0.325195C9.67981 0.325195 8.29281 1.7312 8.29281 3.4412C8.29281 3.6882 8.31181 3.91619 8.36881 4.1442C5.78481 4.03019 3.50481 2.7762 1.96581 0.895195C0.863813 2.8712 2.09881 4.5052 2.91581 5.0562C2.42181 5.0562 1.92781 4.9042 1.50981 4.6762C1.50981 6.2152 2.59281 7.4882 3.99881 7.7732C3.69481 7.8682 3.01081 7.9252 2.59281 7.8302C2.99181 9.0652 4.15081 9.9772 5.49981 9.9962C4.43581 10.8322 2.87781 11.4972 0.882812 11.2882C2.26981 12.1812 3.90381 12.6942 5.67081 12.6942C11.4088 12.6942 14.5248 7.9442 14.5248 3.8402C14.5248 3.7072 14.5248 3.5742 14.5058 3.4412C15.1518 2.9662 15.6838 2.4152 16.0828 1.7882Z" fill="black"></path>
                </svg>
                <span class="ml-3 has-text-weight-medium">Twitter</span>
              </a>
              <a class="mb-4 mr-8 is-inline-flex is-align-items-center" href="#">
                <svg width="19" height="19" viewbox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.0038 4.8916C7.7351 4.8916 5.89844 6.73027 5.89844 8.99694C5.89844 11.2656 7.7371 13.1023 10.0038 13.1023C12.2724 13.1023 14.1091 11.2636 14.1091 8.99694C14.1091 6.72827 12.2704 4.8916 10.0038 4.8916ZM10.0038 11.6616C8.5311 11.6616 7.3391 10.4689 7.3391 8.99694C7.3391 7.52494 8.53177 6.33227 10.0038 6.33227C11.4758 6.33227 12.6684 7.52494 12.6684 8.99694C12.6691 10.4689 11.4764 11.6616 10.0038 11.6616Z" fill="black"></path>
                  <path d="M13.2988 1.05026C11.8268 0.981591 8.18082 0.984924 6.70749 1.05026C5.41282 1.11092 4.27082 1.42359 3.35015 2.34426C1.81148 3.88292 2.00815 5.95626 2.00815 8.99692C2.00815 12.1089 1.83482 14.1343 3.35015 15.6496C4.89482 17.1936 6.99815 16.9916 10.0028 16.9916C13.0855 16.9916 14.1495 16.9936 15.2395 16.5716C16.7215 15.9963 17.8402 14.6716 17.9495 12.2923C18.0188 10.8196 18.0148 7.17426 17.9495 5.70092C17.8175 2.89226 16.3102 1.18892 13.2988 1.05026ZM15.6288 14.6316C14.6202 15.6403 13.2208 15.5503 9.98349 15.5503C6.65015 15.5503 5.31348 15.5996 4.33815 14.6216C3.21482 13.5036 3.41815 11.7083 3.41815 8.98626C3.41815 5.30292 3.04015 2.65026 6.73682 2.46092C7.58615 2.43092 7.83615 2.42092 9.97415 2.42092L10.0042 2.44092C13.5568 2.44092 16.3442 2.06892 16.5115 5.76492C16.5495 6.60826 16.5582 6.86159 16.5582 8.99626C16.5575 12.2909 16.6202 13.6356 15.6288 14.6316Z" fill="black"></path>
                  <path d="M14.2718 5.6882C14.8017 5.6882 15.2312 5.25869 15.2312 4.72886C15.2312 4.19904 14.8017 3.76953 14.2718 3.76953C13.742 3.76953 13.3125 4.19904 13.3125 4.72886C13.3125 5.25869 13.742 5.6882 14.2718 5.6882Z" fill="black"></path>
                </svg>
                <span class="ml-3 has-text-weight-medium">Instagram</span>
              </a>
              <a class="mb-4 is-inline-flex is-align-items-center" href="#">
                <svg width="19" height="19" viewbox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M16.0984 16.0993V11.3016C16.0984 8.94368 15.5908 7.14249 12.8399 7.14249C11.5136 7.14249 10.6293 7.86297 10.2691 8.55069H10.2364V7.35536H7.63281V16.0993H10.351V11.7601C10.351 10.6139 10.5639 9.51679 11.9721 9.51679C13.3639 9.51679 13.3803 10.8104 13.3803 11.8256V16.083H16.0984V16.0993Z" fill="black"></path>
                  <path d="M3.21094 7.35538H5.92911V16.0994H3.21094V7.35538Z" fill="black"></path>
                  <path d="M4.57195 2.99991C3.7041 2.99991 3 3.70401 3 4.57186C3 5.43971 3.7041 6.16019 4.57195 6.16019C5.4398 6.16019 6.14391 5.43971 6.14391 4.57186C6.14391 3.70401 5.4398 2.99991 4.57195 2.99991Z" fill="black"></path>
                </svg>
                <span class="ml-3 has-text-weight-medium">Linkedin</span>
              </a>
            </div>
          </div>
          <div>
            <span class="mb-5 is-block is-size-6 has-text-weight-medium has-text-dark">Trusted by:</span>
            <div class="columns is-multiline -mx-8 is-mobile">
              <div class="column is-6-mobile is-4-tablet is-3-desktop px-8">
                <img class="image" src="asitrastudio-assets/contacts/pinterest.svg" alt="">
              </div>
              <div class="column is-6-mobile is-4-tablet is-3-desktop px-8">
                <img class="image" src="asitrastudio-assets/contacts/brex.svg" alt="">
              </div>
              <div class="column is-6-mobile is-4-tablet is-3-desktop px-8">
                <img class="image" src="asitrastudio-assets/contacts/instacart.svg" alt="">
              </div>
              <div class="column is-6-mobile is-4-tablet is-3-desktop px-8">
                <img class="image" src="asitrastudio-assets/contacts/general-motors.svg" alt="">
              </div>
              <div class="column is-6-mobile is-4-tablet is-3-desktop px-8">
                <img class="image" src="asitrastudio-assets/contacts/openai.svg" alt="">
              </div>
              <div class="column is-6-mobile is-4-tablet is-3-desktop px-8">
                <img class="image" src="asitrastudio-assets/contacts/faire.svg" alt="">
              </div>
              <div class="column is-6-mobile is-4-tablet is-3-desktop px-8">
                <img class="image" src="asitrastudio-assets/contacts/paypal.svg" alt="">
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="column is-12 is-6-desktop">
        <div class="has-mw-xl mx-auto mr-0-desktop px-8 px-10-tablet py-10 has-background-white" style="border-radius: 40px;">
          <h3 class="mb-8 is-size-4 has-text-dark" style="letter-spacing: -0.02em;">Contact Us</h3>
          <form action="">
            <div class="field mb-6">
              <div class="control">
                <input class="input px-8 has-background-white has-text-dark" type="text" placeholder="First Name*">
              </div>
            </div>
            <div class="field mb-6">
              <div class="control">
                <input class="input px-8 has-background-white has-text-dark" type="text" placeholder="Last Name*">
              </div>
            </div>
            <div class="field mb-6">
              <div class="control">
                <input class="input px-8 has-background-white has-text-dark" type="email" placeholder="E-mail">
              </div>
            </div>
            <div class="field mb-6">
              <div class="control">
                <input class="input has-background-white has-text-dark" type="text" placeholder="Phone number">
              </div>
            </div>
            <div class="field mb-6">
              <div class="select is-fullwidth">
                <select class="has-background-white has-text-dark">
                  <option selected="">What can we help you with?</option>
                  <option>Marketing</option>
                  <option>Selling</option>
                </select>
              </div>
            </div>
            <div class="field mb-6"><textarea class="textarea has-background-white has-text-dark" placeholder="Message" style="resize: none; height: 250px; border-radius: 40px;" rows="3"></textarea></div>
            <button class="button is-black is-fullwidth is-rounded" type="submit">Send message</button>
          </form>
        </div>
      </div>
    </div>
  </div>
</section>

<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">
                  <path d="M16.0828 1.7882C15.5128 2.0352 14.9238 2.2062 14.2968 2.2822C14.9428 1.9022 15.4368 1.2942 15.6648 0.553195C15.0568 0.914195 14.3918 1.1612 13.6888 1.3132C13.1188 0.705195 12.3018 0.325195 11.4088 0.325195C9.67981 0.325195 8.29281 1.7312 8.29281 3.4412C8.29281 3.6882 8.31181 3.91619 8.36881 4.1442C5.78481 4.03019 3.50481 2.7762 1.96581 0.895195C0.863813 2.8712 2.09881 4.5052 2.91581 5.0562C2.42181 5.0562 1.92781 4.9042 1.50981 4.6762C1.50981 6.2152 2.59281 7.4882 3.99881 7.7732C3.69481 7.8682 3.01081 7.9252 2.59281 7.8302C2.99181 9.0652 4.15081 9.9772 5.49981 9.9962C4.43581 10.8322 2.87781 11.4972 0.882812 11.2882C2.26981 12.1812 3.90381 12.6942 5.67081 12.6942C11.4088 12.6942 14.5248 7.9442 14.5248 3.8402C14.5248 3.7072 14.5248 3.5742 14.5058 3.4412C15.1518 2.9662 15.6838 2.4152 16.0828 1.7882Z" fill="black"></path>
                </svg><span class="ms-3 fw-medium" >Twitter</span></a><a class="d-inline-flex me-8 align-items-center" href="#">
                <svg width="19" height="19" viewbox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M10.0038 4.8916C7.7351 4.8916 5.89844 6.73027 5.89844 8.99694C5.89844 11.2656 7.7371 13.1023 10.0038 13.1023C12.2724 13.1023 14.1091 11.2636 14.1091 8.99694C14.1091 6.72827 12.2704 4.8916 10.0038 4.8916ZM10.0038 11.6616C8.5311 11.6616 7.3391 10.4689 7.3391 8.99694C7.3391 7.52494 8.53177 6.33227 10.0038 6.33227C11.4758 6.33227 12.6684 7.52494 12.6684 8.99694C12.6691 10.4689 11.4764 11.6616 10.0038 11.6616Z" fill="black"></path>
                  <path d="M13.2988 1.05026C11.8268 0.981591 8.18082 0.984924 6.70749 1.05026C5.41282 1.11092 4.27082 1.42359 3.35015 2.34426C1.81148 3.88292 2.00815 5.95626 2.00815 8.99692C2.00815 12.1089 1.83482 14.1343 3.35015 15.6496C4.89482 17.1936 6.99815 16.9916 10.0028 16.9916C13.0855 16.9916 14.1495 16.9936 15.2395 16.5716C16.7215 15.9963 17.8402 14.6716 17.9495 12.2923C18.0188 10.8196 18.0148 7.17426 17.9495 5.70092C17.8175 2.89226 16.3102 1.18892 13.2988 1.05026ZM15.6288 14.6316C14.6202 15.6403 13.2208 15.5503 9.98349 15.5503C6.65015 15.5503 5.31348 15.5996 4.33815 14.6216C3.21482 13.5036 3.41815 11.7083 3.41815 8.98626C3.41815 5.30292 3.04015 2.65026 6.73682 2.46092C7.58615 2.43092 7.83615 2.42092 9.97415 2.42092L10.0042 2.44092C13.5568 2.44092 16.3442 2.06892 16.5115 5.76492C16.5495 6.60826 16.5582 6.86159 16.5582 8.99626C16.5575 12.2909 16.6202 13.6356 15.6288 14.6316Z" fill="black"></path>
                  <path d="M14.2718 5.6882C14.8017 5.6882 15.2312 5.25869 15.2312 4.72886C15.2312 4.19904 14.8017 3.76953 14.2718 3.76953C13.742 3.76953 13.3125 4.19904 13.3125 4.72886C13.3125 5.25869 13.742 5.6882 14.2718 5.6882Z" fill="black"></path>
                </svg><span class="ms-3 fw-medium" >Instagram</span></a><a class="d-inline-flex align-items-center" href="#">
                <svg width="19" height="19" viewbox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M16.0984 16.0993V11.3016C16.0984 8.94368 15.5908 7.14249 12.8399 7.14249C11.5136 7.14249 10.6293 7.86297 10.2691 8.55069H10.2364V7.35536H7.63281V16.0993H10.351V11.7601C10.351 10.6139 10.5639 9.51679 11.9721 9.51679C13.3639 9.51679 13.3803 10.8104 13.3803 11.8256V16.083H16.0984V16.0993Z" fill="black"></path>
                  <path d="M3.21094 7.35538H5.92911V16.0994H3.21094V7.35538Z" fill="black"></path>
                  <path d="M4.57195 2.99991C3.7041 2.99991 3 3.70401 3 4.57186C3 5.43971 3.7041 6.16019 4.57195 6.16019C5.4398 6.16019 6.14391 5.43971 6.14391 4.57186C6.14391 3.70401 5.4398 2.99991 4.57195 2.99991Z" fill="black"></path>
                </svg><span class="ms-3 fw-medium" >Linkedin</span></a></div>
          </div>
          <div><span class="d-block mb-5 fs-7 fw-semibold" >Trusted by:</span>
            <div class="d-flex flex-wrap align-items-center"><img class="img-fluid mb-8 me-16" src="asitrastudio-assets/contacts/pinterest.svg" alt=""/><img class="img-fluid mb-8 me-16" src="asitrastudio-assets/contacts/brex.svg" alt=""/><img class="img-fluid mb-8 me-16" src="asitrastudio-assets/contacts/instacart.svg" alt=""/><img class="img-fluid mb-8 me-16" src="asitrastudio-assets/contacts/general-motors.svg" alt=""/><img class="img-fluid mb-8 me-16" src="asitrastudio-assets/contacts/openai.svg" alt=""/><img class="img-fluid mb-8 me-16" src="asitrastudio-assets/contacts/faire.svg" alt=""/><img class="img-fluid mb-8" src="asitrastudio-assets/contacts/paypal.svg" alt=""/></div>
          </div>
        </div>
      </div>
      <div class="col-12 col-lg-6">
        <div class="py-12 px-8 px-md-10 bg-white rounded-5 mw-xl mx-auto me-lg-0">
          <h3 class="fs-4 mb-8" >Contact Us</h3>
          <form action="">
            <input class="form-control mb-6 bg-white" type="text" placeholder="First Name*"/>
            <input class="form-control mb-6 bg-white" type="text" placeholder="Last Name*"/>
            <input class="form-control mb-6 bg-white" type="email" placeholder="E-mail"/>
            <input class="form-control mb-6 bg-white" type="text" placeholder="Phone number"/>
            <select class="form-select mb-6">
              <option selected="">What can we help you with?</option>
              <option>Marketing</option>
              <option>Selling</option>
            </select>
            <textarea class="form-control mb-8 rounded-4" placeholder="Message" style="resize: none; height: 250px;" rows="3"></textarea>
            <button class="btn btn-lg w-100 btn-dark" type="submit" >Send message</button>
          </form>
        </div>
      </div>
    </div>
  </div>
</section>