NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia AstraVel (concesionario de coches de lujo) usando solo HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo.
**Alcance**: página HOME, ABOUT, MODELS, BLOG y CONTACT, con los bloques descritos en la tabla. Mantén la misma estructura y experiencia de usuario del sitio analizado:
- Cabecera fija, fondo oscuro, logo centrado, menú hamburguesa que se despliega overlay, botón de búsqueda que abre un modal, enlaces sociales en el menú.
- Hero slider con imágenes de alta resolución y pestañas que cambian la vista del coche (frontal, lateral, trasera) usando Tailwind y Alpine.js estilo minimalista (no usar librerías externas).
- Bloques de información en cuadrículas de 3 columnas en escritorio, 1 columna en móvil, tipogr
3.746 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.746 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ú hamburguesa, botón de búsqueda y enlaces sociales
- 1.2 Slider hero con pestañas para vistas del modelo (frontal, lateral, trasera)
- 1.3 Bloque de presentación de modelo con imagen grande y texto descriptivo
- 1.4 Cuadro de características resumidas en tarjetas con iconos
- 1.5 Sección de testimonios en carrusel
- 1.6 Llamada a la acción para reservar prueba de conducción
- 1.7 Footer con información de contacto, enlaces rápidos y redes sociales
ABOUT
- 2.1 Cabecera reutilizada
- 2.2 Texto institucional con imagen acompañante
- 2.3 Valores de la marca en bloques iconográficos
- 2.4 Equipo destacado con fotos y breves biografías
- 2.5 Footer reutilizado
MODELS
- 3.1 Cabecera reutilizada
- 3.2 Grid de tarjetas de modelos con foto, nombre y botón "Ver detalle"
- 3.3 Filtro rápido por categoría
- 3.4 Footer reutilizado
BLOG
- 4.1 Cabecera reutilizada
- 4.2 Lista de artículos con imagen, título, extracto y fecha
- 4.3 Barra lateral con categorías y últimos posts
- 4.4 Footer reutilizado
CONTACT
- 5.1 Cabecera reutilizada
- 5.2 Formulario de contacto con campos nombre, email, mensaje y mapa integrado
- 5.3 Información de oficina y horario
- 5.4 Footer reutilizado
PROMPTS RELACIONADOS · AUTOMOCIÓN
