NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **CorteLuna** (salón de peluquería y barbería) usando **HTML, Tailwind CSS CDN y JavaScript vanilla en un solo archivo**. Reproduce fielmente el diseño visual identificado en el HTML original sin copiar textos ni imágenes. Utiliza los siguientes elementos:
- **Paleta de colores**: #0D0D0D (negro profundo), #FFFFFF (blanco), #C3976B (marrón claro), #E5E5E5 (gris suave), #A67C52 (acento café).
- **Tipografía**: Fuente principal `Inter` (sans‑serif) para textos y `Playfair Display` para títulos, ambas cargadas desde Google Fonts.
- **Header**: barra de navegación fija con logo SVG (placeholder), enlaces: Inicio, Sobre nosotros, Servicios, Equipo, Blog, Contacto, y botón destacado “Reservar cita”. Incluye icono carrito con contador.
- **Hero
3.981 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.981 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 barra de navegación fija, logo, enlaces y carrito
- 1.2 Hero con título, subtítulo y botón primario
- 1.3 Servicios destacados en tarjetas con icono y descripción breve
- 1.4 Equipo profesional en grid de tarjetas con foto y rol
- 1.5 Blog reciente con miniaturas y extractos
- 1.6 CTA para reservar cita con formulario breve
- 1.7 Footer con información de contacto, enlaces útiles y redes sociales
ABOUT US
- 2.1 Hero interno con título y fondo difuminado
- 2.2 Texto institucional y valores
- 2.3 Galería de fotos del salón
- 2.4 Equipo ampliado con biografías
- 2.5 CTA a reserva de cita
SERVICES
- 3.1 Listado de servicios en tarjetas con precio estimado
- 3.2 Detalle de cada servicio con imágenes y descripción
- 3.3 FAQ del servicio
- 3.4 Botón de reserva directa
TEAM
- 4.1 Grid de especialistas con foto, nombre, especialidad y enlace a perfil individual
- 4.2 Testimonios de clientes
BLOGS
- 5.1 Lista de artículos con imagen, título, extracto y fecha
- 5.2 Paginación
- 5.3 Sidebar con categorías y newsletter
CONTACT US
- 6.1 Formulario de contacto con campos nombre, email, asunto y mensaje
- 6.2 Mapa incrustado de ubicación
- 6.3 Información de teléfono y horarios
APPOINTMENT
- 7.1 Calendario interactivo para seleccionar fecha y hora
- 7.2 Formulario de datos del cliente y servicio seleccionado
- 7.3 Confirmación de cita y mensaje de agradecimiento
CART (modal)
- 8.1 Lista de productos/servicios añadidos al carrito
- 8.2 Resumen de subtotal y botones de checkout y seguir comprando
CHECKOUT
- 9.1 Formulario de datos de facturación y pago
- 9.2 Resumen de pedido y botón de confirmar compra
PROMPTS RELACIONADOS · COMERCIO ELECTRÓNICO