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 Mapas
Componente de mapas responsivo con soporte de modo oscuro usando Tailwind CSS.
Componente Mapas 3D
Componente de mapa 3D receptivo para sitios web comerciales con soporte de modo oscuro.