About 21 block design & features
About21 is a multi-section about block with three distinct areas. The hero section has a full-width background image with dark overlay, centered white headline, and description text. The story section splits into two columns with a rounded image showing a year badge overlay on the left, and heading, paragraph, and icon bullet points on the right. The training section on a muted background has a two-column header with title and description, followed by three cards each with image, title, and body text.
The hero uses absolute positioning for the background image with a semi-transparent black overlay for text contrast. The story image includes a gradient overlay with year and label positioned at the bottom. Bullet points use checkmark icons from lucide-react. Training cards have white backgrounds on the muted section with rounded corners and internal padding.
This is a comprehensive about block covering company journey, values, and culture. The hero creates strong visual impact while the training section showcases organizational commitment to growth. High content requirements including hero image, story image, training card images, and substantial copy.
On mobile, all sections stack vertically. The story section places the image above the text content. Training cards stack in a single column.