<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>WildPals — Coming Soon</title>
<style>
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin:0;display:flex;min-height:100vh;align-items:center;justify-content:center;padding:32px}
.card{max-width:720px;width:100%;border:1px solid #e6e6e6;border-radius:16px;padding:28px}
h1{margin:0 0 8px;font-size:38px}
p{margin:0 0 18px;line-height:1.5;color:#333}
.row{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}
a,button,input{font-size:16px}
.btn{display:inline-block;padding:10px 14px;border:1px solid #111;border-radius:10px;text-decoration:none;color:#111}
.muted{color:#666;font-size:14px}
input{padding:10px 12px;border:1px solid #ccc;border-radius:10px;min-width:240px}
button{padding:10px 14px;border:0;border-radius:10px;background:#111;color:#fff;cursor:pointer}
</style>
</head>
<body>
<div class="card">
<h1>WildPals</h1>
<p>Find people to run, cycle, and climb with. We’re building the simplest way to organise sessions that actually happen.</p>
<p class="muted">Launching soon. Want early access?</p>
<!-- Replace this form action later with a real form (e.g., Google Form / Mailchimp) -->
<div class="row">
<a class="btn" href="mailto:hello@wildpals.uk?subject=WildPals%20early%20access">Email us</a>
<a class="btn" href="#" onclick="alert('Add your signup link here!')">Join waitlist</a>
</div>
<p class="muted" style="margin-top:18px;">© WildPals</p>
</div>
</body>
</html>