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>
+5 -1
View File
@@ -592,6 +592,9 @@ var si = 0,
var challenges = document.getElementById('bizChallenges').value.trim();
if (!description || !goals || !challenges) return;
var email = document.getElementById('bizEmail').value.trim();
if (!email) return;
var hasHomepage = document.getElementById('bizHasHomepage').checked;
var usesOdoo = document.getElementById('bizUsesOdoo').checked;
var hasDeveloper = document.getElementById('bizHasDeveloper').checked;
@@ -607,6 +610,7 @@ var si = 0,
f.style.display = 'none';
var fields = {
email: email,
description: description,
goals: goals,
challenges: challenges,
@@ -626,7 +630,7 @@ var si = 0,
f.submit();
f.remove();
/* Show success message — download will start automatically */
/* Show success message — we'll email the report */
form.style.display = 'none';
success.style.display = 'block';
});
+18
View File
@@ -792,6 +792,24 @@ img { max-width: 100%; height: auto; vertical-align: middle; }
background: rgba(255,255,255,0.08);
}
.biz-field textarea::placeholder { color: rgba(255,255,255,0.3); }
.biz-field input[type="email"] {
width: 100%;
padding: 0.8rem 1rem;
border-radius: var(--radius);
border: 1px solid var(--line-brass);
background: rgba(255,255,255,0.05);
color: #fff;
font-family: Inter, sans-serif;
font-size: 0.88rem;
outline: none;
transition: border-color 0.2s, background 0.2s;
box-sizing: border-box;
}
.biz-field input[type="email"]:focus {
border-color: var(--brass);
background: rgba(255,255,255,0.08);
}
.biz-field input[type="email"]::placeholder { color: rgba(255,255,255,0.3); }
.biz-form .btn-lg { margin-top: 0.5rem; width: 100%; }
.biz-checkbox-group {
display: flex;