stuff

website/src/routes/+page.svelte

@@ -1,2 +1,26 @@
-<h1>Welcome to SvelteKit</h1>
-<p>Visit <a href="https://svelte.dev/docs/kit">svelte.dev/docs/kit</a> to read the documentation</p>
+<script lang="ts">
+	import Icon from '@iconify/svelte';
+	import AlertsDropdown from '$lib/components/AlertsDropdown.svelte';
+	import MapControls from '$lib/components/MapControls.svelte';
+	import InteractiveMap from '$lib/components/InteractiveMap.svelte';
+</script>
+
+<svelte:head>
+	<title>EchoNode | Live Map</title>
+</svelte:head>
+
+<div class="relative w-full h-full bg-crust border-l border-white/5">
+	<InteractiveMap />
+
+	<MapControls showDropdown={true} />
+
+	<div class="absolute top-6 left-6 md:left-8 z-10 flex gap-4 items-center">
+		<div class="glass-panel flex items-center gap-4 px-6 py-3 rounded-2xl shadow-lg border-l-2 border-l-neon-primary h-12" style="box-shadow: var(--shadow-glow-primary)">
+			<h1 class="font-display font-semibold text-white tracking-wider flex items-center gap-2">
+				<Icon icon="mdi:access-point-network" class="text-neon-primary text-lg" style="filter: drop-shadow(var(--shadow-glow-primary))" />
+				LIVE DATA
+			</h1>
+		</div>
+		<AlertsDropdown />
+	</div>
+</div>