Back to Components
About Us
grettech
A layout highlighting company values with numbered accents and alternating typography.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
className | string | - | Optional CSS classes to apply. |
...props | React.HTMLAttributes<HTMLDivElement> | - | Accepts all standard HTML div attributes (id, style, etc). |
title | string | "About Us" | Section title. |
subtitle | string | "We craft modern websites and mobile apps that help businesses thrive in the digital age." | Section subtitle. |
mission | string | "We aim to empower..." | Mission statement text. |
vision | string | "To be the leading catalyst..." | Vision statement text. |
valuesTitle | string | "Our Core Values" | Title for the values grid. |
valuesSubtitle | string | "What drives us forward" | Subtitle for the values grid. |
values | AboutValueItem[] | - | Array of core value items. |
title | string | - | Value title. |
description | string | - | Value description. |
icon | React.ReactNode | - | Icon component. |
color | string | - | Variant color ('emerald' | 'blue' | 'purple' | 'amber' | 'rose'). |
Key Features
- Sticky title on desktop
- Large numbered accents
- Clean semantic layout