“Agente, vamos a estructurar el index.astro (Home) con una narrativa de ‘Secuencia de Apertura Cinemática’. Necesito tres secciones bien marcadas:
**1. Title Card (Hero): Un componente h-screen w-full con el último artículo destacado. Imagen de fondo en cover con nuestra clase .vignette-cinema. Título en Serif gigante, centrado o alineado al bottom-left, con un indicador de scroll animado sutilmente abajo.
- Asymmetrical Spotlight: Debajo del Hero, una sección con mucho padding (
py-32). Un solo artículo donde la imagen seaw-2/3y el bloque de texto seaw-1/3pero esté desplazado negativamente (-ml-16o similar) para superponerse a la imagen sobre un fondo de glassmorphism oscuro. - Filmstrip Carousel: Una sección para explorar la colección. Un contenedor
flex overflow-x-auto snap-x hide-scrollbardonde las tarjetas sean panorámicas (aspect-video), para que el usuario navegue de forma horizontal simulando una tira de película.**
Mantén los efectos de fade-in y el stack tecnológico actual. Renderiza datos de prueba si es necesario para armar la estructura.”
← Todas las series
7 PARTES