Hero 108 block design & features
Hero108 is a two-column hero built with Shadcn UI. On the left, a tall headline discusses earning income from real estate without owning property, and a hand-drawn underline SVG sits behind the word income on wider layouts. Beneath that, three stacked rows each pair a circular accent chip with a check icon and a short benefit statement, followed by a rounded call-to-action button with a trailing arrow that stretches full width on the narrowest layouts. The right column shows a rounded muted panel with layered phone hardware art and a tall UI screenshot aligned through the device frame.
Tone stays bright and product focused with generous negative space around the checklist. The handset stack adds depth without extra cards or borders beyond the outer shell.
This is a recognizable fintech-marketing structure that leans on typography and device proof over dense UI chrome. Plan on replacing the phone artwork and editing the benefit lines for accuracy.
Large breakpoints show the two-column split. Smaller breakpoints stack the column order so the message leads and the device mock follows.