// Hero section — with variants controlled by Tweaks function Hero({ variant }) { return (
{/* Decorative purple route line on bg */} {variant === 'editorial' && } {variant === 'poster' && } {variant === 'split' && } {variant === 'full-phone' && }
); } // ── Variant A: Editorial — big wordmark + phone right ────────── function HeroEditorial() { return (
Now on iOS — 1.0 v1.0 · Apr 2026

Every good ride starts
with a coffee stop.

Route Radar surfaces the cafés, bike shops, and essential stops along your cycling route — before you clip in. Drop a GPX, pull a Strava route, see what matters. Nothing else.

Download on the App Store
See how it works
{/* Stats row */}
{/* Phone */}
{/* Floating annotations */}
01 · Along route
Cafés · Shops · Stops
02 · Filter
Within < 3 mi
); } // ── Variant B: Poster — centered oversized type, phone below ── function HeroPoster() { return (
Planning for cyclists, not commuters

Know the stops.
Ride the route.

Cafés, coffee, and bike shops mapped against your GPX — so a 64-mile ride never turns into a bonk at mile 42.

Download on the App Store
How it works
); } // ── Variant C: Split — elevation on left, phone on right ────── function HeroSplit() { return (
GPX-native

Your route,
plus everywhere
worth stopping.

Drop a GPX or import from Strava. Route Radar threads your line past cafés, convenience stores, and bike shops — with distance-from-route baked in.

{/* Mock elevation profile */}
Yosemite — Glacier Point
63.7 mi · 4,120 ft
0 mi 32 mi 64 mi
Download on the App Store
); } // ── Variant D: Full phone centered, type behind it ───────────── function HeroFullPhone() { return (
Built for cyclists

Plan the stops.
Skip the surprises.

RIDE
Download on the App Store
); } function Stat({ k, unit, label }) { return (
{k} {unit}
{label}
); } function PhoneCard({ src, tilt = 0, w = 320 }) { const h = Math.round(w * (2556 / 1179)); return (
{/* Notch */}
); } function Annotation({ children, style, pos }) { return (
{children} {/* connector */}
); } function ElevationSvg() { return ( {/* Stop pins */} {[{x:60, km:'Mile 8 · Coffee'},{x:230, km:'Mile 29 · Shop'},{x:410, km:'Mile 50 · Café'}].map((p,i) => )} ); } Object.assign(window, { Hero });