--- URL de la captura de referencia: https://www.designprompting.com/themes/nexusforge/theme.jpg IMPORTANTE — Verificación previa (hazla ANTES de cualquier otra cosa): Comprueba si tienes la imagen de referencia ADJUNTA como archivo (no como URL en texto). - Si NO hay imagen adjunta y solo ves la URL → DETENTE. No generes nada. Responde únicamente: "⚠️ Solo tengo la URL, no la captura. Descárgala desde aquí y adjúntala al chat para que pueda replicar el diseño con fidelidad: https://www.designprompting.com/themes/nexusforge/theme.jpg" - Si la imagen SÍ está adjunta → continúa con las instrucciones de abajo. --- ## Fase 0 — Spec medida de la captura (OBLIGATORIA antes de codificar) Antes de escribir una sola línea de código, analiza la captura adjunta y escribe una spec con: - Lista ordenada de secciones tal y como aparecen de arriba a abajo. No añadas secciones que no estén en la captura (si no se ve header de navegación o footer, no los inventes). - Por sección: altura aproximada (px sobre ancho 1440), nº de columnas, gap, color de fondo (hex), border-radius dominante, ratio de las imágenes y % de overlay si lo hay. - Tipografía: tamaños aproximados de H1/H2/cuerpo en px y pesos. Esta spec manda durante toda la generación: el código se escribe contra ella. --- ## Referencia visual Replica fielmente el diseño de la captura adjunta (estructura, paleta, tipografía). Si necesitas la imagen como recurso real en la web, está disponible en la URL indicada arriba. --- Crea una página web completa para la marca ficticia NexusForge (dominio nexusforge.com, email hola@nexusforge.com, año 2026) siguiendo el estilo visual de la plantilla analizada. Usa únicamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Paleta de colores: #0A0A0A (fondo principal), #FFFFFF (texto), #1E40AF (azul primario), #3B82F6 (azul accent), #F3F4F6 (gris claro). Tipografía: Inter var (Google Fonts) para títulos y Open Sans para cuerpo. Estructura: - Header fijo con logo a la izquierda, menú de enlaces (Intro, About, Blog, Pages dropdown, Contact) y botón primario "Get Started" a la derecha. Menú responsive con burger. - Hero (section 2) con tagline "Introducing NexusForge Template", título grande "NexusForge Webstore Template", párrafo breve y botón CTA "Explore Pages" que ancla a la sección Pages. - Sección de capturas (section 3) con carrusel horizontal de imágenes de ejemplo (usar placeholders). Cada imagen tiene efecto hover de escala. - Grid de logos (section 4) con 6 logos de clientes ficticios en tonos de azul. - Bloque de estadísticas (section 5) con dos tarjetas que muestran "30+ Pages" y "65+ Symbols" con íconos pequeños. - Sección Pages (section 6) con título "Main Pages" y grid de 3 columnas (responsive) de tarjetas enlazadas a Home vr.1, Home vr.2, Home vr.3, Blog vr.1, Blog vr.2, Blog vr.3. Cada tarjeta muestra una mini‑imagen y título. - Footer (section 7) fondo gris #F3F4F6, columna con enlaces de navegación, columna con iconos de redes sociales (SVG), y texto de copyright. Requisitos técnicos: - Todas las interacciones (menú dropdown, carrusel, scroll suave) deben implementarse con JavaScript vanilla sin dependencias externas. - El HTML debe estar bien estructurado con secciones semánticas (
,