<div class="h-headerbg bg-cover bg-center bg-coffee-shop-bg">
<div class="text-center text-white py-10">
<h2 class="text-6xl"><span class="font-script">Crafty</span> <span>Coffee</span></h2>
<p class="text-xl">If we wrote it down, you can make it at home.</p>
<div class="my-10">
<a class="bg-black hover:bg-gray-800 text-white py-2 px-4 rounded" href="#">See Our Drinks</a> <a class="bg-black hover:bg-gray-800 text-white py-2 px-4 rounded" href="#">Make Our Drinks</a>
</div>
</div>
</div>
<div class="h-headerbg bg-cover bg-center bg-coffee-shop-bg">
<div class="text-center text-white py-10">
<h2 class="text-6xl"><span class="font-script">Crafty</span> <span>Coffee</span></h2>
<p class="text-xl">{{ tagline }}</p>
<div class="my-10">
{% include '@button' with { label: "See Our Drinks"} %}
{% include '@button' with { label: "Make Our Drinks"} %}
</div>
</div>
</div>
{
"title": "Crafty Coffee",
"tagline": "If we wrote it down, you can make it at home."
}
There are no notes for this item.