About Us
An About section with mission and vision cards, a soft spotlight background and a grid of colour-coded value cards.
Installation
Full Setup guideInstall the component automatically via Shadcn CLI.
npx shadcn@latest add https://www.grettech.com/api/registry/about-usProps
| Prop | Type | Default | Description |
|---|---|---|---|
title | string | "About Us" | Main heading. |
subtitle | string | "We craft modern websites and mobile apps that help businesses thrive in the digital age." | Text under the main heading. |
mission | string | "We aim to empower businesses through innovative technology, fostering growth and efficiency in a rapidly evolving digital landscape." | Body text of the "Our Mission" card. |
vision | string | "To be the leading catalyst for digital transformation, setting new standards in web and app development globally." | Body text of the "Our Vision" card. |
valuesTitle | string | "Our Core Values" | Heading above the value cards. |
valuesSubtitle | string | "What drives us forward" | Text under the values heading. |
values* | AboutValueItem[] | - | The value cards: one column on mobile, two on tablets, four on extra-large screens. |
className | string | - | Extra classes for the root <section>. |
...props | React.HTMLAttributes<HTMLElement> | - | Any other section attributes (id, style, etc.). |