Two-tier call to action section with rounded button

This is a two-tier call to action section built with Tailwind CSS. It has a heading, a call to action button and link. The top tier contains a heading set to text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl. There is a line break <br/> to split it into two lines on smaller screens. The bottom tier contains a flex container to hold the call to action elements side by side with a gap between them. The call to action button is rounded with rounded-md, uses bg-indigo-600 text-white for styling. It has px and py margins, font styling and a hover state. The call to action link is text-sm font-semibold text-gray-900 with a unicode arrow.

Similar Components

Other components related to call-to-action, rounded button, two-tier, flexbox tags