Hero 107 block design & features
Hero107 is a portfolio-oriented hero built with shadcn/ui. The text column opens with a bordered sparkles chip, a serif headline that uses gradient clipped type, and an animated pill-shaped primary control with a luminous halo treatment. A thin horizontal divider with a soft fade separates that stack from muted supporting prose about advising startups with digital services. The media column locks a square photograph inside a rounded frame, with a floating secondary button that carries a moon icon and short hire wording along the thumbnail corner.
Overall mood is restrained and tactile: muted fills, serif display, subtle motion rings, portrait photography anchored as proof of work rather than collage.
Freelancer studios and boutique agencies fit this silhouette best thanks to expressive headline motion paired with personable portrait art. Complexity is intentionally high around the halo button polish, yet copy needs stay short.
Responsive rules center the serif headline within the column until the breakpoint where the grid locks into side-by-side halves and copy snaps back to a leading alignment beside the portrait.