NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático completo que reproduzca el diseño visual y la estructura de la web analizada, pero con la marca ficticia Lúmina Craft. Utiliza únicamente HTML, Tailwind CSS (CDN) y JavaScript vanilla en un solo archivo.
**Alcance**:
- Página HOME con los bloques enumerados en "secciones".
- Páginas PRODUCTOS, PRODUCTO DETALLE, BLOG, POST DETALLE y CONTACTO, cada una siguiendo la tabla de bloques.
- Carrito de compra modal con contador, apertura/cierre y lista de items simulada (sin backend).
- Menú de navegación con dropdown multi‑columna, comportamiento responsive (hamburger en móvil).
- Footer con enlaces a Política de Privacidad, Términos, Contacto y redes sociales.
**Stack**:
- `<script src="https://cdn.tailwindcss.com"></script>` para Tailwind.
- Clase `container mx-au
4.432 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.432 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 Barra de navegación fija con logo, menú principal y carrito modal
- 1.2 Hero con título, subtítulo y botón de llamada a la acción
- 1.3 Grid de categorías destacadas
- 1.4 Sección de productos destacados con tarjetas hover
- 1.5 Testimonios en carrusel
- 1.6 Últimas entradas del blog en formato card
- 1.7 Footer con enlaces institucionales, contactos y redes sociales
PRODUCTOS
- 1.1 Cabecera con breadcrumbs y filtro de categorías
- 1.2 Grid de productos con imágenes, nombre, precio y botón "Añadir"
- 1.3 Paginación centrada
- 1.4 Footer idéntico al de Home
PRODUCTO DETALLE
- 1.1 Galería de imágenes del producto
- 1.2 Información del producto: título, descripción, precio, selector de variantes
- 1.3 Botón "Añadir al carrito"
- 1.4 Productos relacionados en carrusel
- 1.5 Footer
BLOG
- 1.1 Lista de artículos con imagen, título, extracto y fecha
- 1.2 Sidebar con categorías y archivo
- 1.3 Footer
POST DETALLE
- 1.1 Título y portada del artículo
- 1.2 Contenido estructurado con bloques de texto, imágenes y citas
- 1.3 Área de comentarios simulada
- 1.4 Footer
CONTACTO
- 1.1 Formulario de contacto con nombre, email, asunto y mensaje
- 1.2 Mapa incrustado (placeholder)
- 1.3 Footer
PROMPTS RELACIONADOS · LMS / CURSOS ONLINE
