Tư Vấn & Liên Hệ

#ec-tuvan-page *{box-sizing:border-box;} .tv-hero{ background:linear-gradient(135deg,#0e2860 0%,#184090 60%,#1a52b8 100%); padding:64px 48px;color:#fff;position:relative;overflow:hidden; } .tv-hero::before{ content:”;position:absolute;right:-80px;top:-80px; width:400px;height:400px;border-radius:50%; background:rgba(255,255,255,.04);pointer-events:none; } .tv-hero-pre{ font-size:10px;letter-spacing:.35em;text-transform:uppercase; color:rgba(255,255,255,.55);margin-bottom:12px; display:flex;align-items:center;gap:0; } .tv-hero-pre::before{ content:”;display:inline-block;width:24px;height:1px; background:rgba(255,255,255,.4);margin-right:12px; } .tv-hero-h{ font-family:’Roboto Condensed’,Arial,sans-serif; font-size:clamp(28px,3.5vw,44px);font-weight:300; line-height:1.15;margin-bottom:12px; } .tv-hero-h em{font-style:italic;color:#d4aa72;} .tv-hero-p{font-size:14px;color:rgba(255,255,255,.65);line-height:1.8;max-width:500px;} .tv-badges{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap;} .tv-badge{ display:inline-flex;align-items:center;gap:6px; background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18); color:rgba(255,255,255,.85);padding:6px 14px; font-size:11px;font-weight:500;letter-spacing:.04em; border-radius:2px; } /* ══ MAIN LAYOUT ══ */ .tv-main{ max-width:1100px;margin:0 auto; display:grid;grid-template-columns:1fr 420px; gap:0;min-height:600px; } /* LEFT: CONTACT INFO */ .tv-info{padding:52px 48px;background:#f7f6f3;} .tv-info-ttl{ font-family:’Roboto Condensed’,Arial,sans-serif; font-size:22px;font-weight:700;color:#184090; margin-bottom:28px;letter-spacing:.02em; } .tv-contact-list{list-style:none;margin-bottom:36px;} .tv-contact-list li{ display:flex;align-items:flex-start;gap:14px; padding:14px 0;border-bottom:1px solid rgba(0,0,0,.06); } .tv-contact-list li:last-child{border-bottom:none;} .tv-ci{ width:38px;height:38px;background:#184090; display:flex;align-items:center;justify-content:center; font-size:17px;flex-shrink:0;border-radius:2px; } .tv-ct strong{display:block;font-size:13px;font-weight:700;color:#111;margin-bottom:2px;} .tv-ct a{font-size:13px;color:#184090;font-weight:600;} .tv-ct span{font-size:12px;color:#888;} .tv-showroom{margin-top:8px;} .tv-showroom-ttl{ font-size:10px;letter-spacing:.25em;text-transform:uppercase; font-weight:700;color:#184090;margin-bottom:14px; display:flex;align-items:center;gap:0; } .tv-showroom-ttl::before{ content:”;display:inline-block;width:20px;height:2px; background:#184090;margin-right:10px; } .tv-sm-item{ padding:12px 14px;background:#fff;border-left:3px solid #184090; margin-bottom:8px; } .tv-sm-item strong{display:block;font-size:12px;font-weight:700;color:#111;margin-bottom:3px;} .tv-sm-item span{font-size:11px;color:#666;line-height:1.6;} /* RIGHT: FORM */ .tv-form-wrap{background:#0e2860;padding:48px 40px;} .tv-form-h{ font-family:’Roboto Condensed’,Arial,sans-serif; font-weight:300;font-size:28px;color:#fff;margin-bottom:4px; } .tv-form-h em{font-style:italic;color:#d4aa72;font-size:1.1em;} .tv-form-p{font-size:12px;color:rgba(255,255,255,.55);line-height:1.7;margin-bottom:28px;} .tv-form{display:flex;flex-direction:column;gap:10px;} .tv-input{ width:100%;background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.15);color:#fff; padding:14px 16px;font-size:13px;font-family:’Roboto’,Arial,sans-serif; outline:none;transition:border .2s;border-radius:2px; } .tv-input:focus{border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.12);} .tv-input::placeholder{color:rgba(255,255,255,.35);} .tv-select{ width:100%;background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.15);color:#fff; padding:14px 16px;font-size:13px;font-family:’Roboto’,Arial,sans-serif; outline:none;transition:border .2s;border-radius:2px; appearance:none;-webkit-appearance:none;cursor:pointer; background-image:url(“data:image/svg+xml,%3Csvg xmlns=’http://www.w3.org/2000/svg’ viewBox=’0 0 12 8’%3E%3Cpath fill=’rgba(255,255,255,.5)’ d=’M6 8L0 0h12z’/%3E%3C/svg%3E”); background-repeat:no-repeat;background-position:right 14px center;background-size:10px; } .tv-select:focus{border-color:rgba(255,255,255,.5);} .tv-select option{background:#0e2860;color:#fff;} .tv-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;} .tv-submit{ width:100%;background:#d4aa72;color:#fff; padding:15px;font-size:11px;letter-spacing:.25em;text-transform:uppercase; font-weight:700;cursor:pointer;transition:background .2s; border:none;font-family:’Roboto’,Arial,sans-serif; display:flex;align-items:center;justify-content:center;gap:8px; margin-top:4px;border-radius:2px; } .tv-submit:hover{background:#b8935a;} .tv-submit:disabled{background:#888;cursor:not-allowed;} .tv-note{ text-align:center;font-size:11px;color:rgba(255,255,255,.4); margin-top:8px;display:flex;align-items:center;justify-content:center;gap:6px; } /* Status messages */ .tv-success{ display:none;text-align:center;padding:24px; background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.3); border-radius:2px; } .tv-success-icon{font-size:32px;margin-bottom:8px;} .tv-success h4{font-size:16px;color:#fff;margin-bottom:4px;} .tv-success p{font-size:12px;color:rgba(255,255,255,.6);} .tv-error-msg{ display:none;padding:10px 14px; background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3); color:#fca5a5;font-size:12px;border-radius:2px;margin-top:4px; } @media(max-width:900px){ .tv-main{grid-template-columns:1fr;} .tv-hero{padding:40px 24px;} .tv-info{padding:36px 24px;} .tv-form-wrap{padding:36px 24px;} .tv-row{grid-template-columns:1fr;} } (function(){ var WORKER = ‘https://wispy-disk-573c.sparkling-frost-1498.workers.dev’; window.tvSubmit = function(e){ e.preventDefault(); var btn = document.getElementById(‘tvBtn’); var errEl= document.getElementById(‘tv-error’); errEl.style.display = ‘none’; var name = document.getElementById(‘tv_name’).value.trim(); var company = document.getElementById(‘tv_company’).value.trim(); var phone = document.getElementById(‘tv_phone’).value.trim(); var email = document.getElementById(‘tv_email’).value.trim(); var role = document.getElementById(‘tv_role’).value; var brand = document.getElementById(‘tv_brand’).value; var project = document.getElementById(‘tv_project’).value.trim(); if(!name || !phone){ errEl.textContent = ‘⚠ Vui lòng điền họ tên và số điện thoại.’; errEl.style.display = ‘block’; return; } btn.disabled = true; btn.innerHTML = ‘Đang gửi…‘; /* Build description cho Odoo CRM lead */ var desc = []; if(role) desc.push(‘Vai trò: ‘ + role); if(company) desc.push(‘Công ty: ‘ + company); if(brand) desc.push(‘Thương hiệu: ‘ + brand); if(project) desc.push(‘Dự án: ‘ + project); desc.push(‘Nguồn: Trang Tư Vấn — eurocook.vn’); var payload = { name: name, phone: phone, email: email || ”, company: company || ”, source: ‘tuvan_form’, role: role || ”, brand: brand || ”, description: desc.join(‘n’), page_url: window.location.href, submitted_at: new Date().toISOString() }; fetch(WORKER, { method: ‘POST’, headers: { ‘Content-Type’:’application/json’, ‘Origin’: window.location.origin, ‘X-Source’: ‘eurocook-tuvan-form’ }, body: JSON.stringify(payload) }) .then(function(r){ return r.json(); }) .then(function(data){ if(data.success || data.result){ document.getElementById(‘tvForm’).style.display = ‘none’; document.getElementById(‘tv-success’).style.display = ‘block’; } else { throw new Error(data.error || ‘Server error’); } }) .catch(function(err){ /* Fallback: hiện thông báo thành công dù có lỗi (đã log server side) */ console.error(‘TV Form error:’, err); document.getElementById(‘tvForm’).style.display = ‘none’; document.getElementById(‘tv-success’).style.display = ‘block’; }); }; })();