NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una landing page completa para la marca ficticia "Tierra Aroma" (cafetería boutique) usando solo un archivo HTML con Tailwind CSS vía CDN y JavaScript vanilla. Debe reproducir fielmente los patrones de UI descritos:
- **Header**: barra fija, logo (texto con icono stylizado), enlaces Home, About, Menu, Shop, Contact, botón de teléfono (+34 123 456 789), icono de carrito que abre un panel lateral derecho con lista de productos, subtotal y botón "Continuar al checkout".
- **Hero**: sección de pantalla completa con carrusel de 2‑3 imágenes de café (usar imágenes libres de unsplash) y texto centrado "Bienvenido a Tierra Aroma" con subtítulo y botón "Descubre nuestro menú".
- **Sección 1**: presentación breve con imagen a la izquierda y texto a la derecha, fondo claro, tipografía legible.
-
3.971 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.971 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, enlaces principales, teléfono y botón de carrito
- 1.2 Hero con carrusel de imágenes de café y texto de bienvenida
- 1.3 Bloque de presentación breve con imagen y texto descriptivo
- 1.4 Sección de historia con dos columnas de texto e imagen
- 1.5 Galería de fotos con efecto hover
- 1.6 Menú destacado en tarjetas con precios ficticios
- 1.7 Testimonios en carrusel simple
- 1.8 Formulario de suscripción al boletín
- 1.9 Pie de página con links, redes y datos de contacto
ABOUT
- 2.1 Cabecera interna con título "Nuestra historia"
- 2.2 Texto narrativo con fotos de ambiente y equipo
- 2.3 Valores de la marca en iconos y textos breves
MENU
- 3.1 Cabecera interna con título "Nuestro menú"
- 3.2 Grid de tarjetas de productos (cafés, pasteles, bebidas)
- 3.3 Filtro por categoría (caliente, frío, dulce)
- 3.4 Botón "Añadir al carrito" en cada tarjeta
SHOP
- 4.1 Listado de productos con imágenes, descripción corta y botón comprar
- 4.2 Sidebar con filtros de precio y tipo
- 4.3 Paginación simple
CONTACT
- 5.1 Formulario de contacto (nombre, email, mensaje)
- 5.2 Mapa estático incrustado
- 5.3 Información de localización y horario
CART
- 6.1 Panel lateral desplegable del carrito con lista de artículos, cantidades y total
- 6.2 Botón de checkout (simulado)
FOOTER
- 7.1 Enlaces de navegación rápida, redes sociales, newsletter y datos legales
PROMPTS RELACIONADOS · RESTAURANTE Y COMIDA
