<div class="mx-2 mb-12 mt-12 flex flex-col place-items-center">
<h1 class="max-w-2xl px-2 text-center text-5xl font-bold text-glacier-600 sm:px-0">
This is our <span class="bg-gradient-to-r from-glacier-blue to-glacier-cyan bg-clip-text text-transparent">hero section</span>
with some text!
</h1>
<a href="#" class="mb-2 mt-8 w-full max-w-2xl rounded-md bg-glacier-darkblue px-3 py-3 text-center text-2xl font-semibold text-glacier-200 duration-300 hover:bg-opacity-90">Click the CTA!</a>
</div><div class="mx-2 mb-12 mt-12 flex flex-col place-items-center">
<h1 class="max-w-2xl px-2 text-center text-5xl font-bold text-glacier-200 sm:px-0">
This is our <span class="bg-gradient-to-r from-glacier-blue to-glacier-cyan bg-clip-text text-transparent">hero section</span>
with some text!
</h1>
<a href="#" class="mb-2 mt-8 w-full max-w-2xl rounded bg-glacier-darkblue px-3 py-3 text-center text-2xl font-semibold text-glacier-200 duration-300 hover:bg-opacity-90">Click the CTA!</a>
</div><div class="mx-2 mb-12 mt-12 flex flex-col place-items-center">
<h1 class="max-w-2xl px-2 text-center text-5xl font-bold text-glacier-600 dark:text-glacier-200 sm:px-0">
This is our <span class="bg-gradient-to-r from-glacier-blue to-glacier-cyan bg-clip-text text-transparent">hero section</span>
with some text!
</h1>
<a href="#" class="mb-2 mt-8 w-full max-w-2xl rounded bg-glacier-darkblue px-3 py-3 text-center text-2xl font-semibold text-glacier-200 duration-300 hover:bg-opacity-90">Click the CTA!</a>
</div>