Projects 6 block design & features
The section opens with a centered header block containing a small dot indicator, an uppercase "PROJECT SHOWCASE" label, and a massive multi-line bold heading. Below, four project cards arrange in a two-column grid, each with heavily rounded corners and a dark background. Cards use staggered entrance animations.
Each card fills a square aspect with a cover image that scales on hover. A gradient overlay fades from dark at the bottom to transparent at the top. A frosted-glass category pill sits at the top-left corner, while the title and a hidden description occupy the bottom-left, with the description fading in on hover. An arrow-up-right icon in a circular frosted container appears at the top-right on hover.
The visual treatment is bold and high-contrast with deep shadows, rounded 3xl corners, and layered glass-morphism accents. The large display heading uses black weight and tight tracking for maximum impact. The overall mood is contemporary creative agency.
On mobile the grid collapses to a single column, maintaining the card proportions and hover interactions.