diff --git a/src/pages/OnboardingPage.tsx b/src/pages/OnboardingPage.tsx index 16e225d..f625ae7 100644 --- a/src/pages/OnboardingPage.tsx +++ b/src/pages/OnboardingPage.tsx @@ -33,7 +33,6 @@ import { Key, Smartphone, MessageCircle, - Radio, Lock, Users, } from 'lucide-react'; @@ -141,7 +140,7 @@ export default function OnboardingPage() { - + {/* Primary CTA */} @@ -186,6 +185,43 @@ export default function OnboardingPage() {
+ {/* ── Why skaters care ── */} +
+

Why bother?

+
+ {[ + { + emoji: 'πŸ—ΊοΈ', + title: 'Every spot, one map', + body: 'Ledges, rails, DIY, parks β€” mapped by skaters who actually ride them. Check the status before you roll out so you don\u2019t waste a session on a bust.', + }, + { + emoji: 'πŸ€™', + title: 'Built by skaters, not suits', + body: 'No ads, no algorithm shoving junk in your face, no data harvesting. Open source. The map belongs to the community β€” including you.', + }, + { + emoji: '⚑', + title: 'Get paid to put on', + body: 'Map a gem, film a banger, run a session β€” and get zapped real Bitcoin straight to your wallet. No platform cut, no middleman.', + }, + { + emoji: 'πŸ”‘', + title: 'Your account is actually yours', + body: 'One key logs you into every Nostr app. No company can lock you out or delete your account on a whim. Take your identity anywhere.', + }, + ].map(({ emoji, title, body }) => ( +
+
+ {emoji} + {title} +
+

{body}

+
+ ))} +
+
+ {/* ── What you can do ── */}

Everything you can do β€” free

@@ -196,7 +232,7 @@ export default function OnboardingPage() { { icon: Calendar, label: 'Events', desc: 'Competitions, sessions, meetups', href: '/events', color: '#ccff00' }, { icon: ShoppingBag, label: 'Buy / Sell Gear', desc: 'Peer-to-peer marketplace for used skate gear', href: '/marketplace',color: '#00cc66' }, { icon: Package, label: 'My Stash', desc: 'Private encrypted inventory of everything you own', href: '/stash', color: '#a855f7' }, - { icon: Radio, label: 'NoGood Radio', desc: '24/7 lofi/synthwave/electronica while you skate', href: '/radio', color: '#06b6d4' }, + { icon: Users, label: 'Crews', desc: 'Roll with your crew β€” shared spots, chat & sessions', href: '/crews', color: '#06b6d4' }, ].map(({ icon: Icon, label, desc, href, color }) => (
@@ -310,7 +346,7 @@ export default function OnboardingPage() { /> Nostr is an open protocol for decentralized apps β€” think of it like the internet itself, not owned by any company. Your SkateSpots account is a cryptographic key pair that you own. No one can delete your spots, ban your account, or hold your data hostage. Your identity also works on other Nostr apps like Primal, Damus, or Amethyst.} + a={<>Nostr is an open protocol for decentralized apps β€” think of it like the internet itself, not owned by any company. Your SkateSpots account is a cryptographic key pair that you own. No single company can ban your account or hold your data hostage β€” you choose which relays store your data, and you can even run your own. Your identity also works on other Nostr apps like Primal, Damus, or Amethyst.} />