<div class="bg-gray-50">
<div
class="container mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8 lg:flex lg:items-center lg:justify-between"
>
<h2
class="text-3xl font-extrabold tracking-tight text-gray-900 sm:text-4xl"
>
<span class="block">Understand user behaviour and</span>
<span class="block">grow your business with</span>
<span class="block text-indigo-600"
>Drycomponents.</span
>
</h2>
<div class="mt-8 flex lg:mt-0 flex-col lg:flex-shrink-0 md:flex-row">
<div class="inline-flex">
<a
href="javascript:void(0);"
class="block w-full text-center md:inline-flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium text-white bg-indigo-600 hover:bg-indigo-700"
>
Explore Products
</a>
</div>
<div class="mt-4 md:mt-0 ml-0 md:ml-3 inline-flex">
<a
href="javascript:void(0);"
class="block w-full text-center md:inline-flex items-center justify-center px-5 py-3 border border-indigo-600 text-base font-medium text-indigo-600 bg-white hover:bg-indigo-50"
>
Get Started
</a>
</div>
</div>
</div>
</div>
const CTA = () => {
return (
<div className="bg-gray-50">
<div className="container mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8 lg:flex lg:items-center lg:justify-between">
<h2 className="text-3xl font-extrabold tracking-tight text-gray-900 sm:text-4xl">
<span className="block">Understand user behaviour and</span>
<span className="block">grow your business with</span>
<span className="block text-indigo-600">
Drycomponents.
</span>
</h2>
<div className="mt-8 flex lg:mt-0 flex-col lg:flex-shrink-0 md:flex-row">
<div className="inline-flex">
<a
href="javascript:void(0);"
className="block w-full text-center md:inline-flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium text-white bg-indigo-600 hover:bg-indigo-700"
>
Explore Products
</a>
</div>
<div className="mt-4 md:mt-0 ml-0 md:ml-3 inline-flex">
<a
href="javascript:void(0);"
className="block w-full text-center md:inline-flex items-center justify-center px-5 py-3 border border-indigo-600 text-base font-medium text-indigo-600 bg-white hover:bg-indigo-50"
>
Get Started
</a>
</div>
</div>
</div>
</div>
);
}
export default CTA;