SectionHeader

SectionHeader abre cada bloque de una página con un título y una descripción breve. Mantiene el ritmo de landings y vistas largas.

Todo para tu auto, en un solo lugar

Mantención, TAG y revisión técnica sin moverte de casa.

Mantención

Desde $89.990

Revisión técnica

Desde $34.990

TAG a domicilio

Desde $19.990

Anatomía

Un título que nombra la sección y una descripción breve que la explica. Abre bloques de landings y páginas largas.

Trámites más simples

Sin filas ni papeleo.

  1. Título
  2. Descripción opcional

Variantes

align define la alineación. El tamaño del título es siempre el mismo para que las secciones se lean como pares.

Trámites más simples

TAG, multas y revisión técnica sin moverte de casa.

centerEl default. Para landings y secciones con contenido centrado debajo.

Tus documentos

Revisa vencimientos y pagos de tu auto.

leftPara secciones dentro de la app, listas y contenido alineado a la izquierda.

Uso

Agenda en minutos

Elige día, hora y dirección.

Sí
Un título corto y una descripción de una línea.

Agenda en minutos

Elige el día, la hora y la dirección donde quieres que pasemos por tu auto. Un mecánico certificado llega puntual y te avisamos por WhatsApp en cada paso del servicio.

No
Párrafos largos en la descripción. Para eso está el contenido de la sección.

Tus documentos

Revisión técnica

Vence en marzo 2027

Permiso de circulación

Pagado

Sí
Alinea el encabezado con el contenido que viene debajo.

Tus documentos

Revisión técnica

Vence en marzo 2027

Permiso de circulación

Pagado

No
Un encabezado centrado sobre una lista alineada a la izquierda.

Código

import { SectionHeader } from '@carvuk/design-system/components/section-header';

<SectionHeader
  title='Trámites más simples'
  description='TAG, multas y revisión técnica sin moverte de casa.'
/>