Projects 1 block design & features
The section presents a vertical stack of project entries, each arranged in a two-column grid with text on one side and an image on the other. Every entry includes a title, short description, and a shadcn/ui Badge indicating the project category. A heading with a bottom border anchors the top of the layout.
Each row animates independently into view as the user scrolls, using fade and vertical slide transitions. Images occupy a 3:2 aspect container with rounded corners and their own staggered entrance animation. Text sits opposite the image, vertically distributed between the title and the badge grouping.
The overall tone is editorial and restrained, relying on generous vertical spacing between entries and minimal decorative treatment beyond the thin border and badge outlines. Typography is functional rather than expressive, keeping attention on the imagery.
On smaller viewports the two-column grid collapses to a single column with the image above the text content, preserving readability and visual rhythm.