<section class="bg-neutral-50 pt-12 md:pt-24">
<div class="container mx-auto px-4">
<h1 class="text-6xl sm:text-9xl xl:text-11xl font-semibold text-neutral-800 max-w-sm sm:max-w-6xl relative mb-12 tracking-tight font-heading">
<span class="mr-3">Join the community, and</span>
<span class="relative inline-block">
<span class="relative z-10">change the future.</span>
<span class="absolute -bottom-2 left-0 h-2.5 w-full bg-orange-500 rounded-full"></span>
</span>
</h1>
<p class="text-2xl md:text-4xl font-semibold mb-16 text-neutral-600 tracking-tight">Shape Tomorrow with Digital Learning Today!</p>
<a class="inline-flex justify-center items-center text-center h-20 p-5 font-semibold tracking-tight text-2xl text-white bg-neutral-900 hover:bg-neutral-800 focus:bg-neutral-800 rounded-lg focus:ring-4 focus:ring-neutral-400 transition duration-200" href="#">Download app</a>
<img class="w-full h-full object-cover" style="height: 515px;" src="mirga-assets/images/download/phone-picture.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
