Application Components in Wrexa library

<section class="pt-24 md:pt-40 bg-orange-900 overflow-hidden">
  <div class="container px-4 mx-auto">
    <div class="flex items-center mb-24">
      <span class="font-heading text-xl">06</span>
      <div class="mx-4 rounded-full bg-gray-200 h-1 w-1"></div>
      <span class="font-heading text-xl">Download App</span>
    </div>
    <div class="flex flex-wrap -mx-4">
      <div class="w-full lg:w-1/2 px-4 pb-24 lg:pb-52">
        <div class="max-w-md lg:max-w-none mx-auto">
          <h1 class="font-heading text-4xl sm:text-6xl lg:text-7xl mb-20">Online Configurator</h1>
          <div class="flex flex-wrap -mx-4 mb-16">
            <div class="w-full lg:w-1/2 px-4 mb-12 lg:mb-0">
              <div class="flex max-w-xs">
                <div class="mr-6 text-indigo-500">
                  <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M19.9999 3.33301C19.5579 3.33301 19.134 3.5086 18.8214 3.82116C18.5088 4.13372 18.3333 4.55765 18.3333 4.99967V8.33301C18.3333 8.77504 18.5088 9.19896 18.8214 9.51152C19.134 9.82408 19.5579 9.99967 19.9999 9.99967C20.4419 9.99967 20.8659 9.82408 21.1784 9.51152C21.491 9.19896 21.6666 8.77504 21.6666 8.33301V4.99967C21.6666 4.55765 21.491 4.13372 21.1784 3.82116C20.8659 3.5086 20.4419 3.33301 19.9999 3.33301ZM34.9999 18.333H31.6666C31.2246 18.333 30.8006 18.5086 30.4881 18.8212C30.1755 19.1337 29.9999 19.5576 29.9999 19.9997C29.9999 20.4417 30.1755 20.8656 30.4881 21.1782C30.8006 21.4907 31.2246 21.6663 31.6666 21.6663H34.9999C35.4419 21.6663 35.8659 21.4907 36.1784 21.1782C36.491 20.8656 36.6666 20.4417 36.6666 19.9997C36.6666 19.5576 36.491 19.1337 36.1784 18.8212C35.8659 18.5086 35.4419 18.333 34.9999 18.333ZM9.99992 19.9997C9.99992 19.5576 9.82432 19.1337 9.51176 18.8212C9.1992 18.5086 8.77528 18.333 8.33325 18.333H4.99992C4.55789 18.333 4.13397 18.5086 3.82141 18.8212C3.50885 19.1337 3.33325 19.5576 3.33325 19.9997C3.33325 20.4417 3.50885 20.8656 3.82141 21.1782C4.13397 21.4907 4.55789 21.6663 4.99992 21.6663H8.33325C8.77528 21.6663 9.1992 21.4907 9.51176 21.1782C9.82432 20.8656 9.99992 20.4417 9.99992 19.9997ZM10.3666 8.33301C10.0417 8.0258 9.60807 7.86023 9.16111 7.87274C8.71415 7.88524 8.29046 8.07478 7.98325 8.39967C7.67604 8.72457 7.51048 9.15819 7.52298 9.60515C7.53548 10.0521 7.72503 10.4758 8.04992 10.783L10.4499 13.0997C10.611 13.2552 10.8017 13.3767 11.0108 13.4568C11.2198 13.537 11.4428 13.5743 11.6666 13.5663C11.8911 13.5655 12.1131 13.5193 12.3193 13.4305C12.5255 13.3417 12.7117 13.2122 12.8666 13.0497C13.177 12.7374 13.3512 12.315 13.3512 11.8747C13.3512 11.4344 13.177 11.0119 12.8666 10.6997L10.3666 8.33301ZM28.3333 13.5663C28.7624 13.5646 29.1743 13.3975 29.4833 13.0997L31.8833 10.783C32.176 10.4771 32.3414 10.0712 32.3458 9.64779C32.3501 9.22437 32.1931 8.81517 31.9067 8.50329C31.6203 8.19141 31.2259 8.00025 30.8037 7.96862C30.3814 7.93699 29.9629 8.06728 29.6333 8.33301L27.2333 10.6997C26.9228 11.0119 26.7486 11.4344 26.7486 11.8747C26.7486 12.315 26.9228 12.7374 27.2333 13.0497C27.5218 13.3542 27.9146 13.5387 28.3333 13.5663ZM19.9999 29.9997C19.5579 29.9997 19.134 30.1753 18.8214 30.4878C18.5088 30.8004 18.3333 31.2243 18.3333 31.6663V34.9997C18.3333 35.4417 18.5088 35.8656 18.8214 36.1782C19.134 36.4907 19.5579 36.6663 19.9999 36.6663C20.4419 36.6663 20.8659 36.4907 21.1784 36.1782C21.491 35.8656 21.6666 35.4417 21.6666 34.9997V31.6663C21.6666 31.2243 21.491 30.8004 21.1784 30.4878C20.8659 30.1753 20.4419 29.9997 19.9999 29.9997ZM29.5499 26.8997C29.2317 26.5925 28.8044 26.4243 28.3621 26.4321C27.9199 26.4399 27.4988 26.6231 27.1916 26.9413C26.8844 27.2596 26.7162 27.6869 26.724 28.1291C26.7318 28.5714 26.915 28.9925 27.2333 29.2997L29.6333 31.6663C29.9422 31.9641 30.3541 32.1313 30.7833 32.133C31.0066 32.1343 31.2279 32.0907 31.434 32.0048C31.6402 31.9189 31.8269 31.7925 31.9833 31.633C32.1395 31.4781 32.2635 31.2937 32.3481 31.0906C32.4327 30.8875 32.4762 30.6697 32.4762 30.4497C32.4762 30.2297 32.4327 30.0118 32.3481 29.8087C32.2635 29.6056 32.1395 29.4213 31.9833 29.2663L29.5499 26.8997ZM10.4499 26.8997L8.04992 29.2163C7.8937 29.3713 7.76971 29.5556 7.6851 29.7587C7.60049 29.9618 7.55692 30.1797 7.55692 30.3997C7.55692 30.6197 7.60049 30.8375 7.6851 31.0406C7.76971 31.2437 7.8937 31.4281 8.04992 31.583C8.20624 31.7425 8.39302 31.8689 8.59916 31.9548C8.8053 32.0407 9.0266 32.0843 9.24992 32.083C9.66078 32.0865 10.0584 31.9381 10.3666 31.6663L12.7666 29.3497C13.0848 29.0425 13.268 28.6214 13.2758 28.1791C13.2837 27.7369 13.1155 27.3096 12.8083 26.9913C12.501 26.6731 12.08 26.4899 11.6377 26.4821C11.1954 26.4743 10.7682 26.6425 10.4499 26.9497V26.8997Z" fill="currentColor"></path>
                  </svg>
                </div>
                <div>
                  <h4 class="text-xl sm:text-2xl mb-6">Flexibility</h4>
                  <p class="font-light">The house by the pond cras ornare, some chords for a three moments, like a sense of truth that.</p>
                </div>
              </div>
            </div>
            <div class="w-full lg:w-1/2 px-4">
              <div class="flex max-w-xs">
                <div class="mr-6 text-indigo-500">
                  <svg width="40" height="34" viewBox="0 0 22 34" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="14" y="0.75" width="3.5" height="7" rx="1.75" transform="rotate(90 14 0.75)" fill="currentColor"></rect><rect x="18" y="8" width="3" height="15" rx="1.5" transform="rotate(90 18 8)" fill="currentColor"></rect><rect x="22" y="15.25" width="3" height="15" rx="1.5" transform="rotate(90 22 15.25)" fill="currentColor"></rect><rect x="15" y="22.5" width="3" height="15" rx="1.5" transform="rotate(90 15 22.5)" fill="currentColor"></rect><rect x="16" y="30" width="3.5" height="9" rx="1.75" transform="rotate(90 16 30)" fill="currentColor"></rect></svg>
                </div>
                <div>
                  <h4 class="text-xl sm:text-2xl mb-6">Organize</h4>
                  <p class="font-light">Really, like a sense of truth that comes from within. The final game.</p>
                </div>
              </div>
            </div>
          </div>
          <a class="inline-block w-full sm:w-auto px-7 py-4 text-center font-medium bg-indigo-500 hover:bg-indigo-600 text-white rounded transition duration-250" href="#">Download Application</a>
        </div>
      </div>
      <div class="w-full lg:w-1/2 px-4 flex items-end">
        <img class="block max-w-sm xl:max-w-lg mx-auto lg:mr-0" src="wrexa-assets/images/application-right.png" alt="">
      </div>
    </div>
  </div>
</section>

<section class="position-relative pt-24 pt-md-32 bg-warning overflow-hidden">
  <div class="container">
    <div class="d-flex align-items-center mb-24"><span class="display-6 h5 mb-0" >06</span>
      <div class="mx-4 bg-warning-dark rounded-circle" style="width: 4px; height: 4px;"></div><span class="display-6 h5 mb-0" >Download App</span>
    </div>
    <div class="row">
      <div class="col-12 col-lg-6 mb-24 pb-xl-52">
        <h1 class="display-3 mb-20" >Online Configurator</h1>
        <div class="row mb-20">
          <div class="col-12 col-sm-6 mb-12 mb-sm-0">
            <div class="d-sm-flex mw-xs">
              <div class="mb-4 mb-sm-0 me-sm-4 me-md-8 text-primary">
                <svg width="40" height="40" viewbox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M19.9999 3.33301C19.5579 3.33301 19.134 3.5086 18.8214 3.82116C18.5088 4.13372 18.3333 4.55765 18.3333 4.99967V8.33301C18.3333 8.77504 18.5088 9.19896 18.8214 9.51152C19.134 9.82408 19.5579 9.99967 19.9999 9.99967C20.4419 9.99967 20.8659 9.82408 21.1784 9.51152C21.491 9.19896 21.6666 8.77504 21.6666 8.33301V4.99967C21.6666 4.55765 21.491 4.13372 21.1784 3.82116C20.8659 3.5086 20.4419 3.33301 19.9999 3.33301ZM34.9999 18.333H31.6666C31.2246 18.333 30.8006 18.5086 30.4881 18.8212C30.1755 19.1337 29.9999 19.5576 29.9999 19.9997C29.9999 20.4417 30.1755 20.8656 30.4881 21.1782C30.8006 21.4907 31.2246 21.6663 31.6666 21.6663H34.9999C35.4419 21.6663 35.8659 21.4907 36.1784 21.1782C36.491 20.8656 36.6666 20.4417 36.6666 19.9997C36.6666 19.5576 36.491 19.1337 36.1784 18.8212C35.8659 18.5086 35.4419 18.333 34.9999 18.333ZM9.99992 19.9997C9.99992 19.5576 9.82432 19.1337 9.51176 18.8212C9.1992 18.5086 8.77528 18.333 8.33325 18.333H4.99992C4.55789 18.333 4.13397 18.5086 3.82141 18.8212C3.50885 19.1337 3.33325 19.5576 3.33325 19.9997C3.33325 20.4417 3.50885 20.8656 3.82141 21.1782C4.13397 21.4907 4.55789 21.6663 4.99992 21.6663H8.33325C8.77528 21.6663 9.1992 21.4907 9.51176 21.1782C9.82432 20.8656 9.99992 20.4417 9.99992 19.9997ZM10.3666 8.33301C10.0417 8.0258 9.60807 7.86023 9.16111 7.87274C8.71415 7.88524 8.29046 8.07478 7.98325 8.39967C7.67604 8.72457 7.51048 9.15819 7.52298 9.60515C7.53548 10.0521 7.72503 10.4758 8.04992 10.783L10.4499 13.0997C10.611 13.2552 10.8017 13.3767 11.0108 13.4568C11.2198 13.537 11.4428 13.5743 11.6666 13.5663C11.8911 13.5655 12.1131 13.5193 12.3193 13.4305C12.5255 13.3417 12.7117 13.2122 12.8666 13.0497C13.177 12.7374 13.3512 12.315 13.3512 11.8747C13.3512 11.4344 13.177 11.0119 12.8666 10.6997L10.3666 8.33301ZM28.3333 13.5663C28.7624 13.5646 29.1743 13.3975 29.4833 13.0997L31.8833 10.783C32.176 10.4771 32.3414 10.0712 32.3458 9.64779C32.3501 9.22437 32.1931 8.81517 31.9067 8.50329C31.6203 8.19141 31.2259 8.00025 30.8037 7.96862C30.3814 7.93699 29.9629 8.06728 29.6333 8.33301L27.2333 10.6997C26.9228 11.0119 26.7486 11.4344 26.7486 11.8747C26.7486 12.315 26.9228 12.7374 27.2333 13.0497C27.5218 13.3542 27.9146 13.5387 28.3333 13.5663ZM19.9999 29.9997C19.5579 29.9997 19.134 30.1753 18.8214 30.4878C18.5088 30.8004 18.3333 31.2243 18.3333 31.6663V34.9997C18.3333 35.4417 18.5088 35.8656 18.8214 36.1782C19.134 36.4907 19.5579 36.6663 19.9999 36.6663C20.4419 36.6663 20.8659 36.4907 21.1784 36.1782C21.491 35.8656 21.6666 35.4417 21.6666 34.9997V31.6663C21.6666 31.2243 21.491 30.8004 21.1784 30.4878C20.8659 30.1753 20.4419 29.9997 19.9999 29.9997ZM29.5499 26.8997C29.2317 26.5925 28.8044 26.4243 28.3621 26.4321C27.9199 26.4399 27.4988 26.6231 27.1916 26.9413C26.8844 27.2596 26.7162 27.6869 26.724 28.1291C26.7318 28.5714 26.915 28.9925 27.2333 29.2997L29.6333 31.6663C29.9422 31.9641 30.3541 32.1313 30.7833 32.133C31.0066 32.1343 31.2279 32.0907 31.434 32.0048C31.6402 31.9189 31.8269 31.7925 31.9833 31.633C32.1395 31.4781 32.2635 31.2937 32.3481 31.0906C32.4327 30.8875 32.4762 30.6697 32.4762 30.4497C32.4762 30.2297 32.4327 30.0118 32.3481 29.8087C32.2635 29.6056 32.1395 29.4213 31.9833 29.2663L29.5499 26.8997ZM10.4499 26.8997L8.04992 29.2163C7.8937 29.3713 7.76971 29.5556 7.6851 29.7587C7.60049 29.9618 7.55692 30.1797 7.55692 30.3997C7.55692 30.6197 7.60049 30.8375 7.6851 31.0406C7.76971 31.2437 7.8937 31.4281 8.04992 31.583C8.20624 31.7425 8.39302 31.8689 8.59916 31.9548C8.8053 32.0407 9.0266 32.0843 9.24992 32.083C9.66078 32.0865 10.0584 31.9381 10.3666 31.6663L12.7666 29.3497C13.0848 29.0425 13.268 28.6214 13.2758 28.1791C13.2837 27.7369 13.1155 27.3096 12.8083 26.9913C12.501 26.6731 12.08 26.4899 11.6377 26.4821C11.1954 26.4743 10.7682 26.6425 10.4499 26.9497V26.8997Z" fill="currentColor"></path>
                </svg>
              </div>
              <div>
                <h4 class="mb-6" >Flexibility</h4>
                <p class="text-dark lh-lg mb-0" >The house by the pond cras ornare, some chords for a three moments, like a sense of truth that.</p>
              </div>
            </div>
          </div>
          <div class="col-12 col-sm-6">
            <div class="d-sm-flex mw-xs">
              <div class="mb-4 mb-sm-0 me-sm-4 me-md-8 text-primary">
                <svg width="22" height="34" viewbox="0 0 22 34" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <rect x="14" y="0.75" width="3.5" height="7" rx="1.75" transform="rotate(90 14 0.75)" fill="currentColor"></rect>
                  <rect x="18" y="8" width="3" height="15" rx="1.5" transform="rotate(90 18 8)" fill="currentColor"></rect>
                  <rect x="22" y="15.25" width="3" height="15" rx="1.5" transform="rotate(90 22 15.25)" fill="currentColor"></rect>
                  <rect x="15" y="22.5" width="3" height="15" rx="1.5" transform="rotate(90 15 22.5)" fill="currentColor"></rect>
                  <rect x="16" y="30" width="3.5" height="9" rx="1.75" transform="rotate(90 16 30)" fill="currentColor"></rect>
                </svg>
              </div>
              <div>
                <h4 class="mb-6" >Organize</h4>
                <p class="text-dark lh-lg mb-0" >Really, like a sense of truth that comes from within. The final game.</p>
              </div>
            </div>
          </div>
        </div><a class="btn btn-primary" href="#" >Download Application</a>
      </div>
      <div class="col-12 col-lg-6 align-self-end"><img class="img-fluid d-block mx-auto me-lg-0 ms-lg-20 ms-xxl-40" style="object-fit: contain;" src="wrexa-assets/images/application-right.png" alt=""/></div>
    </div>
  </div>
</section>