About Promo Sections Blocks
Promo section blocks are shadcn blocks for short promotional content: a headline, optional copy, and a CTA (e.g. discount, limited offer, announcement). Built with React and TypeScript, they use shadcn/ui Button and typography components styled with Tailwind CSS. Each block gives you a compact, attention-grabbing strip or card you can drop into any page.
They suit banners at the top of a page, inline promos between sections, or sticky bars. Use them in ecommerce, SaaS, or marketing sites built with Next.js or React. They work with navbars, heroes, and other shadcn blocks and support light and dark themes.
Headline, copy, and button label are in your code. Tailwind controls layout, colors, and spacing so you can match campaigns or seasons. You can add a countdown, icon, or dismiss button; the component stays simple and fully under your control.
