Crea un header listo para producción llamado «Terminal Cyber» usando React, TypeScript, Tailwind CSS, shadcn/ui e iconos Lucide. Usa una composición terminal, color principal…
Componente · Headers
Header Bienestar Lavanda
Prompt
Crea un header listo para producción llamado «Bienestar Lavanda» usando React, TypeScript, Tailwind CSS, shadcn/ui e iconos Lucide. Usa una composición pill, color principal #8b5cf6, secundario #c4b5fd y fondo #faf5ff. Implementa drawer responsive, logotipo, navegación principal, estado activo, CTA, buscador, estilos compatibles con temas, menú de usuario y navegación móvil. Los desplegables deben funcionar con teclado, Escape, gestión del foco, clic exterior, aria-expanded, aria-controls y landmarks nav semánticos. Evita interacciones disponibles solo mediante hover. Incluye estados para escritorio, tablet y móvil, reducción de movimiento, contraste WCAG AA, integración con rutas y datos de navegación tipados reutilizables. Devuelve el componente completo, dependencias y ejemplo de uso; no incluyas logotipos protegidos ni claves secretas.
- Tipo
- Componente · Headers
- Tecnología
- React, TypeScript, Tailwind CSS, shadcn/ui
- Header
- pill
- Responsive
- Navigation
- SaaS
«Crear en Drommo» abre un chat en el modo correcto con el prompt ya escrito. No se envía hasta que tú lo mandes.
Ideas parecidas
Crea un header listo para producción llamado «Empresa Azul» usando React, TypeScript, Tailwind CSS, shadcn/ui e iconos Lucide. Usa una composición corporate, color principal…
Crea un header listo para producción llamado «Boutique Rosa» usando React, TypeScript, Tailwind CSS, shadcn/ui e iconos Lucide. Usa una composición editorial, color principal…
Crea un header listo para producción llamado «Marketplace Solar» usando React, TypeScript, Tailwind CSS, shadcn/ui e iconos Lucide. Usa una composición mega, color principal…
Crea un header listo para producción llamado «Minimalista Slate» usando React, TypeScript, Tailwind CSS, shadcn/ui e iconos Lucide. Usa una composición minimal, color principal…
Crea un header listo para producción llamado «Producto Violeta» usando React, TypeScript, Tailwind CSS, shadcn/ui e iconos Lucide. Usa una composición centered, color principal…
Crea un header listo para producción llamado «Salud Menta» usando React, TypeScript, Tailwind CSS, shadcn/ui e iconos Lucide. Usa una composición pill, color principal #0d9488…
Crea un header listo para producción llamado «Lujo Rubí» usando React, TypeScript, Tailwind CSS, shadcn/ui e iconos Lucide. Usa una composición glass, color principal #be123c…