forked from emre/www_projectmycelium_com
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:
42
src/pages/home/HomeMap.tsx
Normal file
42
src/pages/home/HomeMap.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user