<section class="py-4 bg-neutral-50 overflow-hidden">
<div class="container px-4 mx-auto">
<img class="mx-auto" src="dashy-assets/images/empty.png" alt="">
<div class="max-w-md mx-auto text-center">
<h2 class="font-heading mb-3 text-2xl font-semibold">It’s a bit empty here</h2>
<p class="mb-7 text-neutral-500">Make sure to customize your timeline first and fill it with eye-catching articles and products.</p>
<a class="inline-flex px-6 py-2.5 text-sm text-neutral-50 font-medium bg-gradient-purple-left hover:bg-gradient-purple-left-dark rounded-lg transition duration-300" href="#">Add First Product</a>
</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
