+ This demo shows how rMaps works at a
+ real event. See your friends on the camp map, check their status, and find each other without
+ sharing your location with any central server.
+
+
+
+ {/* Main Demo Content */}
+
+
+ {/* Map - takes 2 columns */}
+
+
+
+
+ 🗺️
+ Camp Map
+
+
+ Last updated 2 min ago
+
+
+
+
+
+
+
+
+ {/* Friend List - 1 column */}
+
+
+
+
+
+
+ {/* How It Works (brief) */}
+
+
How rMaps Works at Events
+
+
+
+ 📱
+
+
Open & Share
+
+ Create a map room and share the link with your crew. No app install needed.
+
+
+
+
+ 📍
+
+
See Everyone
+
+ Friends appear on the map in real time. Set your status so everyone knows where you are.
+
+
+
+
+ 🔒
+
+
Stay Private
+
+ Only people in your room see your location. Go invisible anytime. No tracking.
+
+
+
+
+
+ {/* Bottom CTA */}
+
+
+
Ready to Find Your Friends?
+
+ Create a map room for your next event. Share the link, and never lose your crew in the crowd again.
+
+
+ Create Your Map
+
+
+
+
+ {/* Footer */}
+
+
+ )
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index c604721..d5be12c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,6 +2,7 @@
import { useState, useEffect } from 'react';
import { useRouter } from 'next/navigation';
+import Link from 'next/link';
import { nanoid } from 'nanoid';
import { AuthButton } from '@/components/AuthButton';
import { useAuthStore } from '@/stores/auth';
@@ -99,165 +100,324 @@ export default function HomePage() {
};
return (
-
-
- {/* Logo/Title */}
-
-
- rMaps
-
-
Find your friends at events
-
-
-
-
+
+ {/* ── Hero Section ─────────────────────────────────────────── */}
+
+ {/* Subtle background grid */}
+
- {/* Quick Rejoin Card - show when user has saved info and last room */}
- {isLoaded && name && lastRoom && (
-