El Hero: di en una frase qué haces y para quién

Es el MISMO bloque «a fondo» del catálogo —información a la izquierda, galería a la derecha, idéntico para cada módulo—. Reusar el patrón es, otra vez, la lección: el sitio se arma con piezas que ya existen.

Son los mismos módulos que ves arriba como tarjetas, abiertos uno por uno con la misma estructura. El copy y la galería salen de una sola fuente (MODULE_AFONDO en lib/modules.ts), compartida con el índice /modulos.

Aquí le das al visitante los motivos para quedarse, sin presumir. Cada tarjeta convierte tu propuesta en algo que se entiende en segundos —qué gana al elegirte, no una lista de lo que haces—. Bien resuelto, es de los bloques que más inclinan la balanza.

Fíjate en los badges de las tarjetas: «Respuesta el mismo día», «Garantía 12 meses», «Sin cargos ocultos». Son datos, y por eso convencen sin necesidad de gritar que eres «el mejor». Reusan el card del catálogo para no inventar diseño; en un sitio real, cambia estas razones y sus fotos por las tuyas.

Los metadatos son lo que tu página dice de sí misma antes de que alguien la abra: el título y la descripción que aparecen en una lista de resultados o cuando compartes el enlace. Aquí eliges tres palabras clave por orden de importancia y construyes ambos sobre ellas —el título arranca con la principal, sin la marca pegada, y la descripción abre con ella y teje las otras dos con naturalidad—.

El oficio está en la mesura: decirlo una vez, claro, para una persona que ojea una lista de opciones —no apilado ni repetido para «verse optimizado»—. La demo lo muestra de las dos formas, bien y mal, y la misma regla (metaAudit) marca sola la versión recargada. Unas buenas metas dan un empujón; el peso de verdad sigue en el contenido de la página.

Un sitio no es una página repetida: son unos pocos tipos de página, cada uno con su trabajo —la home presenta, la categoría lista, la ficha de producto o servicio vende el detalle, el artículo explica—. Nombrarlos desde el principio (home, categoría, ficha, artículo, directorio) te da el mapa de qué construir y en qué orden.

Cada tipo ya tiene su layout esperando en src/layouts/, hecho una vez y reutilizable: tú traes el contenido y el layout trae la estructura —header, espaciados y bloques en su sitio—. Así nunca rehaces el armazón página por página; solo lo llenas. La lista de abajo marca lo que ya está cableado y lo que viene después.

Es el mismo menú de secciones que va bajo el hero, reutilizado como remate de la página; lo único que cambia son los enlaces. Arriba mandas a las grandes secciones del sitio; aquí, a las páginas más profundas —la ficha de cada servicio— y a Contacto. Son justo los destinos que el primer menú deja fuera, así que entre los dos cubres el sitio entero sin repetir un solo botón.

A esto se le llama enlazado interno (interlinking): cada página ofrece caminos útiles hacia otras, y tanto el visitante como el buscador recorren el sitio sin tropezar con finales muertos. Un mismo componente, dos juegos de enlaces: arriba presenta, abajo reparte. Edita los botones en el arreglo menuCierre del frontmatter y este remate se actualiza solo.