<section class="pt-20">
<div class="relative container px-4 mx-auto text-center">
<div class="max-w-2xl mx-auto mb-16">
<span class="text-sm font-bold text-gray-200 uppercase">Lorem ipsum</span>
<h2 class="mt-2 mb-4 text-4xl lg:text-5xl font-bold font-heading">Lorem ipsum dolor sit amet consectutar domor at elis</h2>
<p class="mb-8 text-lg text-gray-500 leading-loose">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque massa nibh, pulvinar vitae aliquet nec, accumsan aliquet orci.</p>
<div class="flex justify-center items-center mb-16">
<a class="mr-4" href="#">
<img src="mockup-assets/images/buttons/app-store.svg" alt="">
</a>
<a href="#">
<img src="mockup-assets/images/buttons/google-play.svg" alt="">
</a>
</div>
</div>
<div>
<img class="mx-auto" src="mockup-assets/images/devices/3-devices.svg" 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
