NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Gourmet Atlas** (restaurante gourmet con venta online) usando **HTML estático**, **Tailwind CSS vía CDN** y **JavaScript vanilla** en un solo archivo. El proyecto debe replicar fielmente la estructura y estética del sitio analizado, sin copiar texto ni imágenes originales.
**Alcance**
- Header fijo con logo SVG, menú de navegación (Home, Sobre nosotros, Menú, Blog, Contacto) y botón de carrito que muestra un contador.
- Hero a pantalla completa con fondo degradado oscuro sobre imagen de comida, título grande, subtítulo y botón primario "Ver menú".
- Sección "Nuestra historia": layout de dos columnas, foto a la izquierda, texto a la derecha, tipografía elegante.
- Galería de platos: grid de 3 columnas en escritorio, 2 en tablet, 1 en móvi
4.276 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.276 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 con logo, menú y carrito
- 1.2 Hero con fondo grande y CTA
- 1.3 Bloque "Nuestra historia"
- 1.4 Galería de platos destacados
- 1.5 Testimonios con carrusel
- 1.6 Blog resumen
- 1.7 CTA suscripción newsletter
- 1.8 Footer con enlaces y contacto
ABOUT US
- 2.1 Cabecera común
- 2.2 Imagen grande y título "Sobre nosotros"
- 2.3 Texto descriptivo con valores y filosofía
- 2.4 Equipo en tarjetas con foto y nombre
- 2.5 Footer común
MENU
- 3.1 Cabecera común
- 3.2 Sección de categorías de menú con tabs
- 3.3 Grid de productos con imagen, nombre, descripción corta y botón "Añadir"
- 3.4 Cart modal (oculto) integrado
- 3.5 Footer común
BLOG
- 4.1 Cabecera común
- 4.2 Lista de artículos en tarjetas con imagen, título, extracto y fecha
- 4.3 Paginación simple
- 4.4 Footer común
CONTACT US
- 5.1 Cabecera común
- 5.2 Formulario de contacto (nombre, email, mensaje)
- 5.3 Mapa incrustado
- 5.4 Información de contacto y horarios
- 5.5 Footer común
PROMPTS RELACIONADOS · RESTAURANTE Y COMIDA
