Shadcn UI Contact Block
Contact19 is a dramatic split-screen layout. The left column contains an oversized headline, a paragraph of muted description text, a ghost button with a corner arrow icon, and two large contact links (phone number and email) at the bottom. The right column is a full-viewport-height image that extends to the edge of the screen using absolute positioning.
The image fills the entire right half of the viewport from top to bottom on desktop. The headline uses very large bold typography. Contact links are styled as large tracking-tight text without decoration. The ghost button has minimal styling with an icon. The left content is vertically distributed with generous spacing.
Bold and immersive with the full-bleed image creating strong visual impact. The asymmetric layout feels editorial and portfolio-appropriate. The contact information is prominent without being inside a form, creating a more personal feel. Requires a high-quality vertical image that works at viewport height.
Dependencies
| Package | Type |
|---|---|
| lucide-react | NPM |
button @shadcn | Registry |