-
- 
-
-
- {/* Problem Cards */}
-
-
-
-
- THE REALITY
-
- - Many people face emergencies alone. -
-- When something goes wrong, the help you need is often closer - than you think — just unreachable. -
-
-
- {[
- {
- num: "01",
- title: "Lost",
- desc: "Disoriented in an unfamiliar place with no clear way to signal where you are.",
- },
- {
- num: "02",
- title: "Stranded",
- desc: "A breakdown, a missed connection, no transport and nightfall closing in.",
- },
- {
- num: "03",
- title: "Unsafe",
- desc: "A situation turns and you need eyes on you, fast, from people nearby.",
- },
- {
- num: "04",
- title: "Need Assistance",
- desc: "Not an emergency for the line — but you still can't do this alone.",
- },
- ].map((card, i) => (
-
-
- ))}
-
-
- {card.num}
-
- - {card.title} -
-- {card.desc} -
-
-
-
-
- 
-
-
- THREE STEPS
-
- - Reaching help, made human. -
-
- {[
- {
- num: "1",
- title: "Send Request",
- desc: "Describe what you need in a sentence. No account required to ask.",
- color: "#3F8487",
- },
- {
- num: "2",
- title: "Appear on Map",
- desc: "Your request surfaces as a live dot for trusted neighbours nearby.",
- color: "#7357FF",
- },
- {
- num: "3",
- title: "Receive Help",
- desc: "A verified responder accepts, and you track them to you in real time.",
- color: "#FF7A6B",
- },
- ].map((step, i) => (
-
-
- ))}
-
-
-
- {step.num}
-
- - {step.title} -
-- {step.desc} -
-
-
-
-
-
- {/* SVG Map */}
-
-
-
-
-
-
-
- LIVE NOW
-
- - A neighbourhood that answers. -
-- Every dot is a real person — someone asking, someone on their - way. -
-
- {[
- { num: "128", label: "responders online" },
- { num: "6 min", label: "avg. response" },
- { num: "3", label: "active requests", color: "#FF7A6B" },
- ].map((stat, i) => (
-
-
-
- ))}
-
- {stat.num}
-
-
- {stat.label}
-
-
- {[
- { color: "#234B4E", label: "Request" },
- { color: "#3F8487", label: "Responder" },
- { color: "#7357FF", label: "En route" },
- ].map((item, i) => (
-
-
-
- {item.label}
-
- ))}
-
-
-
-
-
-
- THE HUMAN PART
-
- - Why people show up. -
-
- {[
- {
- title: "Trust",
- desc: "Verified neighbours, not strangers from nowhere.",
- color: "#FF7A6B",
- },
- {
- title: "Local impact",
- desc: "Help that stays in the streets you actually walk.",
- color: "#8FC3C2",
- },
- {
- title: "Shared responsibility",
- desc: "Today you respond; tomorrow someone responds for you.",
- color: "#A99BFF",
- },
- {
- title: "Human connection",
- desc: "A name, a face, a hand — not a hotline.",
- color: "#F4ECDC",
- },
- ].map((item, i) => (
-
-
- ))}
-
-
- {item.title}
-
- - {item.desc} -
-
-
-
-
- 
- 
-
-
- WHAT'S INSIDE
-
- - Built for the moment it matters. -
-
- {[
- {
- icon: "#7357FF",
- title: "Community responders",
- desc: "Real neighbours who opted in to help, vetted and close by.",
- },
- {
- icon: "#FF7A6B",
- title: "Anonymous requests",
- desc: "Ask for help without an account, a name, or a payment.",
- },
- {
- icon: "#3F8487",
- title: "Status updates",
- desc: "See exactly when a responder accepts, departs, and arrives.",
- },
- {
- icon: "#3F8487",
- title: "Real-time location",
- desc: "Your pin updates live so responders always know where you actually are.",
- },
- ].map((feature, i) => (
-
-
-
- ))}
-
- {/* Characters: Waiting and Growth */}
-
-
- - {feature.title} -
-- {feature.desc} -
-
-
-
-
-
-
-
-
- SAFETY FIRST
-
- - Care, with guardrails. -
-- Openness only works when it's safe. These are the systems that - make trust possible. -
-
- {[
- {
- title: "Verification",
- desc: "Responders are identity-checked before they can ever accept a request.",
- icon: "circle",
- },
- {
- title: "Moderation",
- desc: "A live team and community flags keep the map honest, around the clock.",
- icon: "square",
- },
- {
- title: "Privacy",
- desc: "Your exact location is shared only with the responder you accept — no one else.",
- icon: "phone",
- },
- {
- title: "Response tracking",
- desc: "Every interaction is logged and traceable, so help stays accountable.",
- icon: "loading",
- },
- ].map((item, i) => (
-
-
- ))}
-
-
- {item.icon === "circle" && (
-
- )}
- {item.icon === "square" && (
-
- )}
- {item.icon === "phone" && (
-
- )}
- {item.icon === "loading" && (
-
- )}
-
- - {item.title} -
-- {item.desc} -
-
-
-
- JOIN HELPHONE
-
-
-
- Nobody should face
-
- emergencies alone.
- 
-
-
- Join the Network{" "}
- →
-
- - Free to join · Available wherever neighbours are -
-