/* global React, ReactDOM, RangeMap */ const { useState } = React; /* ---------- Inline SVG icons ---------- */ const Icon = { Target: (p) => (), Pin: (p) => (), Phone: (p) => (), TV: (p) => (), Globe: (p) => (), Paint: (p) => (), Bolt: (p) => (), Chart: (p) => (), Wifi: (p) => (), Check: (p) => (), Arrow: (p) => (), Mail: (p) => (), Call: (p) => (), Map: (p) => (), Upload: (p) => (), }; /* ---------- Brand ---------- */ function Brand({ size = "nav" }) { return ( RangeMap ); } /* ---------- Nav ---------- */ function Nav() { return ( ); } /* ---------- Hero ---------- */ function Hero() { const [device, setDevice] = useState("desktop"); return (
Range software for golf courses

Map your range.
Give every golfer
exact yardages.

RangeMap turns your driving range into an interactive distance guide. Set pin locations once — golfers see live yardages on their phone, your kiosks, or any TV around the bay.

Book a demo See how it works
±1 yard accuracyGPS + drone imagery
No app to installJust a URL, any device
15-min setupDrop pins, you're live
); } /* ---------- How It Works ---------- */ function HowItWorks() { const steps = [ { num: 1, title: "Upload your range", copy: "Send aerial imagery, a drone snapshot, or share Google Maps coords. We trace the range outline for you.", visual: ( DROP HERE ), }, { num: 2, title: "Drop your targets", copy: "Click anywhere on your range to add a target. Name it, color it, set the elevation. Yardages auto-calculate.", visual: ( {[ {x: 100, y: 80, c: "#f5d34a"}, {x: 160, y: 60, c: "#5ab4e9"}, {x: 200, y: 45, c: "#e96a5a"}, ].map((p,i) => ( ))} {/* cursor */} ), }, { num: 3, title: "Share the URL", copy: "Every range gets a shareable link. Print it on tee cards, show a QR code at the bay, or run it on the lobby TV.", visual: ( {/* phone */} 122 YDS {/* QR-ish */} {/* QR pattern */} {Array.from({length:7}).map((_,row) => Array.from({length:7}).map((_,col) => { const k = (row*7 + col*3 + 7) % 5; if (k < 2) return ; return null; }))} {/* TV */} ), }, ]; return (
How it works

Live in an afternoon. Updated in seconds.

No installs, no hardware, no service contracts. Just three steps and your range is on every golfer's phone.

{steps.map(s => (
{s.num}

{s.title}

{s.copy}

{s.visual}
))}
); } /* ---------- Features ---------- */ function Features() { const items = [ { icon: , title: "GPS-accurate maps", copy: "Industry-leading precision so golfers know their carry within a yard." }, { icon: , title: "Unlimited targets", copy: "Add greens, bunkers, rings, dispersion zones — whatever your range has." }, { icon: , title: "Mobile-first", copy: "Works on every phone without an app. Just share the link or scan a QR." }, { icon: , title: "Big-screen ready", copy: "Run the map on lobby TVs and bay kiosks. Auto-rotating bay views built in." }, { icon: , title: "Update in seconds", copy: "Move a pin, add a target, swap a logo. Changes go live the moment you save." }, { icon: , title: "Custom domain (Pro)", copy: "Host the map at range.yourcourse.com — fully yours, fully white-labeled." }, ]; return (
Features

Everything your range needs.
Nothing it doesn't.

A focused tool built for one job: making practice smarter.

{items.map((f, i) => (
{f.icon}

{f.title}

{f.copy}

))}
); } /* ---------- Pricing ---------- */ function Pricing() { return (
Pricing

Two plans. No surprises.

Start with Amateur. Move to Pro when you want it on your own domain.

Amateur
For ranges that just want it live, fast.
$ 9.99 / month
Hosted at RangeMap. No setup fee.
rangemap.app/yourcourse
  • Interactive range map for your course
  • Unlimited targets & pin updates
  • Mobile, tablet & TV display modes
  • QR code & tee-card generator
  • RangeMap branding in footer (small)
  • Email support
Start with Amateur
Most popular
Pro
For courses that want it fully theirs.
$ 9.99 / month
+ $149 one-time setup fee. Hosted on your own domain, fully white-labeled.
range.yourcourse.com · yours
  • Everything in Amateur, plus:
  • Host on your own domain
  • Full white-label — no RangeMap branding
  • Bring your brand — logo, colors & typography
  • Custom CSS & theme overrides
  • Priority support + onboarding call
Go Pro
); } /* ---------- Contact ---------- */ function Contact() { const [submitted, setSubmitted] = useState(false); const [sending, setSending] = useState(false); const [sendErr, setSendErr] = useState(null); const [plan, setPlan] = useState("pro"); const [form, setForm] = useState({ name: "", email: "", course: "", message: "" }); const onChange = (k) => (e) => setForm(f => ({ ...f, [k]: e.target.value })); // Submits to FormSubmit (https://formsubmit.co) — a no-signup form-to-email // service. The first submission triggers a confirmation email to // mike.atwell@rangemap.golf that must be clicked once to activate the form. // After that, every submission lands as an email. const onSubmit = async (e) => { e.preventDefault(); if (sending) return; setSending(true); setSendErr(null); try { const res = await fetch("https://formsubmit.co/ajax/mike.atwell@rangemap.golf", { method: "POST", headers: { "Content-Type": "application/json", "Accept": "application/json" }, body: JSON.stringify({ _subject: `RangeMap inquiry — ${form.name}${form.course ? ` (${form.course})` : ""}`, _captcha: "false", _template: "table", name: form.name, email: form.email, course: form.course, plan, message: form.message, }), }); if (!res.ok) throw new Error("send failed"); setSubmitted(true); } catch (err) { setSendErr("Couldn't send — please email mike.atwell@rangemap.golf directly."); } finally { setSending(false); } }; return (
Contact

Let's get your range on the map.

Book a 15-minute demo or just send a note — a real person on our team gets back within a business day.

Talk to someone who actually answers.

We work with public, private, and resort courses across North America. Tell us a bit about your range — we'll show you what your map could look like.

Service area US & Canada · expanding 2026