contact

<section>
  <div class="px-8 py-32 mx-auto md:px-12 lg:px-24 max-w-7xl relative">
    <div class="max-w-xl lg:text-balance mx-auto text-center">
      <span
        class="font-mono text-xs font-medium tracking-tight text-blue-600 uppercase"
        >Contact</span
      >
      <h1
        class="text-4xl mt-4 font-semibold tracking-tight text-gray-900 sm:text-balance"
      >
        We would love to hear from you!
      </h1>
      <p class="mt-6 text-base font-medium text-gray-500 sm:text-balance">
        Let us know what you have in mind, and we will get back to you as soon
        as possible.
      </p>
    </div>
    <dl
      class="grid text-center mt-12 sm:grid-cols-2 gap-x-6 gap-y-12 lg:grid-cols-4 lg:gap-x-8 lg:gap-y-16"
    >
      <div class="flex h-full flex-col text-sm justify-between">
        <div>
          <dt class="flex flex-col gap-2 tracking-tighter text-xs">
            <svg
              xmlns="http://www.w3.org/2000/svg"
              class="icon icon-tabler mx-auto icon-tabler-credit-card size-5 text-blue-500"
              viewBox="0 0 24 24"
              stroke-width="2"
              stroke="currentColor"
              fill="none"
              stroke-linecap="round"
              stroke-linejoin="round"
            >
              <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
              <path
                d="M3 5m0 3a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v8a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3z"
              ></path>
              <path d="M3 10l18 0"></path>
              <path d="M7 15l.01 0"></path>
              <path d="M11 15l2 0"></path>
            </svg>
            <p class="tracking-tight text-lg font-medium text-gray-900">
              Sales
            </p>
          </dt>
          <dd class="mt-2 text-sm text-gray-500">
            Find out how Oxbow UI can help your business.
          </dd>
        </div>
        <a
          href="#_"
          class="text-blue-500 hover:text-gray-900 justify-center text-sm font-medium duration-300 flex items-center gap-2 mt-8"
        >
          Talk to sales
          <svg
            xmlns="http://www.w3.org/2000/svg"
            width="18"
            height="18"
            viewBox="0 0 24 24"
            fill="none"
            stroke="currentColor"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-right"
          >
            <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
            <path d="M9 6l6 6l-6 6"></path>
          </svg>
        </a>
      </div>
      <div class="flex h-full flex-col text-sm justify-between">
        <dt>
          <div class="flex flex-col gap-2 tracking-tighter text-xs">
            <svg
              xmlns="http://www.w3.org/2000/svg"
              class="icon icon-tabler icon-tabler-lifebuoy mx-auto size-5 text-blue-500"
              viewBox="0 0 24 24"
              stroke-width="2"
              stroke="currentColor"
              fill="none"
              stroke-linecap="round"
              stroke-linejoin="round"
            >
              <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
              <path d="M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0"></path>
              <path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"></path>
              <path d="M15 15l3.35 3.35"></path>
              <path d="M9 15l-3.35 3.35"></path>
              <path d="M5.65 5.65l3.35 3.35"></path>
              <path d="M18.35 5.65l-3.35 3.35"></path>
            </svg>
            <div class="tracking-tight text-lg font-medium text-gray-900">
              Support
            </div>
          </div>
          <div class="mt-2 text-sm text-gray-500">
            Have a support question? We’ve got answers.
          </div>
        </dt>
        <a
          href="#_"
          class="text-blue-500 hover:text-gray-900 justify-center text-sm font-medium duration-300 flex items-center gap-2 mt-8"
        >
          Talk to support
          <svg
            xmlns="http://www.w3.org/2000/svg"
            width="18"
            height="18"
            viewBox="0 0 24 24"
            fill="none"
            stroke="currentColor"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-right"
          >
            <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
            <path d="M9 6l6 6l-6 6"></path>
          </svg>
        </a>
      </div>
      <div class="flex h-full flex-col text-sm justify-between">
        <div>
          <dt class="flex flex-col gap-2 tracking-tighter text-xs">
            <svg
              xmlns="http://www.w3.org/2000/svg"
              class="icon icon-tabler icon-tabler-news mx-auto size-5 text-blue-500"
              viewBox="0 0 24 24"
              stroke-width="2"
              stroke="currentColor"
              fill="none"
              stroke-linecap="round"
              stroke-linejoin="round"
            >
              <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
              <path
                d="M16 6h3a1 1 0 0 1 1 1v11a2 2 0 0 1 -4 0v-13a1 1 0 0 0 -1 -1h-10a1 1 0 0 0 -1 1v12a3 3 0 0 0 3 3h11"
              ></path>
              <path d="M8 8l4 0"></path>
              <path d="M8 12l4 0"></path>
              <path d="M8 16l4 0"></path>
            </svg>
            <div class="tracking-tight text-lg font-medium text-gray-900">
              Press
            </div>
          </dt>
          <dd class="mt-2 text-sm text-gray-500">
            Any media questions or publication ideas you have, we’re happy to
            connect.
          </dd>
        </div>
        <a
          href="#_"
          class="text-blue-500 hover:text-gray-900 justify-center text-sm font-medium duration-300 flex items-center gap-2 mt-8"
        >
          Talk to press
          <svg
            xmlns="http://www.w3.org/2000/svg"
            width="18"
            height="18"
            viewBox="0 0 24 24"
            fill="none"
            stroke="currentColor"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-right"
          >
            <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
            <path d="M9 6l6 6l-6 6"></path>
          </svg>
        </a>
      </div>
      <div class="flex h-full flex-col text-sm justify-between">
        <div>
          <dt class="flex flex-col gap-2 tracking-tighter text-xs">
            <svg
              mx-auto
              xmlns="http://www.w3.org/2000/svg"
              class="icon icon-tabler icon-tabler-users-plus mx-auto size-5 text-blue-500"
              viewBox="0 0 24 24"
              stroke-width="2"
              stroke="currentColor"
              fill="none"
              stroke-linecap="round"
              stroke-linejoin="round"
            >
              <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
              <path d="M5 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0"></path>
              <path
                d="M3 21v-2a4 4 0 0 1 4 -4h4c.96 0 1.84 .338 2.53 .901"
              ></path>
              <path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
              <path d="M16 19h6"></path>
              <path d="M19 16v6"></path>
            </svg>
            <div class="tracking-tight text-lg font-medium text-gray-900">
              Partners
            </div>
          </dt>
          <dd class="mt-2 text-sm text-gray-500">
            We love partnering with other businesses. Let us know what you’re
            thinking.
          </dd>
        </div>
        <a
          href="#_"
          class="text-blue-500 hover:text-gray-900 justify-center text-sm font-medium duration-300 flex items-center gap-2 mt-8"
        >
          Talk to our partners
          <svg
            xmlns="http://www.w3.org/2000/svg"
            width="18"
            height="18"
            viewBox="0 0 24 24"
            fill="none"
            stroke="currentColor"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-right"
          >
            <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
            <path d="M9 6l6 6l-6 6"></path>
          </svg>
        </a>
      </div>
    </dl>
  </div>
</section>