feat: add email field to business wizard, update success message

- Add email input field after textareas, before checkboxes
- Email required via both HTML 'required' attribute and JS validation
- POST email field to webhook as 'email' key
- Add .biz-field input[type='email'] CSS (inline + external) matching textarea style
- Update success message: 'We will email you the report once it is ready. AI generation typically takes 1-2 minutes.'
- Remove reference to new window / auto-download (no longer opens window)
This commit is contained in:
2026-08-20 21:11:39 +00:00
parent 60b41d7453
commit d4e9acd4e3
3 changed files with 31 additions and 2 deletions
+8 -1
View File
@@ -83,6 +83,9 @@
.biz-form{text-align:left}.biz-field{margin-bottom:1.25rem}
.biz-field label{display:block;font-family:Marcellus,Georgia,serif;font-size:.95rem;color:#fff;margin-bottom:.4rem;font-weight:400}
.biz-field textarea{width:100%;padding:.8rem 1rem;border-radius:var(--radius);border:1px solid var(--line-brass);background:rgba(255,255,255,.05);color:#fff;font-family:Inter,sans-serif;font-size:.88rem;line-height:1.6;min-height:90px;outline:none;transition:border-color .2s,background .2s;resize:vertical}
.biz-field input[type="email"]{width:100%;padding:.8rem 1rem;border-radius:var(--radius);border:1px solid var(--line-brass);background:rgba(255,255,255,.05);color:#fff;font-family:Inter,sans-serif;font-size:.88rem;outline:none;transition:border-color .2s,background .2s;box-sizing:border-box}
.biz-field input[type="email"]:focus{border-color:var(--brass);background:rgba(255,255,255,.08)}
.biz-field input[type="email"]::placeholder{color:rgba(255,255,255,.3)}
.biz-field textarea:focus{border-color:var(--brass);background:rgba(255,255,255,.08)}
.biz-field textarea::placeholder{color:rgba(255,255,255,.3)}
.biz-form .btn-lg{margin-top:.5rem;width:100%}
@@ -408,6 +411,10 @@
<label for="bizChallenges">Current Challenges</label>
<textarea id="bizChallenges" placeholder="What problems are you facing? Manual processes, data silos, growth pains, lack of visibility..." required></textarea>
</div>
<div class="biz-field">
<label for="bizEmail">Your Email</label>
<input type="email" id="bizEmail" placeholder="your@email.com" required />
</div>
<div class="biz-checkbox-group">
<label class="biz-checkbox"><input type="checkbox" id="bizHasHomepage" /> I already have a homepage</label>
<label class="biz-checkbox"><input type="checkbox" id="bizUsesOdoo" /> I already use ODOO</label>
@@ -418,7 +425,7 @@
<div class="biz-success" id="bizSuccess" style="display:none">
<i class="fas fa-check-circle"></i>
<h3>Your project plan is being prepared</h3>
<p>A new window has opened with your personalized Odoo project plan. The download will start automatically after research is complete.</p>
<p>We will email you the report once it is ready. AI generation typically takes 1-2 minutes.</p>
</div>
</div>
</section>