NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **Saber Neon** (agencia digital) usando **HTML**, **Tailwind CSS via CDN** y **JavaScript vanilla** en un solo archivo. El sitio debe reproducir la estructura y estilo visual del template analizado, sin copiar texto literal.
---
**Alcance**
- Página HOME con los bloques enumerados en "secciones".
- Páginas internas: ABOUT, SERVICE, PORTFOLIO, BLOG, CONTACT, cada una con sus bloques listados en la tabla.
- Navegación fija con logo a la izquierda y enlaces a todas las secciones; menú hamburguesa para móviles.
- Hero de la home: video de fondo autoplay, loop, muted + capa de overlay con cuatro imágenes giratorias superpuestas (rotación CSS).
- Footer con tres columnas: navegación rápida, datos de contacto, enlaces a redes sociales (icons SV
5.295 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.295 caracteres · licencia libre
Solo descarga completa disponible
CAPTURA COMPLETA · HOME
Para que Claude replique el diseño con máxima fidelidad, descarga la imagen y adjúntala en tu chat.
Descargar captura
ESTRUCTURA DEL SITIO
Tabla de secciones
HOME
- 1.1 Hero con video de fondo y rotación de imágenes
- 1.2 Barra de navegación principal y menú hamburguesa
- 1.3 Bloque de presentación de la agencia
- 1.4 Servicios destacados en tarjetas
- 1.5 Portafolio con galería de proyectos
- 1.6 Últimas entradas del blog en carrusel
- 1.7 Llamada a la acción y formulario de contacto
- 1.8 Footer con enlaces de navegación, información de contacto y redes sociales
ABOUT
- 2.1 Cabecera interna con hero estático
- 2.2 Historia y valores de la agencia
- 2.3 Equipo en tarjetas con foto y rol
- 2.4 Testimonios rotativos
- 2.5 Footer
SERVICE
- 3.1 Lista de servicios en tarjetas con icono
- 3.2 Detalle de cada servicio con imagen y descripción
- 3.3 FAQ en accordión
- 3.4 Footer
PORTFOLIO
- 4.1 Galería de proyectos en grid filtrable
- 4.2 Modal de proyecto con imágenes y descripción
- 4.3 Footer
BLOG
- 5.1 Lista de artículos en tarjetas con preview
- 5.2 Filtro por categoría
- 5.3 Sidebar con entradas recientes y etiquetas
- 5.4 Footer
CONTACT
- 6.1 Formulario de contacto con campos nombre, email, mensaje
- 6.2 Mapa incrustado
- 6.3 Información de contacto y redes sociales
- 6.4 Footer
PROMPTS RELACIONADOS · EDUCACIÓN
