<section id="clients" class="py-8 bg-gray-900">
<div class="relative container p-2 py-8 lg:p-16 w-full lg:w-4/5
rounded
mx-auto
flex
flex-col
flex-nowrap
justify-content
items-center bg-gray-800">
<span class="w-5 h-5 bg-green-500 rounded-full absolute -top-1
left-32 lg:left-72"></span>
<span class="w-5 h-5 bg-red-500 rounded-full absolute
bottom-10 right-4 lg:right-72"></span>
<span class="w-5 h-5 bg-yellow-500 rounded-full absolute
-bottom-1 left-16 lg:left-48"></span>
<h2 class="leading-tight lg:leading-none w-full text-white
text-4xl
lg:text-5xl
font-bold
lg:w-4/5
text-center">Free HTML
Components for
all
business
solutions</h2>
<p class="text-center text-normal my-4 lg:w-3/5
text-gray-400">
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Commodi, harum nihil. Enim distinctio eligendi expedita
commodi aspernatur accusantium cumque soluta tempore.
</p>
<a href="#" class="relative z-20 shadow-lg block bg-indigo-600 font-semibold
text-white
rounded p-4">Download
for
free -
forever</a>
<p class="text-xs text-gray-200 mt-2">Responsive on all screens</p>
</div>
</section>
const CTA = () => {
return (
<section id="clients" className="py-8 bg-gray-900">
<div
className="relative container p-2 py-8 lg:p-16 w-full lg:w-4/5
rounded
mx-auto
flex
flex-col
flex-nowrap
justify-content
items-center bg-gray-800"
>
<span
className="w-5 h-5 bg-green-500 rounded-full absolute -top-1
left-32 lg:left-72"
/>
<span
className="w-5 h-5 bg-red-500 rounded-full absolute
bottom-10 right-4 lg:right-72"
/>
<span
className="w-5 h-5 bg-yellow-500 rounded-full absolute
-bottom-1 left-16 lg:left-48"
/>
<h2
className="leading-tight lg:leading-none w-full text-white
text-4xl
lg:text-5xl
font-bold
lg:w-4/5
text-center"
>
Free HTML Components for all business solutions
</h2>
<p
className="text-center text-normal my-4 lg:w-3/5
text-gray-400"
>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Commodi, harum nihil. Enim distinctio eligendi expedita
commodi aspernatur accusantium cumque soluta tempore.
</p>
<a
href="#"
className="relative z-20 shadow-lg block bg-indigo-600 font-semibold
text-white
rounded p-4"
>
Download for free - forever
</a>
<p className="text-xs text-gray-200 mt-2">
Responsive on all screens
</p>
</div>
</section>
);
}
export default CTA;