Shadcn UI Hero Block
Hero235 is a full-height hero built with shadcn/ui that treats the viewport like a canvas. Large rose and sky-toned circles blur behind the content while a repeating noise texture sits at low opacity for grain, with the ornamental layers kept out of the accessibility tree so announcements stay on the headline and services. The middle band centers a tight headline, muted supporting paragraph, and a primary button with a decorative downward arrow. The footer region splits into three columns on large screens, each with an icon, service title, and short description separated by left borders.
Text stays centered in the upper half; the service grid aligns left within each column. Dark mode reduces orb opacity so the glow does not overpower text. Typography is semibold on headings with smaller muted body copy under each offering.
The aesthetic reads editorial and atmospheric: gradients and noise do most of the decoration, so actual copy volume stays low. Complexity is moderate due to layered backgrounds and the three service objects you must maintain.
On small breakpoints the service list stacks with spacing instead of side-by-side rules, keeping tap targets readable.
Dependencies
| Package | Type |
|---|---|
| lucide-react | NPM |
button @shadcn | Registry |