Componente de mapas retro
Un componente de mapas simple, receptivo y compatible con el modo oscuro con una estética retro/vintage, una combinación de colores vibrantes y un propósito comercial/corporativo, creado con Tailwind CSS.
Código HTML
<section class="bg-gray-100 dark:bg-gray-900 py-12">
<div class="container mx-auto px-4">
<h2 class="text-3xl font-bold text-center text-gray-800 dark:text-white mb-8">Our Location</h2>
<div class="relative">
<img src="https://picsum.photos/seed/maps/800/400" alt="Map of our location" class="w-full h-96 object-cover rounded-lg shadow-lg">
<div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-50 rounded-lg"></div>
<div class="absolute bottom-0 left-0 right-0 p-6 text-white">
<h3 class="text-2xl font-semibold mb-2">Find Us Here</h3>
<p class="text-gray-300">123 Main Street, Anytown, USA</p>
</div>
</div>
</div>
</section>Componentes relacionados
Componente de mapa esqueuomórfico
Un componente de mapa simple y receptivo con un diseño esqueuomórfico, combinación de colores en tonos tierra y compatibilidad con modo oscuro, adecuado para una cartera.
Componente Mapas
Un componente de mapas responsivo diseñado con el estilo Glassmorphism, con un tema oscuro y clases CSS de Tailwind. Adecuado para cuadros de mando con visualización de datos y paneles de control.
3D_Neon_Maps_Component
Un complejo componente de mapas inspirado en 3D con un esquema de color neón/eléctrico, adecuado para un portafolio para mostrar ubicaciones o proyectos. Cuenta con elementos brillantes, una rica interfaz de usuario interactiva y una capacidad de respuesta completa con soporte para modo oscuro.