NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Aura Belleza" (aurabelleza.com), sector salón de peluquería y estética, usando HTML estático con Tailwind CSS mediante CDN y JavaScript vanilla en un único archivo. Reproduce fielmente la estructura visual del sitio de referencia:
- **Header**: barra de navegación fija, logo a la izquierda, enlaces "home", "services", "contact", "about", dropdown "otros" con enlaces a "home (sales)", "blog", "shop", "legal", "all pages"; botón "buy template" estilo CTA y botón de carrito que abre modal. Utiliza flex y spacing Tailwind, colores #111827 (fondo) y #FFFFFF (texto).
- **Hero**: contenedor central con título grande, palabra "Webflow" en cursiva, subtítulo descriptivo, dos botones CTA grandes ("explore pages" y "buy template"). Fondo claro (#F9
4.004 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.004 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 con logo, menú principal, dropdown "otros", botón de compra de plantilla y carrito modal
- 1.2 Hero principal con encabezado, subtítulo y dos botones CTA
- 1.3 Sección de mockups en cuadrícula de tres columnas con enlaces a páginas internas
- 1.4 Footer con enlaces de navegación, redes sociales y datos de contacto
SERVICES
- 2.1 Header interno con título de página y breadcrumbs
- 2.2 Lista de servicios en tarjetas con imagen, título y descripción
- 2.3 CTA para reservar cita
CONTACT
- 3.1 Formulario de contacto con campos nombre, email, mensaje y botón enviar
- 3.2 Mapa integrado y datos de ubicación
ABOUT
- 4.1 Sección historia del salón con imagen y texto descriptivo
- 4.2 Equipo con fotos circulares y breves biografías
BLOG
- 5.1 Listado de artículos con imagen, título, extracto y botón leer más
- 5.2 Sidebar con categorías y últimas entradas
SHOP
- 6.1 Grid de productos con imagen, nombre, precio y botón "Añadir al carrito"
- 6.2 Paginación inferior
CART
- 7.1 Modal de carrito con lista de productos, edición de cantidad y subtotal
- 7.2 Botón de checkout y opciones de pago rápido
CHECKOUT
- 8.1 Formulario de datos de facturación y envío
- 8.2 Resumen de pedido y botón para completar compra
LEGAL
- 9.1 Texto de aviso legal y política de privacidad
PROMPTS RELACIONADOS · BELLEZA / SPA
