Two-tiered header with navigation and call-to-action buttons

This component has a two-tiered header with logo, navigation links, and call-to-action buttons. The top tier uses `flex` and `justify-between` to split the logo on the left, navigation links in the center, and buttons on the right. The navigation links have a dropdown implemented. The mobile menu trigger and menu are implemented using Tailwind utilities for responsive display. The lower tier header implements a full-width image with gradient overlay, heading, paragraph, and call-to-action buttons.

Similar Components

Other components related to header, navigation, dropdown, call-to-action, mobile menu, utility-first, flexbox, responsive tags