12 Blocks

shadcn/ui about blocks & components.

About-page sections for shadcn/ui: mission statements with stat strips, founder-story splits with grayscale photography, values grids, interactive company-journey timelines, and an awards wall. Editorial blocks that make a company page feel designed rather than assembled.

Mission Statement With Stats

About 1Free

Centered about us intro built on a mission statement, with an eyebrow badge and a four-metric strip for founding year, customers, countries, and team size.

Badge

Founder Story With Photo

About 2Free

Two-column company story pairing a grayscale team photo with a founding narrative and a three-metric row for teams, uptime, and countries.

Badge

Values Card Grid

About 3Free

Company values and principles laid out as a bordered grid of icon cards, each with a principle title and a short explanation.

Card

Mission Vision Values Columns

About 4Free

Mission, vision, and values presented as three editorial columns, each with an icon, eyebrow label, heading, and short paragraph.

Separator

Statement With Credential Card

About 5Pro

Editorial company statement with a floating credential card whose figure counts up, over a bracketed grayscale studio photo, narrative, and CTA.

Button
motion

Tilted Studio Photo Pair

About 6Pro

Company mission statement with an emphasized keyword above two tilted grayscale studio photos that straighten and gain color on hover.

motion

Brand Story With Metrics Chart

About 7Pro

Brand story split placing narrative and CTAs beside a grayscale photo layered with glass cards, a count-up revenue tile, and a weekly activity chart.

ButtonChart
motionrecharts

Values Accordion With Images

About 8Pro

Company values accordion where opening a value blur cross-fades its paired grayscale image and icon in the panel alongside.

Accordion
motion

Year Rail Company Journey

About 9Pro

Company journey timeline with a horizontal year rail that cross-fades milestones, a year watermark, bracketed photo, count-up stat, and auto-advance.

Toggle Group
motion

Awards Recognition Wall

About 10Pro

Awards and recognition wall with a count-up awards tally and a hairline grid of cards naming each award, issuing organization, and year.

motion

Capabilities List With Photos

About 11Pro

Agency capabilities list covering strategy, design, and engineering, beside two tilted grayscale office photos that straighten and gain color on hover.

Button
motion

Full-Bleed Ken Burns Statement

About 12Pro

Full-bleed grayscale brand statement with a slow Ken Burns photo, an overlaid mission heading, and a count-up stat strip pinned along the bottom.

motion