About 21 - Hero Story and Training Cards - Shadcnblocks.com

About 21 - Hero Story and Training Cards

About Us

We are a passionate team dedicated to creating innovative solutions that empower businesses to thrive in the digital age. With years of experience in design and development, we craft beautiful, accessible components that help teams build faster.

Founded
2020

Our Vision

For years, the process of building custom software has remained challenging. Today, visual builders exist, but tailored solutions still require technical expertise and a lot of time. This is a problem for businesses and individuals alike.

What if you could create custom software without writing a single line of code? What if you could build your own tools?
With our platform, you can! Our tools let you design layouts and create functionality—all without needing to code.
We believe that everyone should be able to build their own solutions, regardless of their technical background.

21M
Global Reach of Users
Streamline tasks and boost efficiency by up to 80% using our tools.

12+
Years of Expertise
Years building products, improving processes, and shaping thoughtful systems.

654
Projects Completed
Projects delivered across diverse industries, from food and beverage to fintech.

113k+
Monthly Active Users
Teams who return every month to design, ship, and iterate on their own tools.

Component Data

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.