<section class="relative py-24 bg-blue-50">
<div class="container px-4 mx-auto">
<div class="max-w-4xl mx-auto text-center">
<span class="text-blue-400 font-semibold uppercase tracking-widest">New feature</span>
<h2 class="mt-8 mb-6 text-4xl lg:text-5xl font-bold text-blue-800">Take quick action that increases your brand's regular profit.</h2>
<p class="max-w-3xl mx-auto mb-10 text-lg text-gray-500">If you have ever wondered how to develop your brand, this is the place for you. Take a big step forward in growing your business with this great tool.</p>
<a class="inline-block w-full md:w-auto mb-4 md:mr-6 py-5 px-8 text-sm font-bold uppercase border-2 border-transparent bg-yellow-500 hover:bg-yellow-400 text-blue-800 transition duration-200" href="#">Activate Demo</a><a class="inline-block w-full md:w-auto mb-2 py-5 px-8 text-sm text-blue-800 font-bold uppercase border-2 border-blue-800 hover:border-blue-700" href="#">Share with friends</a>
</div>
</div>
</section>
Can't find the right component?
Describe it and Shuffle AI builds it in seconds, ready to edit and export.
Free to start
Generate with AI
