-
Notifications
You must be signed in to change notification settings - Fork 1
/
beta.html
80 lines (71 loc) · 3.36 KB
/
beta.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ahoy Beta Signup</title>
<link rel="stylesheet" href="/css/beta.css">
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn.min.js"
defer></script>
<link
href="https://fonts.googleapis.com/css2?family=Barlow:wght@400;700&display=swap"
rel="stylesheet">
</head>
<body>
<section class="beta-signup-section" x-data="{ submitted: false }">
<img src="images/ahoy-logo-red.png" alt="Ahoy Logo"
class="responsive-logo">
<h2>Join the Ahoy Beta Program</h2>
<p>Sign up to be among the first to experience the Ahoy Indie Media
platform and provide valuable feedback.</p>
<form id="betaSignupForm"
action="https://formspree.io/f/mvgganpo" method="POST"
x-show="!submitted" @submit.prevent="submitted = true">
<div class="form-group">
<label for="name">Name</label>
<input type="text" id="name" name="name"
placeholder="Your Name" required>
</div>
<div class="form-group">
<label for="email">Email</label>
<input type="email" id="email" name="email"
placeholder="Your Email" required>
</div>
<div class="form-group">
<label for="platform">Preferred Platform</label>
<select id="platform" name="platform" required>
<option value="iOS">iOS (TestFlight)</option>
<option value="Android">Android (Google Play
Beta)</option>
<option value="Web">Web Browser</option>
</select>
</div>
<div class="form-group">
<label for="feedback">Additional Comments</label>
<textarea id="feedback" name="feedback"
placeholder="What are you excited about?"
rows="4"></textarea>
</div>
<div class="form-group agree-to-terms">
<label>
<p>By joining the Ahoy Beta Test Program, you will gain
early access to the app and commit to providing
valuable feedback to enhance the user experience.
You will receive email notifications with download
links for the latest beta versions of the Ahoy app.
Updates will be sent only when a new version is
available.</p>
</label>
<input type="checkbox" name="agreement" required>
</div>
<button type="submit" class="cta-button">Sign Up</button>
</form>
<div x-show="submitted" class="thank-you-message">
<h3>Thank You!</h3>
<p>You’ve successfully signed up for the Ahoy Beta Program.
We’ll be in touch soon!</p>
</div>
</section>
</body>
</html>