Componente Mappe retrò
Un componente Mappe semplice, reattivo e compatibile con la modalità oscura con un'estetica retrò/vintage, una combinazione di colori vivaci e uno scopo aziendale/aziendale, costruito con Tailwind CSS.
Codice 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>Componenti correlati
Componente Mappe
Un componente Maps reattivo progettato con lo stile Glassmorphism, con un tema scuro e classi CSS Tailwind. Adatto per cruscotti con visualizzazione dei dati e pannelli di controllo.
MemphisMapsComponent_CryptoBlockchain
Un componente di mappe complesso e reattivo ispirato a "Memphis Design" per applicazioni di criptovaluta/blockchain, caratterizzato da colori audaci, forme geometriche e una calda combinazione di colori del tramonto. Include il supporto per la modalità oscura ed elementi interattivi.
Componente Mappe
Componente Mappe reattive con supporto per la modalità oscura utilizzando Tailwind CSS.