Auto-commit 2026-04-27 19:13

src/pages/waitlist.md

@@ -0,0 +1,125 @@
+---
+layout: page
+title: "Waitlist - FrenoCorp"
+permalink: /waitlist
+---
+
+<div class="container">
+  <div class="waitlist-landing">
+    <h1>Join FrenoCorp's Waitlist</h1>
+    
+    <p class="lead">
+      FrenoCorp is building something revolutionary. <br>
+      Be the first to experience it when we launch.
+    </p>
+    
+    <form class="waitlist-form" action="/waitlist/subscribe" method="POST">
+      <div class="form-group">
+        <label for="email">Email Address</label>
+        <input 
+          type="email" 
+          id="email" 
+          name="email" 
+          placeholder="you@example.com" 
+          required
+          autocomplete="email"
+        />
+      </div>
+      
+      <button type="submit" class="btn btn-primary btn-lg">
+        Join Waitlist
+      </button>
+    </form>
+    
+    <p class="privacy-note">
+      We respect your privacy. No spam, ever.
+    </p>
+  </div>
+</div>
+
+<style>
+.waitlist-landing {
+  max-width: 600px;
+  margin: 80px auto;
+  text-align: center;
+  padding: 40px 20px;
+}
+
+.waitlist-landing h1 {
+  font-size: 2.5rem;
+  margin-bottom: 1rem;
+  color: #1a1a1a;
+}
+
+.waitlist-landing .lead {
+  font-size: 1.25rem;
+  color: #666;
+  margin-bottom: 3rem;
+  line-height: 1.6;
+}
+
+.waitlist-form {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+  max-width: 400px;
+  margin: 0 auto;
+}
+
+.form-group {
+  text-align: left;
+}
+
+.form-group label {
+  display: block;
+  margin-bottom: 0.5rem;
+  font-weight: 600;
+  color: #333;
+}
+
+.form-group input {
+  width: 100%;
+  padding: 1rem;
+  font-size: 1rem;
+  border: 2px solid #e0e0e0;
+  border-radius: 8px;
+  transition: border-color 0.2s;
+}
+
+.form-group input:focus {
+  outline: none;
+  border-color: #0066cc;
+}
+
+.btn-primary {
+  background-color: #0066cc;
+  color: white;
+  padding: 1rem 2rem;
+  font-size: 1.1rem;
+  font-weight: 600;
+  border: none;
+  border-radius: 8px;
+  cursor: pointer;
+  transition: background-color 0.2s;
+}
+
+.btn-primary:hover {
+  background-color: #0052a3;
+}
+
+.privacy-note {
+  margin-top: 1.5rem;
+  font-size: 0.875rem;
+  color: #888;
+}
+
+@media (max-width: 480px) {
+  .waitlist-landing {
+    margin: 40px 0;
+  }
+  
+  .waitlist-landing h1 {
+    font-size: 1.75rem;
+  }
+}
+</style>