Oliver/ODOO4projects.com
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add Bring Your Business wizard, replace final CTA

Browse Source 
- Replace .final-cta section with .biz-wizard section
- Three textarea fields: Business Description, My Goals, Current Challenges
- On submit, POSTs to webhook endpoint that triggers AI Agent to
  generate a personalized Odoo project plan PDF
- On success, shows download button if webhook returns download_url
- Inline + external CSS: midnight background, brass-accented form fields
- Scroll animation observer updated to target .biz-wizard .container
- Remove all .final-cta CSS from style.css and inline critical styles
This commit is contained in:
reef
2026-08-20 11:41:51 +00:00
parent a2cfa09558
commit a24570f187
3 changed files with 126 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
style.css
+43 -7
View File
@@ -743,25 +743,61 @@ img { max-width: 100%; height: auto; vertical-align: middle; }
@media (max-width: 992px) { .blog-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 576px) { .blog-grid { grid-template-columns: 1fr; } }
/* ---- Final CTA ---- */
.final-cta {
/* ---- Business Wizard ---- */
.biz-wizard {
padding: 4rem 0;
background: var(--midnight);
text-align: center;
position: relative;
overflow: hidden;
}
.final-cta::after {
.biz-wizard::after {
content: '';
position: absolute;
inset: 0;
background: url('images/city-amsterdam.jpg') center/cover no-repeat;
opacity: 0.06;
opacity: 0.04;
z-index: 0;
}
.final-cta .container { position: relative; z-index: 1; }
.final-cta h2 { font-size: clamp(1.6rem, 3.2vw, 2.4rem); color: #fff; margin-bottom: 0.75rem; }
.final-cta p { font-size: 1.05rem; color: rgba(255,255,255,0.7); max-width: 520px; margin: 0 auto 1.5rem; line-height: 1.7; }
.biz-wizard .container { position: relative; z-index: 1; max-width: 700px; }
.biz-wizard h2 { font-size: clamp(1.6rem, 3.2vw, 2.4rem); color: #fff; margin-bottom: 0.75rem; }
.biz-sub { font-size: 1rem; color: rgba(255,255,255,0.6); max-width: 520px; margin: 0 auto 2rem; line-height: 1.7; }
.biz-form { text-align: left; }
.biz-field { margin-bottom: 1.25rem; }
.biz-field label {
display: block;
font-family: Marcellus, Georgia, serif;
font-size: 0.95rem;
color: #fff;
margin-bottom: 0.4rem;
font-weight: 400;
}
.biz-field textarea {
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;
line-height: 1.6;
min-height: 90px;
outline: none;
transition: border-color 0.2s, background 0.2s;
resize: vertical;
}
.biz-field textarea:focus {
border-color: var(--brass);
background: rgba(255,255,255,0.08);
}
.biz-field textarea::placeholder { color: rgba(255,255,255,0.3); }
.biz-form .btn-lg { margin-top: 0.5rem; width: 100%; }
.biz-success { margin-top: 1.5rem; }
.biz-success i { font-size: 2.5rem; color: var(--success); margin-bottom: 0.75rem; }
.biz-success h3 { color: #fff; margin-bottom: 0.5rem; }
.biz-success p { color: rgba(255,255,255,0.65); font-size: 0.95rem; max-width: 480px; margin: 0 auto 1.25rem; line-height: 1.7; }
.biz-success .btn-lg { width: auto; }
/* ---- Footer ---- */
.footer {