NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Gourmet Orion" (catering y eventos) usando única y exclusivamente HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. El proyecto debe reproducir fielmente la estructura y estilo del sitio analizado, sin copiar textos.
**Requisitos generales**
- Archivo único index.html que incluya todo el CSS (Tailwind CDN) y JS.
- Mantener una cabecera fija con logo a la izquierda, menú mega‑dropdown (Home, About Us, Services, Gallery, Testimonials, FAQ, Contact Us, Shop) y botón de carrito que despliega un panel lateral derecho.
- Hero: fondo de imagen de alta calidad (usa https://picsum.photos/1600/900), título grande, subtítulo y botón primary "Solicitar servicio".
- Bloque de ventajas: 4 columnas con icono (usar Heroicons)
4.439 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.439 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, menú mega‑dropdown y botón de carrito
- 2.1 Hero con título, subtítulo y llamada a la acción
- 3.1 Bloque de ventajas rápidas (iconos + texto)
- 4.1 Galería de imágenes en cuadrícula
- 5.1 Testimonios con carrusel sencillo
- 6.1 Productos destacados en tarjetas con botón "Añadir al carrito"
- 7.1 Formulario de contacto simple
- 8.1 Footer con enlaces de navegación, redes sociales y datos de empresa
ABOUT US
- 1.1 Cabecera compartida
- 2.1 Imagen principal y texto descriptivo
- 3.1 Valores de la empresa en columnas
- 4.1 Equipo con fotos y nombres
- 5.1 Footer compartido
SERVICES
- 1.1 Cabecera compartida
- 2.1 Lista de servicios con iconos y descripciones
- 3.1 Sección de precios (tarifas) en tarjetas
- 4.1 CTA de reserva
- 5.1 Footer compartido
GALLERY
- 1.1 Cabecera compartida
- 2.1 Masonry grid de fotos con lightbox
- 3.1 Footer compartido
TESTIMONIALS
- 1.1 Cabecera compartida
- 2.1 Carrusel de testimonios con foto y cita
- 3.1 Footer compartido
FAQ
- 1.1 Cabecera compartida
- 2.1 Preguntas frecuentes en acordeón
- 3.1 Footer compartido
CONTACT US
- 1.1 Cabecera compartida
- 2.1 Formulario de contacto con campos nombre, email, mensaje
- 3.1 Mapa incrustado
- 4.1 Footer compartido
SHOP (tienda)
- 1.1 Cabecera compartida con carrito
- 2.1 Lista de productos en tarjetas (imagen, nombre, precio, botón)
- 3.1 Filtros laterales (categorías, precios)
- 4.1 Footer compartido
CART (carrito)
- 1.1 Panel lateral derecho con resumen de productos, cantidades y total
- 2.1 Botón de checkout
- 3.1 Footer compartido
PROMPTS RELACIONADOS · RESTAURANTE Y COMIDA
