feat: add dark theme support and update homepage content

- Integrated next-themes for dark mode theming with default dark theme
- Added new UI components (GridBlink, Spotlight) and enhanced world map with cyan glow effects
- Updated homepage messaging to emphasize Mycelium as a living network with new audience imagery
This commit is contained in:
2025-11-12 15:18:34 +01:00
parent aab7e66f29
commit 0d9f357881
27 changed files with 578 additions and 131 deletions

View File

@@ -0,0 +1,42 @@
"use client";
import WorldMap from "@/components/ui/world-map";
import { Eyebrow, H3, P } from "@/components/Texts";
export function HomeMap() {
return (
<div className="bg-[#121212] w-full">
{/* ✅ Top horizontal line with spacing */}
<div className="max-w-7xl bg-transparent mx-auto py-6 border border-t-0 border-b-0 border-gray-800"></div>
<div className="w-full border-t border-l border-r border-gray-800" />
<div className="max-w-7xl mx-auto text-center py-12 border border-t-0 border-b-0 border-gray-800">
<Eyebrow>Mycelium Nodes</Eyebrow>
<H3 className="text-white">Host a Node, Grow the Network</H3>
<P className="text-sm md:text-lg text-gray-200 max-w-3xl mx-auto py-4">
Mycelium runs on real nodes hosted by people, communities, and enterprises across the world.
Each one adds capacity, resilience, and sovereignty to the network and earns rewards in return.
</P>
<p className="text-sm md:text-base text-gray-200 max-w-3xl mx-auto py-4">
Plug in once. It runs 24/7 powering the network and earning autonomously.
</p>
</div>
{/* ✅ Match same side margins */}
<div className="max-w-7xl mx-auto px-6 border border-t-0 border-b-0 border-gray-800">
<WorldMap
dots={[
{ start: { lat: 64.2008, lng: -149.4937 }, end: { lat: 34.0522, lng: -118.2437 } }, // Alaska → LA
{ start: { lat: 64.2008, lng: -149.4937 }, end: { lat: -15.7975, lng: -47.8919 } }, // Alaska → Brasília
{ start: { lat: -15.7975, lng: -47.8919 }, end: { lat: 38.7223, lng: -9.1393 } }, // Brasília → Lisbon
{ start: { lat: 51.5074, lng: -0.1278 }, end: { lat: 28.6139, lng: 77.209 } }, // London → New Delhi
{ start: { lat: 28.6139, lng: 77.209 }, end: { lat: 43.1332, lng: 131.9113 } }, // New Delhi → Vladivostok
{ start: { lat: 28.6139, lng: 77.209 }, end: { lat: -1.2921, lng: 36.8219 } }, // New Delhi → Nairobi
]}
/>
</div>
{/* ✅ Bottom horizontal line with spacing */}
<div className="w-full border-b border-gray-800" />
<div className="max-w-7xl bg-transparent mx-auto py-6 border border-t-0 border-b-0 border-gray-800"></div>
</div>
);
}