NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Gourmet Aurora" (café y pastelería premium) usando únicamente HTML, TailwindCSS CDN y JavaScript vanilla en un único archivo. Replicar la estructura y estilo del template analizado sin copiar texto ni imágenes.
**Alcance**: páginas HOME, MENU, SHOP, LOCATIONS, CONTACT. Cada página debe compartir la misma cabecera y footer.
**Stack**:
```html
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@3/dist/tailwind.min.css" rel="stylesheet">
<script src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js" defer></script>
```
Usar Alpine.js solo para animaciones simples (hero letters fade/slide, carousel, mobile menu toggle).
**Paleta de colores**:
- #3E2723 (marrón oscuro) – fondo principal y textos principales
- #795548 (marrón medio) – fo
5.152 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.152 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 Cabecera fija con logo y menú
- 1.2 Hero animado con título grande, imágenes de café y badge
- 1.3 Bento‑cards: tres columnas, tarjeta promocional, tarjeta con imagen y badge, tarjeta con marquee
- 1.4 Sección de menú destacado (galería de imágenes con overlay)
- 1.5 Valores de la marca (iconos + texto breve)
- 1.6 Testimonios (carrusel automático)
- 1.7 Footer con columnas de enlaces, redes y datos de contacto
MENU
- 1.1 Cabecera fija
- 1.2 Lista de categorías de menú con tarjetas de imágenes
- 1.3 Detalle de platos con descripción y precio ficticio
- 1.4 CTA "Reserva tu mesa"
- 1.5 Footer
SHOP
- 1.1 Cabecera fija
- 1.2 Grid de productos (cafés en grano, merch)
- 1.3 Filtros laterales (categoría, origen)
- 1.4 Modal de producto rápido
- 1.5 Footer
LOCATIONS
- 1.1 Cabecera fija
- 1.2 Mapa interactivo con pins de locales
- 1.3 Tarjetas de cada local (dirección, horario, botón Google Maps)
- 1.5 Footer
CONTACT
- 1.1 Cabecera fija
- 1.2 Formulario de contacto (nombre, email, mensaje)
- 1.3 Información de contacto rápida (teléfono, email)
- 1.4 Footer
PROMPTS RELACIONADOS · RESTAURANTE Y COMIDA
