diff --git a/index.html b/index.html index fc48ba0..1eddc53 100644 --- a/index.html +++ b/index.html @@ -75,6 +75,19 @@ @media(max-width:576px){.server-grid{grid-template-columns:repeat(2,1fr)}.server-banner-header{flex-direction:column;align-items:flex-start}} .status-dot{width:7px;height:7px;border-radius:50%;background:var(--brass);display:inline-block;animation:statusPulse 1.2s ease-in-out infinite} @keyframes statusPulse{0%,100%{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}} + .biz-wizard{padding:4rem 0;background:var(--midnight);text-align:center;position:relative;overflow:hidden} + .biz-wizard::after{content:'';position:absolute;inset:0;background:url('images/city-amsterdam.jpg') center/cover no-repeat;opacity:.04;z-index:0} + .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:.75rem} + .biz-sub{font-size:1rem;color:rgba(255,255,255,.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:.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 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%} + .biz-success{margin-top:1.5rem}.biz-success i{font-size:2.5rem;color:var(--success);margin-bottom:.75rem} + .biz-success h3{color:#fff;margin-bottom:.5rem}.biz-success p{color:rgba(255,255,255,.65);font-size:.95rem;max-width:480px;margin:0 auto 1.25rem;line-height:1.7} @@ -372,12 +385,33 @@ - -
+ +
-

Ready to check in?

-

Pick a plan, choose your region, and your instance is live in under 5 minutes. No DevOps required.

- See Plans & Pricing → +

Bring Your Business

+

Your Personalized Odoo Project Plan

+

Tell us about your business. AI prepares a custom project plan with recommended modules, timeline, and roadmap. Download your PDF in minutes.

+
+
+ + +
+
+ + +
+
+ + +
+ +
+
diff --git a/script.js b/script.js index 7a79cc4..4e7eadd 100644 --- a/script.js +++ b/script.js @@ -568,7 +568,7 @@ var si = 0, }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' }); var grids = document.querySelectorAll( - '.features-grid, .faq-grid, .pricing-grid, .blog-grid, .final-cta .container' + '.features-grid, .faq-grid, .pricing-grid, .blog-grid, .biz-wizard .container' ); grids.forEach(function (g) { g.dataset.section = g.className || 'anon'; @@ -577,3 +577,46 @@ var si = 0, observer.observe(g); }); })(); + + /* ---- Business Wizard Form ---- */ + (function () { + var form = document.getElementById('bizForm'); + if (!form) return; + var success = document.getElementById('bizSuccess'); + var downloadBtn = document.getElementById('bizDownloadBtn'); + var submitBtn = document.getElementById('bizSubmitBtn'); + + form.addEventListener('submit', function (e) { + e.preventDefault(); + var description = document.getElementById('bizDescription').value.trim(); + var goals = document.getElementById('bizGoals').value.trim(); + var challenges = document.getElementById('bizChallenges').value.trim(); + if (!description || !goals || !challenges) return; + + submitBtn.textContent = 'Generating...'; + submitBtn.disabled = true; + + fetch('https://002-001-5dd6e535-4d1c-46bc-9bd9-42ad4bc5f082.odoo4projects.com/webhook/7e3a2e80-8f1c-4c1a-a5d2-6b8e9f0c1d2e', { + method: 'POST', + headers: { 'Content-Type': 'application/json' }, + body: JSON.stringify({ + description: description, + goals: goals, + challenges: challenges + }) + }) + .then(function (r) { return r.json().catch(function () { return {}; }); }) + .then(function (data) { + form.style.display = 'none'; + success.style.display = 'block'; + if (data.download_url) { + downloadBtn.href = data.download_url; + downloadBtn.style.display = 'inline-block'; + } + }) + .catch(function () { + submitBtn.textContent = 'Generate My Project Plan \u2192'; + submitBtn.disabled = false; + }); + }); + })(); diff --git a/style.css b/style.css index d09782f..c66b023 100644 --- a/style.css +++ b/style.css @@ -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 {