feat: sección nosotros "los cuatro rumbos"

- Añadir components/sections/About.astro (+ styles/about.css): los valores
  corporativos como rosa de los vientos — Confianza el norte (000°),
  Excelencia el este (090°), Resiliencia el sur (180°) e Innovación el oeste
  (270°) — en un bento asimétrico sobre el cielo ligeramente estrellado.
- Cada carta lleva grados y apodo en voz mono, y una aguja apuntando a su
  rumbo.
- La celda destacada es el compromiso con el cliente: una isla cálida (tono
  sand) que se lee mirando al cielo — "Tu éxito es nuestro puerto" — con las soluciones
  robustas, escalables y de alto rendimiento, la firma $ rumbo fijado → tu
  puerto y el sol como marca de agua.
- Ampliar el esquema i18n con la sección about (es/en); estrenar la carpeta
  components/sections/ para las secciones de página.
- Actualizar CHANGELOG.md y README.md; elevar la versión a 0.17.0.

Author: SurivZ

CHANGELOG.md

@@ -283,3 +283,11 @@ Todos los cambios notables en este proyecto serán documentados en este archivo
 - **El ancla `#contact` vive ahora en el footer**: los CTA de la navbar y del hero aterrizan directamente en el formulario, en cualquier página que use el footer.
 - **`src/components/pages/Home.astro`**: se elimina la sección independiente de contacto (absorbida por el footer).
 - **`src/data/i18n.ts`** y **`src/data/locales/{es,en}.ts`**: el `footer` crece con el formulario (etiquetas y placeholders), los encabezados de grupo y los textos/slugs legales.
+
+## [0.17.0] - 2026-07-14
+
+### Añadido
+
+- **Sección «nosotros» — «los cuatro principios** (`src/components/sections/About.astro` + `src/styles/about.css`): los valores corporativos como rosa de los vientos — Confianza es el norte (`000°`), Excelencia el este por donde sale el sol (`090°`), Resiliencia el sur de mar abierto (`180°`) e Innovación el oeste hacia lo que viene (`270°`). Bento **asimétrico** sobre el cielo ligeramente estrellado; cada carta lleva grados y apodo en voz mono más una **aguja apuntando a su rumbo**. La celda destacada es el compromiso con el cliente: una **carta cálida (tono `sand`)** que se lee mirando al cielo — «Tu éxito es nuestro puerto» — con las soluciones (robustas, escalables, de alto impacto y rendimiento, con tecnologías y estándares modernos) y la firma de terminal `$ rumbo fijado → tu éxito`.
+- **`src/data/i18n.ts`** y **`src/data/locales/{es,en}.ts`**: sección `about` en el esquema y ambos idiomas.
+- **`src/components/sections/`**: nueva carpeta para las secciones de página reutilizables.

README.md

@@ -52,6 +52,8 @@ ctgcode.com/
 │   │   │   ├── Footer.astro       # Cierre de venta «el fondo del mar»: formulario de contacto, directorio (navegación, canales, legal), colofón y marca hundida.
 │   │   │   ├── LangNotice.astro   # Aviso de idioma disponible (cambio manual, sin redirección automática).
 │   │   │   └── Navbar.astro       # Cabecera responsiva: marca, navegación, switch de idioma, CTA y menú móvil.
+│   │   ├── sections/              # Secciones de página reutilizables.
+│   │   │   └── About.astro        # Sección «nosotros»: valores como rosa de los vientos + compromiso.
 │   │   ├── pages/                 # Componentes de composición de páginas completas.
 │   │   │   ├── Home.astro         # Composición de la home (única fuente de la verdad), parametrizada por idioma.
 │   │   │   └── NotFound.astro     # Página 404 «el náufrago».
@@ -80,6 +82,7 @@ ctgcode.com/
 │       ├── tones.css              # Temperatura de sección ([data-tone]): el atardecer al hacer scroll.
 │       ├── identity.css           # Helpers de identidad de marca (.text-sunset, .eyebrow, .brand-mono).
 │       ├── motion.css             # Accesibilidad del movimiento (prefers-reduced-motion).
+│       ├── about.css              # Estilos de la sección «nosotros» (components/sections/About.astro).
 │       ├── cookie-banner.css      # Estilos del banner de cookies (components/global/CookieBanner.astro).
 │       ├── cta.css                # Estilos del CTA de marca (components/ui/CTA.astro).
 │       ├── footer.css             # Estilos del footer (components/global/Footer.astro).

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ctg-code",
-  "version": "0.16.0",
+  "version": "0.17.0",
   "dependencies": {
     "@astrojs/sitemap": "^3.7.3",
     "@fontsource-variable/inter": "^5.2.8",