<section class="md:py-20 bg-black overflow-hidden">
<div class="container mx-auto px-4">
<div class="relative max-w-2xl py-32 mx-auto">
<img class="absolute top-0 left-0 -ml-12" src="boldui-assets/elements/ellipse.svg" alt="">
<div class="flex flex-wrap -mx-4">
<div class="w-full md:w-1/2 px-4 mb-8 md:mb-0">
<h2 class="text-2xl text-white uppercase font-heading">Increase your brand's regular profit</h2>
</div>
<div class="w-full md:w-1/2 px-4">
<p class="mb-16 text-xl 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-flex items-center py-4 px-6 rounded-full bg-yellow-300 hover:bg-yellow-400 transform duration-200" href="#">
<svg class="mr-3" width="16" height="9" viewBox="0 0 16 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.01 3.16553H0V5.24886H12.01V8.37386L16 4.20719L12.01 0.0405273V3.16553Z" fill="black"></path>
</svg>
<span class="text-sm font-heading">Activate demo</span>
</a>
</div>
</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
