Description of the Banner 3 block design & features
Banner3 is a full-width Shadcn UI promotional bar on the primary color token with primary-foreground text. Inside the container, layout starts as a column on small screens and becomes a row on medium and up, placing a title and softer secondary description on one side and a compact button cluster on the other. Built with Shadcn UI Button, the main action is a small secondary-styled anchor with an inline shopping-bag icon after the label, targeting an external URL.
Dismiss behavior differs by breakpoint: mobile shows an absolutely positioned ghost close icon in the top-right corner, while desktop hides that control and shows a second ghost icon button beside the CTA with an inverted treatment so it reads on the colored band.
The appearance is retail-forward and high contrast, clearly separate from neutral utility bars. Props accept title, description, button label and URL, plus default visibility. Depth is modest beyond responsive placement of the close buttons.
Stacked mobile layout adds top padding so copy clears the floating dismiss control before the wide call-to-action button spans the available width.