NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "FiestaMágica" (dominio fiestamagica.com) siguiendo el estilo visual y la estructura de la plantilla analizada. Usa únicamente HTML, Tailwind CSS (CDN) y JavaScript vanilla en un único archivo.
**Paleta de colores**:
- Primario: #FF6F61 (coral vibrante)
- Secundario: #2C3E50 (azul marino profundo)
- Fondo claro: #F9FAFB (gris muy claro)
- Texto principal: #1F2937 (gris oscuro)
- Accento: #FFC107 (amarillo dorado)
**Tipografía**:
- Heading: 'Poppins', sans‑serif (weights 600‑700)
- Body: 'Inter', sans‑serif (weights 400‑500)
**Header**: barra fija superior, logo a la izquierda (SVG placeholder), menú de navegación con items: Home, About, Services, Events, Gallery, Shop, Contact. Cada item con dropdown mega‑menu similar al orig
4.464 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.464 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
- 1.2 Hero con título, subtítulo y CTA principal
- 1.3 Bloque de 3 columnas de ventajas (icono, título, texto)
- 1.4 Galería de eventos destacados (grid + hover)
- 1.5 Servicios destacados (icono + título + descripción)
- 1.6 Testimonios (citas con foto y nombre)
- 1.7 CTA secundaria: "Reserva tu fiesta ahora"
- 1.8 Footer con enlaces, redes sociales y datos de contacto
ABOUT US
- 2.1 Hero interno con título y foto de fondo
- 2.2 Historia de la empresa (texto + imagen)
- 2.3 Equipo (tarjetas con foto, nombre y rol)
- 2.4 Valores (iconos y breves descripciones)
- 2.5 CTA a contacto
SERVICES
- 3.1 Lista de servicios en tarjetas con icono, título y breve descripción
- 3.2 Modal de detalle de servicio (imagen, texto, botón de reserva)
EVENTS
- 4.1 Calendario de eventos próximos (tarjeta con fecha, lugar y CTA)
- 4.2 Detalle de evento (galería, descripción, formulario de reserva)
GALLERY
- 5.1 Grid de imágenes filtrable por categoría
- 5.2 Lightbox al hacer clic
SHOP
- 6.1 Lista de productos (tarjeta con imagen, nombre, precio y botón "Añadir al carrito")
- 6.2 Página de producto individual (galería, descripción, selector de variantes, botón de compra)
CART (modal)
- 7.1 Vista del carrito con items, cantidades, subtotales y botón de checkout
CONTACT US
- 8.1 Formulario de contacto (nombre, email, mensaje, botón enviar)
- 8.2 Mapa incrustado y datos de contacto
PROMPTS RELACIONADOS · EVENTS
