<div class="pb-36">
<!--- Starts Component -->
<div class="overflow-hidden bg-gray-50 px-6 py-2.5 sm:px-3.5">
<div
class="flex flex-wrap lg:justify-center lg:items-center gap-x-4 gap-y-2 lg:text-center"
>
<p class="text-sm leading-6 text-gray-900">
<strong class="font-semibold">Lexington Themes</strong>
<span>·</span> Free and premium multipage themes and UI Kits crafted
with Astro JS, and Tailwind CSS.
</p>
<a
href="https://lexingtonthemes.com/"
class="flex w-full sm:w-auto items-center justify-center h-8 px-4 py-2 text-xs font-semibold text-white transition-all duration-200 rounded-md shadow bg-gradient-to-b from-blue-500 to-indigo-600 hover:to-indigo-800 focus:ring-2 focus:ring-blue-950 focus:ring-offset-2 ring-offset-gray-200 hover:shadow-none"
>Visit now
</a>
</div>
</div>
</div>