<section class="pt-24 bg-black overflow-hidden">
<div class="container mx-auto px-4">
<div class="relative z-10 max-w-xl mx-auto text-center">
<span class="text-lg font-semibold text-blue-400">Lorem ipsum</span>
<h2 class="mt-6 mb-6 text-2xl text-white uppercase font-heading">Take quick action that increases your brand's regular profit.</h2>
<p class="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>
<div class="flex flex-wrap items-center justify-center mb-20">
<a class="inline-flex w-full md:w-auto mb-6 md:mb-0 md:mr-8 items-center justify-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>
<a class="inline-flex items-center text-white hover:underline" href="#">
<span class="mr-2 text-sm font-heading">Share with friends</span>
<svg width="16" height="10" viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.01 3.95383H0V6.04614H12.01V9.1846L16 4.99998L12.01 0.815369V3.95383Z" fill="#FFEC3E"></path>
</svg>
</a>
</div>
</div>
<div class="relative flex">
<div class="absolute top-0 left-0 -ml-64 -mt-80 inline-block">
<img class="w-full h-full object-contain" src="boldui-assets/elements/shadow-left-blue.svg" alt="">
</div>
<div class="absolute top-0 right-0 -mr-64 -mt-80 inline-block">
<img class="w-full h-full object-contain" src="boldui-assets/elements/shadow-right.svg" alt="">
</div>
</div>
<div class="relative max-w-4xl mx-auto">
<img src="boldui-assets/images/laptop-center.png" alt="">
</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
