Back to Components

About Us

grettech

A layout highlighting company values with numbered accents and alternating typography.

Props

PropTypeDefaultDescription
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