<section class="py-16 bg-green-500 bg-contain bg-no-repeat bg-center" style="background-image: url('acros-assets/images/call-to-action/cta-1-bg.png');">
<div class="container px-4 mx-auto">
<div class="max-w-3xl mx-auto text-center">
<span class="text-sm font-semibold text-white uppercase">New feature</span>
<h1 class="font-heading text-3xl sm:text-4xl text-white mt-2 mb-6">Take quick action that increases your brand's regular profit.</h1>
<p class="max-w-2xl mx-auto text-lg leading-8 text-white mb-12">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>
<div class="sm:flex items-center justify-center"><a class="inline-block w-full sm:w-auto py-4 px-6 mb-4 sm:mb-0 sm:mr-4 text-center font-heading font-medium text-base hover:text-green-500 bg-white hover:bg-gray-50 border border-white hover:border-gray-50 rounded-sm transition duration-200" href="#">Active demo</a><a class="inline-block w-full sm:w-auto py-4 px-6 text-center font-heading font-medium text-base text-white hover:text-green-500 border border-white hover:bg-white rounded-sm transition duration-200" href="#">Share with friends</a></div>
</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
