Open source · MIT
Marketing sections for React
Marketing sections built on shadcn. Install them, own the code.
Organised by what visitors need
Find the section that answers a visitor's question.
Site header
Responsive header with navigation, a CTA, and a mobile drawer.
Site footer
Multi-column footer with link columns and contact details.
Split hero
Headline and supporting copy beside an image. The default page opener.
Service grid (icons)
Grid of services or capabilities, each with an icon.
CTA band
Closing call to action, centred or split, on a tinted or dark surface.
Quote request form
Lead capture with every submission state, from invalid to failure.
Three complete websites, built from the same sections
Each one re-themes four brand tokens and changes nothing else. All three businesses are fictional.
Home service
A plumbing business: services, service areas, credibility, and a quote request form.
View exampleConsultant
In progressExpertise, case studies, a defined engagement, and a consultation booking handoff.
Not built yetAgency
In progressCapabilities, portfolio, process, packages, and a qualifying project inquiry form.
Not built yet