<section>
<div class="relative px-8 pt-24 mx-auto md:px-12 lg:px-24 max-w-7xl">
<div class="max-w-xl">
<span
class="font-mono text-xs font-medium tracking-tight text-blue-600 uppercase"
>Tagline</span
>
<h1
class="mt-4 text-4xl font-semibold tracking-tight text-gray-900 sm:text-balance"
>
Transform your visitors into users with an engaging headline
</h1>
<p class="mt-6 text-base font-medium text-gray-500 sm:text-pretty">
The fastest method for working together on staging and temporary
environments.
</p>
</div>
<div
class="grid grid-cols-1 mt-12 gap-x-2 gap-y-14 lg:gap-12 sm:grid-cols-2 lg:grid-cols-3"
>
<div>
<div>
<p class="text-lg font-medium tracking-tight text-gray-900">
Innovative Design
</p>
<p class="mt-2 text-sm text-gray-500 text-pretty">
Our cutting-edge design offers a fresh, modern look that transforms
your project into a standout experience.
</p>
</div>
<ul
role="list"
class="mt-6 space-y-1 text-base font-medium list-none text-gray-900"
>
<li class="list-none">
<div class="flex items-center gap-4">
<svg
xmlns="http://www.w3.org/2000/svg"
class="text-blue-600 icon icon-tabler icon-tabler-circle-check-filled"
width="20"
height="20"
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="M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-1.293 5.953a1 1 0 0 0 -1.32 -.083l-.094 .083l-3.293 3.292l-1.293 -1.292l-.094 -.083a1 1 0 0 0 -1.403 1.403l.083 .094l2 2l.094 .083a1 1 0 0 0 1.226 0l.094 -.083l4 -4l.083 -.094a1 1 0 0 0 -.083 -1.32z"
stroke-width="0"
fill="currentColor"
></path>
</svg>
<span class="text-base text-gray-700"
>Revolutionizing communication</span
>
</div>
</li>
<li class="list-none">
<div class="flex items-center gap-4">
<svg
xmlns="http://www.w3.org/2000/svg"
class="text-blue-600 icon icon-tabler icon-tabler-circle-check-filled"
width="20"
height="20"
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="M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-1.293 5.953a1 1 0 0 0 -1.32 -.083l-.094 .083l-3.293 3.292l-1.293 -1.292l-.094 -.083a1 1 0 0 0 -1.403 1.403l.083 .094l2 2l.094 .083a1 1 0 0 0 1.226 0l.094 -.083l4 -4l.083 -.094a1 1 0 0 0 -.083 -1.32z"
stroke-width="0"
fill="currentColor"
></path>
</svg>
<span class="text-base text-gray-700"
>Enhancing productivity</span
>
</div>
</li>
</ul>
</div>
<div>
<div>
<p class="text-lg font-medium tracking-tight text-gray-900">
Powerful Functionality
</p>
<p class="mt-2 text-sm text-gray-500 text-pretty">
Equipped with advanced features and tools, our solution effortlessly
manages complex tasks and workflows.
</p>
</div>
<ul
role="list"
class="mt-6 space-y-1 text-base font-medium list-none text-gray-900"
>
<li class="list-none">
<div class="flex items-center gap-4">
<svg
xmlns="http://www.w3.org/2000/svg"
class="text-blue-600 icon icon-tabler icon-tabler-circle-check-filled"
width="20"
height="20"
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="M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-1.293 5.953a1 1 0 0 0 -1.32 -.083l-.094 .083l-3.293 3.292l-1.293 -1.292l-.094 -.083a1 1 0 0 0 -1.403 1.403l.083 .094l2 2l.094 .083a1 1 0 0 0 1.226 0l.094 -.083l4 -4l.083 -.094a1 1 0 0 0 -.083 -1.32z"
stroke-width="0"
fill="currentColor"
></path>
</svg>
<span class="text-base text-gray-700"
>Unlocking innovative solutions</span
>
</div>
</li>
<li class="list-none">
<div class="flex items-center gap-4">
<svg
xmlns="http://www.w3.org/2000/svg"
class="text-blue-600 icon icon-tabler icon-tabler-circle-check-filled"
width="20"
height="20"
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="M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-1.293 5.953a1 1 0 0 0 -1.32 -.083l-.094 .083l-3.293 3.292l-1.293 -1.292l-.094 -.083a1 1 0 0 0 -1.403 1.403l.083 .094l2 2l.094 .083a1 1 0 0 0 1.226 0l.094 -.083l4 -4l.083 -.094a1 1 0 0 0 -.083 -1.32z"
stroke-width="0"
fill="currentColor"
></path>
</svg>
<span class="text-base text-gray-700"
>Enabling interoperability</span
>
</div>
</li>
</ul>
</div>
<div>
<div>
<p class="text-lg font-medium tracking-tight text-gray-900">
Easy Integration
</p>
<p class="mt-2 text-sm text-gray-500 text-pretty">
Integrating with existing systems is smooth and hassle-free, thanks
to our incredible flexible approach.
</p>
</div>
<ul
role="list"
class="mt-6 space-y-1 text-base font-medium list-none text-gray-900"
>
<li class="list-none">
<div class="flex items-center gap-4">
<svg
xmlns="http://www.w3.org/2000/svg"
class="text-blue-600 icon icon-tabler icon-tabler-circle-check-filled"
width="20"
height="20"
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="M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-1.293 5.953a1 1 0 0 0 -1.32 -.083l-.094 .083l-3.293 3.292l-1.293 -1.292l-.094 -.083a1 1 0 0 0 -1.403 1.403l.083 .094l2 2l.094 .083a1 1 0 0 0 1.226 0l.094 -.083l4 -4l.083 -.094a1 1 0 0 0 -.083 -1.32z"
stroke-width="0"
fill="currentColor"
></path>
</svg>
<span class="text-base text-gray-700"
>Streamlining operations</span
>
</div>
</li>
<li class="list-none">
<div class="flex items-center gap-4">
<svg
xmlns="http://www.w3.org/2000/svg"
class="text-blue-600 icon icon-tabler icon-tabler-circle-check-filled"
width="20"
height="20"
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="M17 3.34a10 10 0 1 1 -14.995 8.984l-.005 -.324l.005 -.324a10 10 0 0 1 14.995 -8.336zm-1.293 5.953a1 1 0 0 0 -1.32 -.083l-.094 .083l-3.293 3.292l-1.293 -1.292l-.094 -.083a1 1 0 0 0 -1.403 1.403l.083 .094l2 2l.094 .083a1 1 0 0 0 1.226 0l.094 -.083l4 -4l.083 -.094a1 1 0 0 0 -.083 -1.32z"
stroke-width="0"
fill="currentColor"
></path>
</svg>
<span class="text-base text-gray-700"
>Simplifying implementation</span
>
</div>
</li>
</ul>
</div>
</div>
<div class="w-full mt-12 -mb-12">
<img
src="/images/dashboardLight.svg"
alt="#_"
class="w-full shadow rounded-t-2xl"
/>
</div>
</div>
</section>
