<div x-data="{ mobileSidebarOpen: false, desktopSidebarOpen: true }">
<div
id="page-container"
class="mx-auto flex min-h-screen w-full min-w-[320px] flex-col bg-white lg:ps-64"
x-bind:class="{ 'lg:ps-64': desktopSidebarOpen }"
>
<nav
id="page-sidebar"
class="fixed bottom-0 start-0 top-0 z-50 flex h-full w-80 flex-col overflow-auto bg-slate-100 transition-transform duration-500 ease-out lg:w-64 lg:translate-x-0"
x-bind:class="{
'ltr:-translate-x-full rtl:translate-x-full': !mobileSidebarOpen,
'translate-x-0': mobileSidebarOpen,
'ltr:lg:-translate-x-full rtl:lg:translate-x-full': !desktopSidebarOpen,
'ltr:lg:translate-x-0 rtl:lg:translate-x-0': desktopSidebarOpen,
}"
aria-label="Main Sidebar Navigation"
x-cloak
>
<div
class="flex h-20 w-full flex-none items-center justify-between px-8"
>
<a
href="javascript:void(0)"
class="inline-flex items-center gap-2 text-lg font-medium tracking-wide text-slate-800 transition hover:opacity-75 active:opacity-100"
>
<svg
class="hi-mini hi-cursor-arrow-ripple inline-block h-5 w-5 text-indigo-600"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
fill="currentColor"
aria-hidden="true"
>
<path
fill-rule="evenodd"
d="M6.111 11.89A5.5 5.5 0 1115.501 8 .75.75 0 1017 8a7 7 0 10-11.95 4.95.75.75 0 001.06-1.06zm2.121-5.658a2.5 2.5 0 000 3.536.75.75 0 11-1.06 1.06A4 4 0 1114 8a.75.75 0 01-1.5 0 2.5 2.5 0 00-4.268-1.768zm2.534 1.279a.75.75 0 00-1.37.364l-.492 6.861a.75.75 0 001.204.65l1.043-.799.985 3.678a.75.75 0 001.45-.388l-.978-3.646 1.292.204a.75.75 0 00.74-1.16l-3.874-5.764z"
clip-rule="evenodd"
/>
</svg>
<span>Tail<span class="font-bold">Lead</span></span>
</a>
<div class="lg:hidden">
<button
type="button"
class="flex h-10 w-10 items-center justify-center text-slate-400 hover:text-slate-600 active:text-slate-400"
x-on:click="mobileSidebarOpen = false"
>
<svg
class="hi-solid hi-x -mx-1 inline-block h-5 w-5"
fill="currentColor"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
>
<path
fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"
/>
</svg>
</button>
</div>
</div>
<div>
<ul class="w-full grow space-y-1.5 px-8 py-4">
<li>
<a
href="javascript:void(0)"
class="inline-flex items-center gap-2 rounded-lg bg-indigo-100 px-2 py-1 text-sm font-semibold text-indigo-900 transition"
>
<span>Dashboard</span>
</a>
</li>
<li>
<a
href="javascript:void(0)"
class="inline-flex items-center gap-2 rounded-lg px-2 py-1 text-sm font-semibold text-slate-600 transition hover:bg-indigo-100 hover:text-indigo-900"
>
<span>Projects</span>
</a>
</li>
<li>
<a
href="javascript:void(0)"
class="inline-flex items-center gap-2 rounded-lg px-2 py-1 text-sm font-semibold text-slate-600 transition hover:bg-indigo-100 hover:text-indigo-900"
>
<span>Leads</span>
</a>
</li>
<li>
<a
href="javascript:void(0)"
class="inline-flex items-center gap-2 rounded-lg px-2 py-1 text-sm font-semibold text-slate-600 transition hover:bg-indigo-100 hover:text-indigo-900"
>
<span>Sales</span>
</a>
</li>
<li>
<a
href="javascript:void(0)"
class="inline-flex items-center gap-2 rounded-lg px-2 py-1 text-sm font-semibold text-slate-600 transition hover:bg-indigo-100 hover:text-indigo-900"
>
<span>Support</span>
</a>
</li>
</ul>
<ul class="w-full grow space-y-1.5 px-8 py-4">
<li>
<a
href="javascript:void(0)"
class="inline-flex items-center gap-2 rounded-lg px-2 py-1 text-sm font-semibold text-slate-600 transition hover:bg-indigo-100 hover:text-indigo-900"
>
<span>Settings</span>
</a>
</li>
<li>
<a
href="javascript:void(0)"
class="inline-flex items-center gap-2 rounded-lg px-2 py-1 text-sm font-semibold text-slate-600 transition hover:bg-indigo-100 hover:text-indigo-900"
>
<span>Logout</span>
</a>
</li>
</ul>
</div>
</nav>
<header
id="page-header"
class="fixed end-0 start-0 top-0 z-30 flex h-20 flex-none items-center border-b border-slate-100 bg-white/90 backdrop-blur-sm"
x-bind:class="{ 'lg:ps-64': desktopSidebarOpen }"
>
<div
class="container mx-auto flex justify-between px-4 lg:px-8 xl:max-w-7xl"
>
<div class="flex items-center">
<div class="me-2 lg:hidden">
<button
type="button"
class="inline-flex items-center justify-center rounded-lg border-slate-100 bg-slate-100 px-2.5 py-2 font-semibold leading-6 text-slate-800 hover:border-slate-200 hover:bg-slate-200 hover:text-slate-800 focus:outline-none focus:ring focus:ring-indigo-500/25 active:border-slate-100 active:bg-slate-100"
x-on:click="mobileSidebarOpen = true"
>
<svg
class="hi-solid hi-menu-alt-1 inline-block h-5 w-5"
fill="currentColor"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
>
<path
fill-rule="evenodd"
d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h6a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z"
clip-rule="evenodd"
/>
</svg>
</button>
</div>
<div class="hidden lg:block">
<button
type="button"
class="inline-flex items-center justify-center rounded-lg border-slate-100 bg-slate-100 px-2.5 py-2 font-semibold leading-6 text-slate-800 hover:border-slate-200 hover:bg-slate-200 hover:text-slate-800 focus:outline-none focus:ring focus:ring-indigo-500/25 active:border-slate-100 active:bg-slate-100"
x-on:click="desktopSidebarOpen = !desktopSidebarOpen"
>
<svg
class="hi-solid hi-menu-alt-1 inline-block h-5 w-5"
fill="currentColor"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
>
<path
fill-rule="evenodd"
d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h6a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z"
clip-rule="evenodd"
/>
</svg>
</button>
</div>
</div>
<div class="flex items-center gap-2 lg:hidden">
<a
href="javascript:void(0)"
class="inline-flex items-center gap-2 text-lg font-medium tracking-wide text-slate-800 transition hover:opacity-75 active:opacity-100"
>
<svg
class="hi-mini hi-cursor-arrow-ripple inline-block h-5 w-5 text-indigo-600"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
fill="currentColor"
aria-hidden="true"
>
<path
fill-rule="evenodd"
d="M6.111 11.89A5.5 5.5 0 1115.501 8 .75.75 0 1017 8a7 7 0 10-11.95 4.95.75.75 0 001.06-1.06zm2.121-5.658a2.5 2.5 0 000 3.536.75.75 0 11-1.06 1.06A4 4 0 1114 8a.75.75 0 01-1.5 0 2.5 2.5 0 00-4.268-1.768zm2.534 1.279a.75.75 0 00-1.37.364l-.492 6.861a.75.75 0 001.204.65l1.043-.799.985 3.678a.75.75 0 001.45-.388l-.978-3.646 1.292.204a.75.75 0 00.74-1.16l-3.874-5.764z"
clip-rule="evenodd"
/>
</svg>
</a>
</div>
<div class="flex items-center gap-2">
<a
href="javascript:void(0)"
class="inline-flex items-center justify-center rounded-lg border-slate-100 bg-slate-100 px-2.5 py-2 font-semibold leading-6 text-slate-800 hover:border-slate-200 hover:bg-slate-200 hover:text-slate-800 focus:outline-none focus:ring focus:ring-indigo-500/25 active:border-slate-100 active:bg-slate-100"
>
<svg
class="hi-mini hi-cog-6-tooth inline-block h-5 w-5"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
fill="currentColor"
aria-hidden="true"
>
<path
fill-rule="evenodd"
d="M7.84 1.804A1 1 0 018.82 1h2.36a1 1 0 01.98.804l.331 1.652a6.993 6.993 0 011.929 1.115l1.598-.54a1 1 0 011.186.447l1.18 2.044a1 1 0 01-.205 1.251l-1.267 1.113a7.047 7.047 0 010 2.228l1.267 1.113a1 1 0 01.206 1.25l-1.18 2.045a1 1 0 01-1.187.447l-1.598-.54a6.993 6.993 0 01-1.929 1.115l-.33 1.652a1 1 0 01-.98.804H8.82a1 1 0 01-.98-.804l-.331-1.652a6.993 6.993 0 01-1.929-1.115l-1.598.54a1 1 0 01-1.186-.447l-1.18-2.044a1 1 0 01.205-1.251l1.267-1.114a7.05 7.05 0 010-2.227L1.821 7.773a1 1 0 01-.206-1.25l1.18-2.045a1 1 0 011.187-.447l1.598.54A6.993 6.993 0 017.51 3.456l.33-1.652zM10 13a3 3 0 100-6 3 3 0 000 6z"
clip-rule="evenodd"
/>
</svg>
</a>
</div>
</div>
</header>
<main
id="page-content"
class="flex max-w-full flex-auto flex-col pt-20"
>
<div
class="container mx-auto space-y-10 px-4 py-8 lg:space-y-16 lg:px-8 lg:py-12 xl:max-w-7xl"
>
<div>
<h2 class="mb-1 text-2xl font-semibold">Quick Stats</h2>
<h3 class="mb-8 text-sm font-medium text-slate-600">
Welcome John, everything looks great.
</h3>
<div
class="grid grid-cols-1 gap-4 lg:grid-cols-2 lg:gap-6 xl:grid-cols-4"
>
<a
href="javascript:void(0)"
class="group flex flex-col overflow-hidden rounded-2xl bg-pink-50 transition hover:bg-pink-100 active:bg-pink-50"
>
<div class="flex grow items-center justify-between p-6">
<dl>
<dt class="text-2xl font-bold text-pink-600">10</dt>
<dd class="text-sm font-medium text-pink-900">
New Leads
</dd>
</dl>
<svg
class="hi-mini hi-arrow-uturn-up inline-block h-10 w-10 text-pink-300"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
fill="currentColor"
aria-hidden="true"
>
<path
fill-rule="evenodd"
d="M17.768 7.793a.75.75 0 01-1.06-.025L12.75 3.622v10.003a5.375 5.375 0 01-10.75 0V10.75a.75.75 0 011.5 0v2.875a3.875 3.875 0 007.75 0V3.622L7.293 7.768a.75.75 0 01-1.086-1.036l5.25-5.5a.75.75 0 011.085 0l5.25 5.5a.75.75 0 01-.024 1.06z"
clip-rule="evenodd"
/>
</svg>
</div>
</a>
<a
href="javascript:void(0)"
class="group flex flex-col overflow-hidden rounded-2xl bg-sky-50 transition hover:bg-sky-100 active:bg-sky-50"
>
<div class="flex grow items-center justify-between p-6">
<dl>
<dt class="text-2xl font-bold text-sky-600">4</dt>
<dd class="text-sm font-medium text-sky-900">Projects</dd>
</dl>
<svg
class="hi-mini hi-briefcase inline-block h-10 w-10 text-sky-300"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
fill="currentColor"
aria-hidden="true"
>
<path
fill-rule="evenodd"
d="M6 3.75A2.75 2.75 0 018.75 1h2.5A2.75 2.75 0 0114 3.75v.443c.572.055 1.14.122 1.706.2C17.053 4.582 18 5.75 18 7.07v3.469c0 1.126-.694 2.191-1.83 2.54-1.952.599-4.024.921-6.17.921s-4.219-.322-6.17-.921C2.694 12.73 2 11.665 2 10.539V7.07c0-1.321.947-2.489 2.294-2.676A41.047 41.047 0 016 4.193V3.75zm6.5 0v.325a41.622 41.622 0 00-5 0V3.75c0-.69.56-1.25 1.25-1.25h2.5c.69 0 1.25.56 1.25 1.25zM10 10a1 1 0 00-1 1v.01a1 1 0 001 1h.01a1 1 0 001-1V11a1 1 0 00-1-1H10z"
clip-rule="evenodd"
/>
<path
d="M3 15.055v-.684c.126.053.255.1.39.142 2.092.642 4.313.987 6.61.987 2.297 0 4.518-.345 6.61-.987.135-.041.264-.089.39-.142v.684c0 1.347-.985 2.53-2.363 2.686a41.454 41.454 0 01-9.274 0C3.985 17.585 3 16.402 3 15.055z"
/>
</svg>
</div>
</a>
<a
href="javascript:void(0)"
class="group flex flex-col overflow-hidden rounded-2xl bg-purple-50 transition hover:bg-purple-100 active:bg-purple-50"
>
<div class="flex grow items-center justify-between p-6">
<dl>
<dt class="text-2xl font-bold text-purple-600">6</dt>
<dd class="text-sm font-medium text-purple-900">
Tickets
</dd>
</dl>
<svg
class="hi-mini hi-lifebuoy inline-block h-10 w-10 text-purple-300"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
fill="currentColor"
aria-hidden="true"
>
<path
fill-rule="evenodd"
d="M7.171 4.146l1.947 2.466a3.514 3.514 0 011.764 0l1.947-2.466a6.52 6.52 0 00-5.658 0zm8.683 3.025l-2.466 1.947c.15.578.15 1.186 0 1.764l2.466 1.947a6.52 6.52 0 000-5.658zm-3.025 8.683l-1.947-2.466c-.578.15-1.186.15-1.764 0l-1.947 2.466a6.52 6.52 0 005.658 0zM4.146 12.83l2.466-1.947a3.514 3.514 0 010-1.764L4.146 7.171a6.52 6.52 0 000 5.658zM5.63 3.297a8.01 8.01 0 018.738 0 8.031 8.031 0 012.334 2.334 8.01 8.01 0 010 8.738 8.033 8.033 0 01-2.334 2.334 8.01 8.01 0 01-8.738 0 8.032 8.032 0 01-2.334-2.334 8.01 8.01 0 010-8.738A8.03 8.03 0 015.63 3.297zm5.198 4.882a2.008 2.008 0 00-2.243.407 1.994 1.994 0 00-.407 2.243 1.993 1.993 0 00.992.992 2.008 2.008 0 002.243-.407c.176-.175.31-.374.407-.585a2.008 2.008 0 00-.407-2.243 1.993 1.993 0 00-.585-.407z"
clip-rule="evenodd"
/>
</svg>
</div>
</a>
<a
href="javascript:void(0)"
class="group flex flex-col overflow-hidden rounded-2xl bg-orange-50 transition hover:bg-orange-100 active:bg-orange-50"
>
<div class="flex grow items-center justify-between p-6">
<dl>
<dt class="text-2xl font-bold text-orange-600">5</dt>
<dd class="text-sm font-medium text-orange-900">
Customers
</dd>
</dl>
<svg
class="hi-mini hi-user-group inline-block h-10 w-10 text-orange-300"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
fill="currentColor"
aria-hidden="true"
>
<path
d="M10 9a3 3 0 100-6 3 3 0 000 6zM6 8a2 2 0 11-4 0 2 2 0 014 0zM1.49 15.326a.78.78 0 01-.358-.442 3 3 0 014.308-3.516 6.484 6.484 0 00-1.905 3.959c-.023.222-.014.442.025.654a4.97 4.97 0 01-2.07-.655zM16.44 15.98a4.97 4.97 0 002.07-.654.78.78 0 00.357-.442 3 3 0 00-4.308-3.517 6.484 6.484 0 011.907 3.96 2.32 2.32 0 01-.026.654zM18 8a2 2 0 11-4 0 2 2 0 014 0zM5.304 16.19a.844.844 0 01-.277-.71 5 5 0 019.947 0 .843.843 0 01-.277.71A6.975 6.975 0 0110 18a6.974 6.974 0 01-4.696-1.81z"
/>
</svg>
</div>
</a>
<a
href="javascript:void(0)"
class="group flex flex-col overflow-hidden rounded-2xl bg-emerald-50 transition hover:bg-emerald-100 active:bg-emerald-50 xl:col-span-2"
>
<div class="flex grow items-center justify-between p-6">
<dl>
<dt class="text-2xl font-bold text-emerald-600">256</dt>
<dd class="text-sm font-medium text-emerald-900">
Sales in the last 10 days
</dd>
</dl>
<svg
class="hi-mini hi-chart-pie inline-block h-10 w-10 text-emerald-300"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
fill="currentColor"
aria-hidden="true"
>
<path
d="M12 9a1 1 0 01-1-1V3c0-.553.45-1.008.997-.93a7.004 7.004 0 015.933 5.933c.078.547-.378.997-.93.997h-5z"
/>
<path
d="M8.003 4.07C8.55 3.992 9 4.447 9 5v5a1 1 0 001 1h5c.552 0 1.008.45.93.997A7.001 7.001 0 012 11a7.002 7.002 0 016.003-6.93z"
/>
</svg>
</div>
<div>
<svg
class="w-auto text-emerald-200"
fill="currentColor"
viewBox="0 0 1000 500"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M 0 493.9109719606716 C 14.200000000000001 490.40802978683513 42.60000000000001 487.5791262811064 71 476.39626109148924 C 99.4 465.21339590187205 113.6 453.15974467495977 142 437.99664601258576 C 170.4 422.8335473502118 184.6 406.98651600999744 213 400.58076777961935 C 241.4 394.17501954924126 255.6 416.4756240849917 284 405.9679048606953 C 312.4 395.46018563639893 326.6 358.32287941899733 355 348.0421716581375 C 383.4 337.7614638972776 397.6 368.4679124832968 426 354.5643660563959 C 454.4 340.660819629495 468.6 300.30672545627453 497 278.5244395236329 C 525.4 256.7421535909913 539.6 252.0730672209553 568 245.65293639318784 C 596.4 239.23280556542042 610.6 231.89211788080013 639 246.42378538479574 C 667.4 260.95545288879134 681.6 336.33567203932097 710 318.3112739131659 C 738.4 300.28687578701084 752.6 166.6854990107404 781 156.30179475402042 C 809.4 145.91809049730045 823.6 289.85843160308036 852 266.3927526295661 C 880.4 242.92707365605182 894.6 59.99402379966443 923 38.9733998864491 C 951.4 17.952775973233773 979.8 136.82638642808135 994 161.28963306348942 L 1000 500 L 0 500Z"
fill="currentColor"
></path>
</svg>
</div>
</a>
<a
href="javascript:void(0)"
class="group flex flex-col overflow-hidden rounded-2xl bg-rose-50 transition hover:bg-rose-100 active:bg-rose-50 xl:col-span-2"
>
<div class="flex grow items-center justify-between p-6">
<dl>
<dt class="text-2xl font-bold text-rose-600">32</dt>
<dd class="text-sm font-medium text-rose-900">
Tickets in the last 10 days
</dd>
</dl>
<svg
class="hi-mini hi-lifebuoy inline-block h-10 w-10 text-rose-300"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
fill="currentColor"
aria-hidden="true"
>
<path
fill-rule="evenodd"
d="M7.171 4.146l1.947 2.466a3.514 3.514 0 011.764 0l1.947-2.466a6.52 6.52 0 00-5.658 0zm8.683 3.025l-2.466 1.947c.15.578.15 1.186 0 1.764l2.466 1.947a6.52 6.52 0 000-5.658zm-3.025 8.683l-1.947-2.466c-.578.15-1.186.15-1.764 0l-1.947 2.466a6.52 6.52 0 005.658 0zM4.146 12.83l2.466-1.947a3.514 3.514 0 010-1.764L4.146 7.171a6.52 6.52 0 000 5.658zM5.63 3.297a8.01 8.01 0 018.738 0 8.031 8.031 0 012.334 2.334 8.01 8.01 0 010 8.738 8.033 8.033 0 01-2.334 2.334 8.01 8.01 0 01-8.738 0 8.032 8.032 0 01-2.334-2.334 8.01 8.01 0 010-8.738A8.03 8.03 0 015.63 3.297zm5.198 4.882a2.008 2.008 0 00-2.243.407 1.994 1.994 0 00-.407 2.243 1.993 1.993 0 00.992.992 2.008 2.008 0 002.243-.407c.176-.175.31-.374.407-.585a2.008 2.008 0 00-.407-2.243 1.993 1.993 0 00-.585-.407z"
clip-rule="evenodd"
/>
</svg>
</div>
<div>
<svg
class="w-auto text-rose-200"
fill="currentColor"
viewBox="0 0 1000 500"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M 0 491.97664735392186 C 14.2 487.6342321000262 42.599999999999994 479.4664419168693 71 470.26457108444356 C 99.4 461.0627002520178 113.6 460.88088046251244 142 445.967293191793 C 170.4 431.0537059210735 184.6 401.92769317557264 213 395.6966347308462 C 241.4 389.46557628611976 255.6 425.8825606617139 284 414.8120009681609 C 312.4 403.74144127460784 326.6 363.99447099184636 355 340.343836263081 C 383.4 316.6932015343157 397.6 303.4354664839433 426 296.5588273243342 C 454.4 289.68218816472506 468.6 313.94896637638396 497 305.96064046503545 C 525.4 297.97231455368694 539.6 258.86629470075934 568 256.61719776759156 C 596.4 254.36810083442379 610.6 314.6658746403039 639 294.7151557991966 C 667.4 274.76443695808933 681.6 173.183035720006 710 156.863603562055 C 738.4 140.54417140410402 752.6 214.65802978224644 781 213.11799500944176 C 809.4 211.57796023663707 823.6 150.70388385188858 852 149.16342969803156 C 880.4 147.62297554417455 894.6 213.57548048920893 923 205.4157242401567 C 951.4 197.25596799110446 979.8 127.77486361024759 994 108.36464845277033 L 1000 500 L 0 500Z"
></path>
</svg>
</div>
</a>
</div>
</div>
<div>
<h2 class="mb-1 text-2xl font-semibold">Leads</h2>
<h3 class="mb-8 text-sm font-medium text-slate-600">
You have 10 new leads, let's get to work!
</h3>
<div class="min-w-full overflow-x-auto rounded">
<table class="min-w-full align-middle text-sm">
<thead>
<tr class="border-b-2 border-slate-100">
<th
class="min-w-[180px] py-3 pe-3 text-start text-sm font-semibold uppercase tracking-wider text-slate-700"
>
Company
</th>
<th
class="min-w-[180px] px-3 py-2 text-start text-sm font-semibold uppercase tracking-wider text-slate-700"
>
Industry
</th>
<th
class="min-w-[180px] px-3 py-2 text-start text-sm font-semibold uppercase tracking-wider text-slate-700"
>
Location
</th>
<th
class="px-3 py-2 text-start text-sm font-semibold uppercase tracking-wider text-slate-700"
>
Funding
</th>
<th
class="px-3 py-2 text-start text-sm font-semibold uppercase tracking-wider text-slate-700"
>
Contact
</th>
<th
class="min-w-[180px] py-2 ps-3 text-start text-sm font-semibold uppercase tracking-wider text-slate-700"
>
Actions
</th>
</tr>
</thead>
<tbody>
<tr class="border-b border-gray-100">
<td class="py-3 pe-3 text-start">
<a
href="javascript:void(0)"
class="font-medium text-indigo-500 hover:text-indigo-700"
>Acme Inc.</a
>
</td>
<td class="p-3 text-slate-600">Manufacturing</td>
<td class="p-3 font-medium">Chicago, IL</td>
<td class="p-3 text-start">
<div
class="inline-block rounded-full bg-emerald-100 px-2 py-1 text-xs font-semibold leading-4 text-emerald-800"
>
$10M
</div>
</td>
<td class="p-3 font-medium">john.smith@acmeinc.com</td>
<td class="py-3 ps-3 font-medium">
<a
href="javascript:void(0)"
class="group inline-flex items-center gap-1 rounded-xl border border-slate-200 px-2.5 py-1.5 font-medium text-slate-800 transition duration-75 hover:border-indigo-300 hover:text-indigo-800 active:border-slate-200"
>
<span>Send Message</span>
<svg
class="hi-mini hi-arrow-right inline-block h-5 w-5 text-slate-400 transition duration-75 group-hover:text-indigo-600 group-active:translate-x-0.5"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
fill="currentColor"
aria-hidden="true"
>
<path
fill-rule="evenodd"
d="M3 10a.75.75 0 01.75-.75h10.638L10.23 5.29a.75.75 0 111.04-1.08l5.5 5.25a.75.75 0 010 1.08l-5.5 5.25a.75.75 0 11-1.04-1.08l4.158-3.96H3.75A.75.75 0 013 10z"
clip-rule="evenodd"
/>
</svg>
</a>
</td>
</tr>
<tr
class="border-b border-gray-100 dark:border-slate-700/50"
>
<td class="py-3 pe-3 text-start">
<a
href="javascript:void(0)"
class="font-medium text-indigo-500 hover:text-indigo-700"
>XYZ Corporation</a
>
</td>
<td class="p-3 text-slate-600">Technology</td>
<td class="p-3 font-medium">San Francisco, CA</td>
<td class="p-3 text-start">
<div
class="inline-block rounded-full bg-emerald-100 px-2 py-1 text-xs font-semibold leading-4 text-emerald-800"
>
$50M
</div>
</td>
<td class="p-3 font-medium">jane.doe@xyzcorp.com</td>
<td class="py-3 ps-3 font-medium">
<a
href="javascript:void(0)"
class="group inline-flex items-center gap-1 rounded-xl border border-slate-200 px-2.5 py-1.5 font-medium text-slate-800 transition duration-75 hover:border-indigo-300 hover:text-indigo-800 active:border-slate-200"
>
<span>Send Message</span>
<svg
class="hi-mini hi-arrow-right inline-block h-5 w-5 text-slate-400 transition duration-75 group-hover:text-indigo-600 group-active:translate-x-0.5"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
fill="currentColor"
aria-hidden="true"
>
<path
fill-rule="evenodd"
d="M3 10a.75.75 0 01.75-.75h10.638L10.23 5.29a.75.75 0 111.04-1.08l5.5 5.25a.75.75 0 010 1.08l-5.5 5.25a.75.75 0 11-1.04-1.08l4.158-3.96H3.75A.75.75 0 013 10z"
clip-rule="evenodd"
/>
</svg>
</a>
</td>
</tr>
<tr
class="border-b border-gray-100 dark:border-slate-700/50"
>
<td class="py-3 pe-3 text-start">
<a
href="javascript:void(0)"
class="font-medium text-indigo-500 hover:text-indigo-700"
>Smith & Associates</a
>
</td>
<td class="p-3 text-slate-600">Consulting</td>
<td class="p-3 font-medium">New York, NY</td>
<td class="p-3 text-start">
<div
class="inline-block rounded-full bg-purple-100 px-2 py-1 text-xs font-semibold leading-4 text-purple-800"
>
$5M
</div>
</td>
<td class="p-3 font-medium">
david.lee@smithandassoc.com
</td>
<td class="py-3 ps-3 font-medium">
<a
href="javascript:void(0)"
class="group inline-flex items-center gap-1 rounded-xl border border-slate-200 px-2.5 py-1.5 font-medium text-slate-800 transition duration-75 hover:border-indigo-300 hover:text-indigo-800 active:border-slate-200"
>
<span>Send Message</span>
<svg
class="hi-mini hi-arrow-right inline-block h-5 w-5 text-slate-400 transition duration-75 group-hover:text-indigo-600 group-active:translate-x-0.5"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
fill="currentColor"
aria-hidden="true"
>
<path
fill-rule="evenodd"
d="M3 10a.75.75 0 01.75-.75h10.638L10.23 5.29a.75.75 0 111.04-1.08l5.5 5.25a.75.75 0 010 1.08l-5.5 5.25a.75.75 0 11-1.04-1.08l4.158-3.96H3.75A.75.75 0 013 10z"
clip-rule="evenodd"
/>
</svg>
</a>
</td>
</tr>
<tr
class="border-b border-gray-100 dark:border-slate-700/50"
>
<td class="py-3 pe-3 text-start">
<a
href="javascript:void(0)"
class="font-medium text-indigo-500 hover:text-indigo-700"
>Global Foods Ltd.</a
>
</td>
<td class="p-3 text-slate-600">Food and Beverage</td>
<td class="p-3 font-medium">London UK</td>
<td class="p-3 text-start">
<div
class="inline-block rounded-full bg-emerald-100 px-2 py-1 text-xs font-semibold leading-4 text-emerald-800"
>
$20M
</div>
</td>
<td class="p-3 font-medium">
maria.rodriguez@globalfoods.com
</td>
<td class="py-3 ps-3 font-medium">
<a
href="javascript:void(0)"
class="group inline-flex items-center gap-1 rounded-xl border border-slate-200 px-2.5 py-1.5 font-medium text-slate-800 transition duration-75 hover:border-indigo-300 hover:text-indigo-800 active:border-slate-200"
>
<span>Send Message</span>
<svg
class="hi-mini hi-arrow-right inline-block h-5 w-5 text-slate-400 transition duration-75 group-hover:text-indigo-600 group-active:translate-x-0.5"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
fill="currentColor"
aria-hidden="true"
>
<path
fill-rule="evenodd"
d="M3 10a.75.75 0 01.75-.75h10.638L10.23 5.29a.75.75 0 111.04-1.08l5.5 5.25a.75.75 0 010 1.08l-5.5 5.25a.75.75 0 11-1.04-1.08l4.158-3.96H3.75A.75.75 0 013 10z"
clip-rule="evenodd"
/>
</svg>
</a>
</td>
</tr>
<tr
class="border-b border-gray-100 dark:border-slate-700/50"
>
<td class="py-3 pe-3 text-start">
<a
href="javascript:void(0)"
class="font-medium text-indigo-500 hover:text-indigo-700"
>Elite Fitness</a
>
</td>
<td class="p-3 text-slate-600">Health and Wellness</td>
<td class="p-3 font-medium">Los Angeles, CA</td>
<td class="p-3 text-start">
<div
class="inline-block rounded-full bg-purple-100 px-2 py-1 text-xs font-semibold leading-4 text-purple-800"
>
$2M
</div>
</td>
<td class="p-3 font-medium">
sarah.johnson@elitefitness.com
</td>
<td class="py-3 ps-3 font-medium">
<a
href="javascript:void(0)"
class="group inline-flex items-center gap-1 rounded-xl border border-slate-200 px-2.5 py-1.5 font-medium text-slate-800 transition duration-75 hover:border-indigo-300 hover:text-indigo-800 active:border-slate-200"
>
<span>Send Message</span>
<svg
class="hi-mini hi-arrow-right inline-block h-5 w-5 text-slate-400 transition duration-75 group-hover:text-indigo-600 group-active:translate-x-0.5"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
fill="currentColor"
aria-hidden="true"
>
<path
fill-rule="evenodd"
d="M3 10a.75.75 0 01.75-.75h10.638L10.23 5.29a.75.75 0 111.04-1.08l5.5 5.25a.75.75 0 010 1.08l-5.5 5.25a.75.75 0 11-1.04-1.08l4.158-3.96H3.75A.75.75 0 013 10z"
clip-rule="evenodd"
/>
</svg>
</a>
</td>
</tr>
<tr
class="border-b border-gray-100 dark:border-slate-700/50"
>
<td class="py-3 pe-3 text-start">
<a
href="javascript:void(0)"
class="font-medium text-indigo-500 hover:text-indigo-700"
>Sparkle Inc.</a
>
</td>
<td class="p-3 text-slate-600">Cosmetics</td>
<td class="p-3 font-medium">Paris, France</td>
<td class="p-3 text-start">
<div
class="inline-block rounded-full bg-emerald-100 px-2 py-1 text-xs font-semibold leading-4 text-emerald-800"
>
$15M
</div>
</td>
<td class="p-3 font-medium">
julie.duval@sparkleinc.com
</td>
<td class="py-3 ps-3 font-medium">
<a
href="javascript:void(0)"
class="group inline-flex items-center gap-1 rounded-xl border border-slate-200 px-2.5 py-1.5 font-medium text-slate-800 transition duration-75 hover:border-indigo-300 hover:text-indigo-800 active:border-slate-200"
>
<span>Send Message</span>
<svg
class="hi-mini hi-arrow-right inline-block h-5 w-5 text-slate-400 transition duration-75 group-hover:text-indigo-600 group-active:translate-x-0.5"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
fill="currentColor"
aria-hidden="true"
>
<path
fill-rule="evenodd"
d="M3 10a.75.75 0 01.75-.75h10.638L10.23 5.29a.75.75 0 111.04-1.08l5.5 5.25a.75.75 0 010 1.08l-5.5 5.25a.75.75 0 11-1.04-1.08l4.158-3.96H3.75A.75.75 0 013 10z"
clip-rule="evenodd"
/>
</svg>
</a>
</td>
</tr>
<tr
class="border-b border-gray-100 dark:border-slate-700/50"
>
<td class="py-3 pe-3 text-start">
<a
href="javascript:void(0)"
class="font-medium text-indigo-500 hover:text-indigo-700"
>SolarTech</a
>
</td>
<td class="p-3 text-slate-600">Renewable Energy</td>
<td class="p-3 font-medium">Austin, TX</td>
<td class="p-3 text-start">
<div
class="inline-block rounded-full bg-purple-100 px-2 py-1 text-xs font-semibold leading-4 text-purple-800"
>
$8M
</div>
</td>
<td class="p-3 font-medium">andrew.kim@solartech.com</td>
<td class="py-3 ps-3 font-medium">
<a
href="javascript:void(0)"
class="group inline-flex items-center gap-1 rounded-xl border border-slate-200 px-2.5 py-1.5 font-medium text-slate-800 transition duration-75 hover:border-indigo-300 hover:text-indigo-800 active:border-slate-200"
>
<span>Send Message</span>
<svg
class="hi-mini hi-arrow-right inline-block h-5 w-5 text-slate-400 transition duration-75 group-hover:text-indigo-600 group-active:translate-x-0.5"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
fill="currentColor"
aria-hidden="true"
>
<path
fill-rule="evenodd"
d="M3 10a.75.75 0 01.75-.75h10.638L10.23 5.29a.75.75 0 111.04-1.08l5.5 5.25a.75.75 0 010 1.08l-5.5 5.25a.75.75 0 11-1.04-1.08l4.158-3.96H3.75A.75.75 0 013 10z"
clip-rule="evenodd"
/>
</svg>
</a>
</td>
</tr>
<tr
class="border-b border-gray-100 dark:border-slate-700/50"
>
<td class="py-3 pe-3 text-start">
<a
href="javascript:void(0)"
class="font-medium text-indigo-500 hover:text-indigo-700"
>Zenith Co.</a
>
</td>
<td class="p-3 text-slate-600">Finance</td>
<td class="p-3 font-medium">Hong Kong, China</td>
<td class="p-3 text-start">
<div
class="inline-block rounded-full bg-emerald-100 px-2 py-1 text-xs font-semibold leading-4 text-emerald-800"
>
$30M
</div>
</td>
<td class="p-3 font-medium">david.chen@zenithco.com</td>
<td class="py-3 ps-3 font-medium">
<a
href="javascript:void(0)"
class="group inline-flex items-center gap-1 rounded-xl border border-slate-200 px-2.5 py-1.5 font-medium text-slate-800 transition duration-75 hover:border-indigo-300 hover:text-indigo-800 active:border-slate-200"
>
<span>Send Message</span>
<svg
class="hi-mini hi-arrow-right inline-block h-5 w-5 text-slate-400 transition duration-75 group-hover:text-indigo-600 group-active:translate-x-0.5"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
fill="currentColor"
aria-hidden="true"
>
<path
fill-rule="evenodd"
d="M3 10a.75.75 0 01.75-.75h10.638L10.23 5.29a.75.75 0 111.04-1.08l5.5 5.25a.75.75 0 010 1.08l-5.5 5.25a.75.75 0 11-1.04-1.08l4.158-3.96H3.75A.75.75 0 013 10z"
clip-rule="evenodd"
/>
</svg>
</a>
</td>
</tr>
<tr
class="border-b border-gray-100 dark:border-slate-700/50"
>
<td class="py-3 pe-3 text-start">
<a
href="javascript:void(0)"
class="font-medium text-indigo-500 hover:text-indigo-700"
>Bright Solutions</a
>
</td>
<td class="p-3 text-slate-600">IT Services</td>
<td class="p-3 font-medium">Bangalore, India</td>
<td class="p-3 text-start">
<div
class="inline-block rounded-full bg-purple-100 px-2 py-1 text-xs font-semibold leading-4 text-purple-800"
>
$12M
</div>
</td>
<td class="p-3 font-medium">
priya.sharma@brightsolutions.com
</td>
<td class="py-3 ps-3 font-medium">
<a
href="javascript:void(0)"
class="group inline-flex items-center gap-1 rounded-xl border border-slate-200 px-2.5 py-1.5 font-medium text-slate-800 transition duration-75 hover:border-indigo-300 hover:text-indigo-800 active:border-slate-200"
>
<span>Send Message</span>
<svg
class="hi-mini hi-arrow-right inline-block h-5 w-5 text-slate-400 transition duration-75 group-hover:text-indigo-600 group-active:translate-x-0.5"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
fill="currentColor"
aria-hidden="true"
>
<path
fill-rule="evenodd"
d="M3 10a.75.75 0 01.75-.75h10.638L10.23 5.29a.75.75 0 111.04-1.08l5.5 5.25a.75.75 0 010 1.08l-5.5 5.25a.75.75 0 11-1.04-1.08l4.158-3.96H3.75A.75.75 0 013 10z"
clip-rule="evenodd"
/>
</svg>
</a>
</td>
</tr>
<tr
class="border-b border-gray-100 dark:border-slate-700/50"
>
<td class="py-3 pe-3 text-start">
<a
href="javascript:void(0)"
class="font-medium text-indigo-500 hover:text-indigo-700"
>Green Growth</a
>
</td>
<td class="p-3 text-slate-600">Agriculture</td>
<td class="p-3 font-medium">Cape Town, South Africa</td>
<td class="p-3 text-start">
<div
class="inline-block rounded-full bg-emerald-100 px-2 py-1 text-xs font-semibold leading-4 text-emerald-800"
>
$3M
</div>
</td>
<td class="p-3 font-medium">
samuel.mbatha@greengrowth.com
</td>
<td class="py-3 ps-3 font-medium">
<a
href="javascript:void(0)"
class="group inline-flex items-center gap-1 rounded-xl border border-slate-200 px-2.5 py-1.5 font-medium text-slate-800 transition duration-75 hover:border-indigo-300 hover:text-indigo-800 active:border-slate-200"
>
<span>Send Message</span>
<svg
class="hi-mini hi-arrow-right inline-block h-5 w-5 text-slate-400 transition duration-75 group-hover:text-indigo-600 group-active:translate-x-0.5"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
fill="currentColor"
aria-hidden="true"
>
<path
fill-rule="evenodd"
d="M3 10a.75.75 0 01.75-.75h10.638L10.23 5.29a.75.75 0 111.04-1.08l5.5 5.25a.75.75 0 010 1.08l-5.5 5.25a.75.75 0 11-1.04-1.08l4.158-3.96H3.75A.75.75 0 013 10z"
clip-rule="evenodd"
/>
</svg>
</a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div>
<h2 class="mb-1 text-2xl font-semibold">Resources</h2>
<h3 class="mb-8 text-sm font-medium text-slate-600">
Helpful links to make your job easier
</h3>
<div class="grid grid-cols-1 gap-16 xl:grid-cols-3">
<div>
<h4 class="mb-0.5 font-semibold">Documentation</h4>
<h5 class="text-sm text-gray-600">Most popular articles</h5>
<ul class="divide-y divide-dashed pt-3">
<li>
<a
href="javascript:void(0)"
class="group flex items-center justify-between py-2 text-sm font-medium text-indigo-500 hover:text-indigo-700"
>
<span>Getting Started</span>
<svg
class="hi-mini hi-document-text inline-block h-5 w-5 text-slate-400 group-hover:text-indigo-600"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
fill="currentColor"
aria-hidden="true"
>
<path
fill-rule="evenodd"
d="M4.5 2A1.5 1.5 0 003 3.5v13A1.5 1.5 0 004.5 18h11a1.5 1.5 0 001.5-1.5V7.621a1.5 1.5 0 00-.44-1.06l-4.12-4.122A1.5 1.5 0 0011.378 2H4.5zm2.25 8.5a.75.75 0 000 1.5h6.5a.75.75 0 000-1.5h-6.5zm0 3a.75.75 0 000 1.5h6.5a.75.75 0 000-1.5h-6.5z"
clip-rule="evenodd"
/>
</svg>
</a>
</li>
<li>
<a
href="javascript:void(0)"
class="group flex items-center justify-between py-2 text-sm font-medium text-indigo-500 hover:text-indigo-700"
>
<span>Sending Messages</span>
<svg
class="hi-mini hi-document-text inline-block h-5 w-5 text-slate-400 group-hover:text-indigo-600"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
fill="currentColor"
aria-hidden="true"
>
<path
fill-rule="evenodd"
d="M4.5 2A1.5 1.5 0 003 3.5v13A1.5 1.5 0 004.5 18h11a1.5 1.5 0 001.5-1.5V7.621a1.5 1.5 0 00-.44-1.06l-4.12-4.122A1.5 1.5 0 0011.378 2H4.5zm2.25 8.5a.75.75 0 000 1.5h6.5a.75.75 0 000-1.5h-6.5zm0 3a.75.75 0 000 1.5h6.5a.75.75 0 000-1.5h-6.5z"
clip-rule="evenodd"
/>
</svg>
</a>
</li>
<li>
<a
href="javascript:void(0)"
class="group flex items-center justify-between py-2 text-sm font-medium text-indigo-500 hover:text-indigo-700"
>
<span>Finding new leads</span>
<svg
class="hi-mini hi-document-text inline-block h-5 w-5 text-slate-400 group-hover:text-indigo-600"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
fill="currentColor"
aria-hidden="true"
>
<path
fill-rule="evenodd"
d="M4.5 2A1.5 1.5 0 003 3.5v13A1.5 1.5 0 004.5 18h11a1.5 1.5 0 001.5-1.5V7.621a1.5 1.5 0 00-.44-1.06l-4.12-4.122A1.5 1.5 0 0011.378 2H4.5zm2.25 8.5a.75.75 0 000 1.5h6.5a.75.75 0 000-1.5h-6.5zm0 3a.75.75 0 000 1.5h6.5a.75.75 0 000-1.5h-6.5z"
clip-rule="evenodd"
/>
</svg>
</a>
</li>
<li>
<a
href="javascript:void(0)"
class="group flex items-center justify-between py-2 text-sm font-medium text-indigo-500 hover:text-indigo-700"
>
<span>Closing a deal</span>
<svg
class="hi-mini hi-document-text inline-block h-5 w-5 text-slate-400 group-hover:text-indigo-600"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
fill="currentColor"
aria-hidden="true"
>
<path
fill-rule="evenodd"
d="M4.5 2A1.5 1.5 0 003 3.5v13A1.5 1.5 0 004.5 18h11a1.5 1.5 0 001.5-1.5V7.621a1.5 1.5 0 00-.44-1.06l-4.12-4.122A1.5 1.5 0 0011.378 2H4.5zm2.25 8.5a.75.75 0 000 1.5h6.5a.75.75 0 000-1.5h-6.5zm0 3a.75.75 0 000 1.5h6.5a.75.75 0 000-1.5h-6.5z"
clip-rule="evenodd"
/>
</svg>
</a>
</li>
</ul>
</div>
<div>
<h4 class="mb-0.5 font-semibold">Assets</h4>
<h5 class="text-sm text-gray-600">
Everything you might need
</h5>
<ul class="divide-y divide-dashed pt-3">
<li>
<a
href="javascript:void(0)"
class="group flex items-center justify-between py-2 text-sm font-medium text-indigo-500 hover:text-indigo-700"
>
<span>AI Prompts</span>
<svg
class="hi-mini hi-briefcase inline-block h-5 w-5 text-slate-400 group-hover:text-indigo-600"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
fill="currentColor"
aria-hidden="true"
>
<path
fill-rule="evenodd"
d="M6 3.75A2.75 2.75 0 018.75 1h2.5A2.75 2.75 0 0114 3.75v.443c.572.055 1.14.122 1.706.2C17.053 4.582 18 5.75 18 7.07v3.469c0 1.126-.694 2.191-1.83 2.54-1.952.599-4.024.921-6.17.921s-4.219-.322-6.17-.921C2.694 12.73 2 11.665 2 10.539V7.07c0-1.321.947-2.489 2.294-2.676A41.047 41.047 0 016 4.193V3.75zm6.5 0v.325a41.622 41.622 0 00-5 0V3.75c0-.69.56-1.25 1.25-1.25h2.5c.69 0 1.25.56 1.25 1.25zM10 10a1 1 0 00-1 1v.01a1 1 0 001 1h.01a1 1 0 001-1V11a1 1 0 00-1-1H10z"
clip-rule="evenodd"
/>
<path
d="M3 15.055v-.684c.126.053.255.1.39.142 2.092.642 4.313.987 6.61.987 2.297 0 4.518-.345 6.61-.987.135-.041.264-.089.39-.142v.684c0 1.347-.985 2.53-2.363 2.686a41.454 41.454 0 01-9.274 0C3.985 17.585 3 16.402 3 15.055z"
/>
</svg>
</a>
</li>
<li>
<a
href="javascript:void(0)"
class="group flex items-center justify-between py-2 text-sm font-medium text-indigo-500 hover:text-indigo-700"
>
<span>Graphics</span>
<svg
class="hi-mini hi-briefcase inline-block h-5 w-5 text-slate-400 group-hover:text-indigo-600"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
fill="currentColor"
aria-hidden="true"
>
<path
fill-rule="evenodd"
d="M6 3.75A2.75 2.75 0 018.75 1h2.5A2.75 2.75 0 0114 3.75v.443c.572.055 1.14.122 1.706.2C17.053 4.582 18 5.75 18 7.07v3.469c0 1.126-.694 2.191-1.83 2.54-1.952.599-4.024.921-6.17.921s-4.219-.322-6.17-.921C2.694 12.73 2 11.665 2 10.539V7.07c0-1.321.947-2.489 2.294-2.676A41.047 41.047 0 016 4.193V3.75zm6.5 0v.325a41.622 41.622 0 00-5 0V3.75c0-.69.56-1.25 1.25-1.25h2.5c.69 0 1.25.56 1.25 1.25zM10 10a1 1 0 00-1 1v.01a1 1 0 001 1h.01a1 1 0 001-1V11a1 1 0 00-1-1H10z"
clip-rule="evenodd"
/>
<path
d="M3 15.055v-.684c.126.053.255.1.39.142 2.092.642 4.313.987 6.61.987 2.297 0 4.518-.345 6.61-.987.135-.041.264-.089.39-.142v.684c0 1.347-.985 2.53-2.363 2.686a41.454 41.454 0 01-9.274 0C3.985 17.585 3 16.402 3 15.055z"
/>
</svg>
</a>
</li>
<li>
<a
href="javascript:void(0)"
class="group flex items-center justify-between py-2 text-sm font-medium text-indigo-500 hover:text-indigo-700"
>
<span>Videos</span>
<svg
class="hi-mini hi-briefcase inline-block h-5 w-5 text-slate-400 group-hover:text-indigo-600"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
fill="currentColor"
aria-hidden="true"
>
<path
fill-rule="evenodd"
d="M6 3.75A2.75 2.75 0 018.75 1h2.5A2.75 2.75 0 0114 3.75v.443c.572.055 1.14.122 1.706.2C17.053 4.582 18 5.75 18 7.07v3.469c0 1.126-.694 2.191-1.83 2.54-1.952.599-4.024.921-6.17.921s-4.219-.322-6.17-.921C2.694 12.73 2 11.665 2 10.539V7.07c0-1.321.947-2.489 2.294-2.676A41.047 41.047 0 016 4.193V3.75zm6.5 0v.325a41.622 41.622 0 00-5 0V3.75c0-.69.56-1.25 1.25-1.25h2.5c.69 0 1.25.56 1.25 1.25zM10 10a1 1 0 00-1 1v.01a1 1 0 001 1h.01a1 1 0 001-1V11a1 1 0 00-1-1H10z"
clip-rule="evenodd"
/>
<path
d="M3 15.055v-.684c.126.053.255.1.39.142 2.092.642 4.313.987 6.61.987 2.297 0 4.518-.345 6.61-.987.135-.041.264-.089.39-.142v.684c0 1.347-.985 2.53-2.363 2.686a41.454 41.454 0 01-9.274 0C3.985 17.585 3 16.402 3 15.055z"
/>
</svg>
</a>
</li>
<li>
<a
href="javascript:void(0)"
class="group flex items-center justify-between py-2 text-sm font-medium text-indigo-500 hover:text-indigo-700"
>
<span>Icons</span>
<svg
class="hi-mini hi-briefcase inline-block h-5 w-5 text-slate-400 group-hover:text-indigo-600"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
fill="currentColor"
aria-hidden="true"
>
<path
fill-rule="evenodd"
d="M6 3.75A2.75 2.75 0 018.75 1h2.5A2.75 2.75 0 0114 3.75v.443c.572.055 1.14.122 1.706.2C17.053 4.582 18 5.75 18 7.07v3.469c0 1.126-.694 2.191-1.83 2.54-1.952.599-4.024.921-6.17.921s-4.219-.322-6.17-.921C2.694 12.73 2 11.665 2 10.539V7.07c0-1.321.947-2.489 2.294-2.676A41.047 41.047 0 016 4.193V3.75zm6.5 0v.325a41.622 41.622 0 00-5 0V3.75c0-.69.56-1.25 1.25-1.25h2.5c.69 0 1.25.56 1.25 1.25zM10 10a1 1 0 00-1 1v.01a1 1 0 001 1h.01a1 1 0 001-1V11a1 1 0 00-1-1H10z"
clip-rule="evenodd"
/>
<path
d="M3 15.055v-.684c.126.053.255.1.39.142 2.092.642 4.313.987 6.61.987 2.297 0 4.518-.345 6.61-.987.135-.041.264-.089.39-.142v.684c0 1.347-.985 2.53-2.363 2.686a41.454 41.454 0 01-9.274 0C3.985 17.585 3 16.402 3 15.055z"
/>
</svg>
</a>
</li>
</ul>
</div>
<div>
<h4 class="mb-0.5 font-semibold">External Links</h4>
<h5 class="text-sm text-gray-600">Services we use</h5>
<ul class="divide-y divide-dashed pt-3">
<li>
<a
href="javascript:void(0)"
class="group flex items-center justify-between py-2 text-sm font-medium text-indigo-500 hover:text-indigo-700"
>
<span>Analytics</span>
<svg
class="hi-mini hi-arrow-top-right-on-square inline-block h-5 w-5 text-slate-400 group-hover:text-indigo-600"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
fill="currentColor"
aria-hidden="true"
>
<path
fill-rule="evenodd"
d="M4.25 5.5a.75.75 0 00-.75.75v8.5c0 .414.336.75.75.75h8.5a.75.75 0 00.75-.75v-4a.75.75 0 011.5 0v4A2.25 2.25 0 0112.75 17h-8.5A2.25 2.25 0 012 14.75v-8.5A2.25 2.25 0 014.25 4h5a.75.75 0 010 1.5h-5z"
clip-rule="evenodd"
/>
<path
fill-rule="evenodd"
d="M6.194 12.753a.75.75 0 001.06.053L16.5 4.44v2.81a.75.75 0 001.5 0v-4.5a.75.75 0 00-.75-.75h-4.5a.75.75 0 000 1.5h2.553l-9.056 8.194a.75.75 0 00-.053 1.06z"
clip-rule="evenodd"
/>
</svg>
</a>
</li>
<li>
<a
href="javascript:void(0)"
class="group flex items-center justify-between py-2 text-sm font-medium text-indigo-500 hover:text-indigo-700"
>
<span>Google Docs</span>
<svg
class="hi-mini hi-arrow-top-right-on-square inline-block h-5 w-5 text-slate-400 group-hover:text-indigo-600"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
fill="currentColor"
aria-hidden="true"
>
<path
fill-rule="evenodd"
d="M4.25 5.5a.75.75 0 00-.75.75v8.5c0 .414.336.75.75.75h8.5a.75.75 0 00.75-.75v-4a.75.75 0 011.5 0v4A2.25 2.25 0 0112.75 17h-8.5A2.25 2.25 0 012 14.75v-8.5A2.25 2.25 0 014.25 4h5a.75.75 0 010 1.5h-5z"
clip-rule="evenodd"
/>
<path
fill-rule="evenodd"
d="M6.194 12.753a.75.75 0 001.06.053L16.5 4.44v2.81a.75.75 0 001.5 0v-4.5a.75.75 0 00-.75-.75h-4.5a.75.75 0 000 1.5h2.553l-9.056 8.194a.75.75 0 00-.053 1.06z"
clip-rule="evenodd"
/>
</svg>
</a>
</li>
<li>
<a
href="javascript:void(0)"
class="group flex items-center justify-between py-2 text-sm font-medium text-indigo-500 hover:text-indigo-700"
>
<span>Discord</span>
<svg
class="hi-mini hi-arrow-top-right-on-square inline-block h-5 w-5 text-slate-400 group-hover:text-indigo-600"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
fill="currentColor"
aria-hidden="true"
>
<path
fill-rule="evenodd"
d="M4.25 5.5a.75.75 0 00-.75.75v8.5c0 .414.336.75.75.75h8.5a.75.75 0 00.75-.75v-4a.75.75 0 011.5 0v4A2.25 2.25 0 0112.75 17h-8.5A2.25 2.25 0 012 14.75v-8.5A2.25 2.25 0 014.25 4h5a.75.75 0 010 1.5h-5z"
clip-rule="evenodd"
/>
<path
fill-rule="evenodd"
d="M6.194 12.753a.75.75 0 001.06.053L16.5 4.44v2.81a.75.75 0 001.5 0v-4.5a.75.75 0 00-.75-.75h-4.5a.75.75 0 000 1.5h2.553l-9.056 8.194a.75.75 0 00-.053 1.06z"
clip-rule="evenodd"
/>
</svg>
</a>
</li>
<li>
<a
href="javascript:void(0)"
class="group flex items-center justify-between py-2 text-sm font-medium text-indigo-500 hover:text-indigo-700"
>
<span>Tailkit</span>
<svg
class="hi-mini hi-arrow-top-right-on-square inline-block h-5 w-5 text-slate-400 group-hover:text-indigo-600"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
fill="currentColor"
aria-hidden="true"
>
<path
fill-rule="evenodd"
d="M4.25 5.5a.75.75 0 00-.75.75v8.5c0 .414.336.75.75.75h8.5a.75.75 0 00.75-.75v-4a.75.75 0 011.5 0v4A2.25 2.25 0 0112.75 17h-8.5A2.25 2.25 0 012 14.75v-8.5A2.25 2.25 0 014.25 4h5a.75.75 0 010 1.5h-5z"
clip-rule="evenodd"
/>
<path
fill-rule="evenodd"
d="M6.194 12.753a.75.75 0 001.06.053L16.5 4.44v2.81a.75.75 0 001.5 0v-4.5a.75.75 0 00-.75-.75h-4.5a.75.75 0 000 1.5h2.553l-9.056 8.194a.75.75 0 00-.053 1.06z"
clip-rule="evenodd"
/>
</svg>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</main>
<footer
id="page-footer"
class="flex grow-0 items-center border-t border-slate-100"
>
<div
class="container mx-auto flex flex-col gap-2 px-4 py-6 text-center text-sm font-medium text-slate-600 md:flex-row md:justify-between md:gap-0 md:text-start lg:px-8 xl:max-w-7xl"
>
<div>© <span class="font-semibold">TailLead</span></div>
<div class="inline-flex items-center justify-center">
<span>Crafted with</span
><svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
fill="currentColor"
aria-hidden="true"
class="mx-1 h-4 w-4 text-red-600"
>
<path
d="M9.653 16.915l-.005-.003-.019-.01a20.759 20.759 0 01-1.162-.682 22.045 22.045 0 01-2.582-1.9C4.045 12.733 2 10.352 2 7.5a4.5 4.5 0 018-2.828A4.5 4.5 0 0118 7.5c0 2.852-2.044 5.233-3.885 6.82a22.049 22.049 0 01-3.744 2.582l-.019.01-.005.003h-.002a.739.739 0 01-.69.001l-.002-.001z"
></path>
</svg>
<span
>by
<a
class="font-medium text-indigo-600 transition hover:text-indigo-700"
href="https://pixelcave.com"
target="_blank"
>pixelcave</a
></span
>
</div>
</div>
</footer>
</div>
</div>