<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>
