NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **Luminara Belleza** (cosmética y cuidado de la piel) usando **HTML único, Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo**. La web debe ser responsiva y replicar el diseño visual y la estructura de la plantilla analizada, sin copiar texto original.
**Alcance**:
- Home con 7 secciones enumeradas en el campo "secciones".
- Páginas adicionales: About Us, Products, Blog y Contact, con los bloques descritos en la tabla.
- Cabecera fija con logo (texto "Luminara" en tipografía personalizada), menú hamburguesa que despliega enlaces (About Us, Categories, Shop, Blogs, Contact), botón de carrito que abre un modal simulando el contenido del carrito.
- Footer con cuatro columnas: Sobre nosotros, Enlaces, Legal y Redes sociales.
**St
4.018 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.018 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ú hamburguesa, enlaces de navegación y botón de carrito
- 1.2 Hero principal con fondo suave, título, subtítulo y botón de llamada a la acción
- 1.3 Bloque de productos destacados en grid responsive
- 1.4 Sección de categorías con iconos circulares
- 1.5 Área de testimonios con carrusel automático
- 1.6 Últimas entradas del blog en formato card
- 1.7 Footer con información de la empresa, enlaces útiles y redes sociales
ABOUT US
- 2.1 Cabecera reutilizada
- 2.2 Imagen de encabezado con texto descriptivo
- 2.3 Historia de la marca en dos columnas
- 2.4 Valores y misión en tarjetas con iconos
- 2.5 Equipo con fotos y breves biografías
- 2.6 Footer reutilizado
PRODUCTS
- 3.1 Cabecera reutilizada
- 3.2 Filtro de categorías y barra de búsqueda
- 3.3 Grid de productos con foto, nombre, precio y botón "Añadir al carrito"
- 3.4 Paginación al final
- 3.5 Footer reutilizado
BLOG
- 4.1 Cabecera reutilizada
- 4.2 Lista de artículos en formato tarjeta con imagen, título, extracto y botón "Leer más"
- 4.3 Sidebar con categorías y suscripción al boletín
- 4.4 Footer reutilizado
CONTACT
- 5.1 Cabecera reutilizada
- 5.2 Formulario de contacto con campos nombre, email, asunto y mensaje
- 5.3 Mapa incrustado
- 5.4 Información de contacto y redes sociales
- 5.5 Footer reutilizado
PROMPTS RELACIONADOS · BELLEZA / SPA
