Two-tier structure with call-to-action buttons

This component uses Tailwind CSS to create a two-tiered layout with a headline and call-to-action buttons. The outer <div> has a light indigo background color. The inner <div> is centered on the page with max width and padding. It contains the headline text styled with text color, font size and tracking. Below is a flex container with the primary call-to-action button styled with indigo background, rounded corners, padding, font styling and hover state. Next to it is a secondary text link styled for accessibility.

Similar Components

Other components related to tailwind, css, two-tier, layout, flexbox, typography, buttons, hover, responsive tags