Hero 215 - Full-height hero with blurred copy and building photo

Pro

A near viewport-tall hero with left-aligned headline on a blurred scrim, supporting paragraph, arrow contact button, and large rounded building photo anchored top right.

Shadcn Hero 215 block

Component Data

  • ID:hero215
  • Access:pro
  • Created:May 4, 2025
  • Type:block

Hero 215 block design & features

Hero215 is a shadcn/ui hero that treats the section like a poster: the container chases nearly a full viewport of height while absolutely positioned panels hold copy, CTA, and photography. The left column stacks a large Playfair headline and muted paragraph on top of a heavy background blur so the type stays readable without a flat solid card. A rounded full button with trailing arrow sits lower on that side.

A tall architectural photograph sits in the upper-right, offset with rounded corners and a gentle fade-in animation, giving the composition air on the left and weight on the right.

This block reads premium and editorial, closer to property marketing than dense SaaS chrome. Complexity is light on interaction but depends on a strong vertical photo and careful absolute positioning when you adapt real content.

Narrow layouts still respect the layered logic: blur-backed copy remains while the image scales within its anchored corner.