<section class="pt-20 bg-black overflow-x-hidden">
<div class="relative container mx-auto px-4 pb-20">
<img class="absolute top-1/2 left-1/2 -mt-24 -ml-40 h-128" src="boldui-assets/elements/shadow-blue-full.svg" alt="">
<div class="relative z-10 flex flex-wrap -mx-4">
<div class="w-full md:w-1/2 px-4">
<h2 class="mb-6 text-2xl text-white uppercase font-heading">Contact us</h2>
<p class="mb-6 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>
<a class="inline-flex mb-4 lg:mb-0 mr-8 items-center py-4 px-6 rounded-full bg-yellow-300 hover:bg-yellow-400 transform duration-200" href="#">
<svg class="text-black 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="currentColor"></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 class="text-yellow-300" 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="currentColor"></path>
</svg>
</a>
</div>
</div>
<div class="relative w-full md:w-1/2 px-4">
<div class="absolute top-0 left-0 h-128 w-full flex items-center justify-center bg-contain bg-no-repeat bg-center" style="background-image: url('boldui-assets/images/ellipse-dark.png');">
<div class="text-center">
<h3 class="text-lg text-blue-500">Address</h3>
<p class="text-lg text-white">1686 Geraldine Lane</p>
<p class="mb-6 text-lg text-white">New York, NY 10013</p>
<h3 class="text-lg text-blue-500">Contacts</h3>
<a class="inline-block text-lg text-white" href="mailto:hello@shuffle.dev">hello@shuffle.dev</a>
</div>
</div>
</div>
</div>
</div>
<div class="relative h-128 w-full">
<img class="w-full h-full object-cover" src="boldui-assets/images/map1.png" alt="">
</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
