Partner Đối Tác Với Abogo
[custom-html]<!DOCTYPE html><html lang="vi"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Abogo Partners</title><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/fontawesome.min.css" integrity="sha512-M5Kq4YVQrjg5c2wsZSn27Dkfm/2ALfxmun0vUE3mPiJyK53hQBHYCVAtvMYEC7ZXmYLg8DVG4tF8gD27WmDbsg==" crossorigin="anonymous" referrerpolicy="no-referrer"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css" integrity="sha512-2SwdPD6INVrV/lHTZbO2nodKhrnDdJK9/kg2XD1r9uGqPo1cUbujc+IYdlYdEErWNu69gVcYgdxlmVmzTWnetw==" crossorigin="anonymous" referrerpolicy="no-referrer"><link rel="stylesheet" href="style.css"><style>.section-wrapper{max-width:1200px;margin:0 auto;padding:0 20px}.section-wrapper{margin-top:40px;margin-bottom:40px}.hero-section{padding:0 0 80px 0;text-align:center;margin-top:-60px}.sub-heading{font-size:13px;font-weight:500;letter-spacing:.1em;color:#555;margin-bottom:24px;text-transform:uppercase}.main-title{font-size:64px;font-weight:700;line-height:1.15;margin-bottom:24px;letter-spacing:-.02em;color:#111}.description{font-size:20px;color:#666;line-height:1.6;margin-bottom:32px}.cta-link{font-size:18px;color:#06f;text-decoration:none;font-weight:500;display:inline-flex;align-items:center;transition:opacity .2s}.cta-link:hover{opacity:.8;text-decoration:underline}.arrow{margin-left:6px;font-size:24px;line-height:0;margin-top:-2px}.admin-dashboard-card{background-color:#1a1a1a;border-radius:32px;padding:40px;position:relative;color:#fff}.close-icon{position:absolute;top:25px;right:25px;width:32px;height:32px;background-color:#333;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#ccc;font-size:14px;transition:transform .3s ease,background-color .2s;user-select:none}.close-icon:hover{transform:scale(1.1)}#extraInfo{animation:fadeIn .4s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.card-label{color:#888;font-size:11px;font-weight:700;letter-spacing:1.5px;margin-bottom:12px;text-transform:uppercase}.card-title{font-size:32px;font-weight:700;margin-bottom:25px;letter-spacing:-.5px}.icon-group{display:flex;gap:12px;margin-bottom:30px}.icon-box{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px}.bg-purple{background:linear-gradient(135deg,#8e54e9,#4776e6)}.bg-orange{background:linear-gradient(135deg,#ff7e5f,#feb47b)}.bg-green{background:linear-gradient(135deg,#43e97b,#38f9d7)}.bg-blue{background:linear-gradient(135deg,#2193b0,#6dd5ed)}.divider{border:none;border-top:1px solid #333;margin-bottom:25px}.card-text{color:#bbb;font-size:16px;line-height:1.6;margin-bottom:20px}.learn-more{color:#007bff;text-decoration:none;font-size:15px;font-weight:500;display:inline-flex;align-items:center}.register-footer{text-align:right;margin-top:20px}.register-link{color:#007bff;text-decoration:none;font-weight:500;font-size:16px;display:inline-flex;align-items:center}.flex-grid{display:flex;gap:24px;align-items:stretch}.flex-grid-three{display:flex;gap:24px;align-items:stretch}.info-card{flex:1;border-radius:32px;padding:32px;position:relative}.bg-light{background-color:#f5f5f7}.bg-dark{background-color:#1a1a1a}.plus-icon{position:absolute;top:24px;right:24px;width:28px;height:28px;background-color:#e0e0e0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;color:#666;cursor:pointer}.white-plus{background-color:#333;color:#fff}.card-title-dark{font-size:28px;font-weight:700;margin-bottom:24px;line-height:1.2;color:#1a1a1a}.card-title-white{font-size:28px;font-weight:700;margin-bottom:12px;line-height:1.2;color:#fff}.card-subtitle-gray{color:#aaa;font-size:15px;line-height:1.5;margin-bottom:20px}.notification-list{display:flex;flex-direction:column;gap:12px}.notification-item{background:#fff;padding:12px 16px;border-radius:16px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 8px rgba(0,0,0,.04)}.notif-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.bg-primary{background:#007bff}.bg-warning{background:#ff9800}.bg-success{background:#4caf50}.notif-title{font-size:13px;font-weight:700;color:#1a1a1a}.notif-desc{font-size:12px;color:#666}.payment-mockup-container{margin-top:auto;display:flex;justify-content:flex-end}.payment-card{width:80%;height:200px;background:#fff;border-radius:20px 20px 0 0;padding:15px;box-shadow:-10px 0 30px rgba(0,0,0,.5)}.mock-line-short{height:10px;width:40px;background:#eee;border-radius:5px;margin-bottom:10px}.mock-gradient-rect{height:60px;width:100%;background:linear-gradient(135deg,#6a11cb,#2575fc);border-radius:10px}.mock-line-long{margin-top:15px;height:8px;width:80%;background:#eee;border-radius:4px}.mock-line-medium{margin-top:8px;height:8px;width:50%;background:#eee;border-radius:4px}.feature-card{flex:1;border-radius:32px;overflow:hidden;display:flex;flex-direction:column}.card-padding{padding:30px;position:relative}.card-title-small{font-size:26px;font-weight:700;margin-bottom:15px;line-height:1.2;color:#1a1a1a}.card-subtitle{color:#888;font-size:15px}.feature-visual{margin-top:auto;height:250px;display:flex;align-items:center;justify-content:center;padding:20px}.bg-black{background-color:#111}.promo-box{width:100%;height:120px;background:url(https://via.placeholder.com/300x120) center/cover;border:1px solid #333;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;text-align:center}.feature-image-placeholder{margin-top:auto;height:250px;background:url(https://via.placeholder.com/400x300) center/cover}.tag-container{display:flex;flex-wrap:wrap;gap:8px}.tag{background:#333;padding:6px 14px;border-radius:20px;font-size:13px;color:#bbb}.text-center-header{text-align:center;margin-bottom:50px}.section-main-title{font-size:48px;font-weight:700;color:#1a1a1a;margin-bottom:16px;letter-spacing:-1px}.section-description{font-size:18px;color:#666}.insight-card{flex:1;padding:32px;border-radius:32px;position:relative;min-height:320px;display:flex;flex-direction:column}.insight-card{transition:all .3s ease;cursor:default}.plus-icon{transition:transform .2s ease;cursor:pointer;user-select:none}.plus-icon:active{transform:scale(.9)}.insight-detail{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.insight-title{font-size:26px;font-weight:700;line-height:1.2;color:#1a1a1a;margin-bottom:auto}.insight-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:30px;font-size:20px}.circle-blue{background-color:#e8f2ff;color:#007bff}.circle-orange{background-color:#fff4e5;color:#ff9800}.circle-green{background-color:#e9f7ef;color:#28a745}.cta-banner{background-color:#1a1a1a;border-radius:40px;padding:80px 60px;text-align:center;color:#fff;margin:40px 0 60px 0}.cta-title{font-size:56px;font-weight:700;margin-bottom:20px;letter-spacing:-2px;line-height:1.1}.cta-desc{font-size:18px;color:#888;margin-bottom:40px}.button-group{display:flex;justify-content:center;gap:15px}.btn{padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;border:none}.btn-primary{background-color:#007bff;color:#fff}.btn-secondary{background-color:#333;color:#fff}.support-heading{text-align:center;font-size:48px;font-weight:700;color:#1a1a1a;margin-bottom:50px}.support-card{flex:1;background-color:#f8f9fa;border-radius:24px;padding:40px 20px;text-align:center;display:flex;flex-direction:column;align-items:center}.support-card-title{font-size:20px;font-weight:600;color:#1a1a1a;line-height:1.4;margin:0 0 20px 0;max-width:200px}.support-link{color:#007bff;text-decoration:none;font-weight:500;font-size:16px;margin-top:auto;display:inline-flex;align-items:center}.arrow-small{margin-left:6px;font-size:18px}.arrow-large{margin-left:6px;font-size:20px}@media (max-width:768px){.flex-grid,.flex-grid-three{flex-direction:column}.main-title{font-size:36px}.desktop-only{display:none}.cta-banner{padding:40px 20px}.cta-title{font-size:32px}}</style></head><body><section class="hero-section"><div class="container"><p class="sub-heading">GIỚI THIỆU ABOGO PARTNERS</p><h1 class="main-title">Trải nghiệm hoàn toàn mới<br>để kinh doanh bất động sản.</h1><p class="description">Nền tảng số một Việt Nam kết nối chủ sở hữu bất động sản với<br class="desktop-only"> khách hàng tiềm năng qua hệ thống OTAs toàn cầu.</p><a href="#" class="cta-link">Đăng ký ngay <span class="arrow">›</span></a></div></section><section class="section-wrapper"><div class="admin-dashboard-card" id="adminCard"><div class="close-icon" id="toggleBtn">+</div><p class="card-label">HỆ THỐNG QUẢN TRỊ</p><h2 class="card-title">Nổi bật trên mọi nền tảng.</h2><div class="icon-group"><div class="icon-box bg-purple"><i class="fa-solid fa-house"></i></div><div class="icon-box bg-orange"><i class="fa-solid fa-building"></i></div><div class="icon-box bg-green"><i class="fa-solid fa-tree-city"></i></div><div class="icon-box bg-blue"><i class="fa-solid fa-water"></i></div></div><div id="extraInfo" class="hidden-content" style="display:none"><hr class="divider"><p class="card-text">Theo dõi doanh thu, lịch đặt phòng, và đánh giá khách hàng theo thời gian thực trên dashboard thông minh của Abogo.</p><a href="#" class="learn-more">Tìm hiểu thêm <span class="arrow-small">›</span></a></div></div><div class="register-footer"><a href="#" class="register-link">Đăng ký ngay <span class="arrow-large">›</span></a></div></section><section class="section-wrapper"><div class="flex-grid"><div class="info-card bg-light"><div class="plus-icon">+</div><p class="card-label">THÔNG BÁO THÔNG MINH</p><h2 class="card-title-dark">Nâng cao thương hiệu qua mọi tin nhắn.</h2><div class="notification-list"><div class="notification-item"><div class="notif-icon bg-primary"><i class="fa-regular fa-building"></i></div><div><div class="notif-title">Abogo</div><div class="notif-desc">Đặt phòng mới! Khách hàng...</div></div></div><div class="notification-item"><div class="notif-icon bg-warning"><i class="fa-regular fa-star"></i></div><div><div class="notif-title">Đánh giá mới</div><div class="notif-desc">5 sao từ khách hàng...</div></div></div><div class="notification-item"><div class="notif-icon bg-success"><i class="fa-solid fa-signal"></i></div><div><div class="notif-title">Doanh thu tháng 1</div><div class="notif-desc">Tăng 25% so với tháng trước...</div></div></div></div></div><div class="info-card bg-dark"><div class="plus-icon white-plus">+</div><p class="card-label">THANH TOÁN DỄ DÀNG</p><h2 class="card-title-white">Xây dựng niềm tin khi giao dịch.</h2><p class="card-subtitle-gray">Nhận thanh toán an toàn từ khách hàng toàn cầu.</p><div class="payment-mockup-container"><div class="payment-card"><div class="mock-line-short"></div><div class="mock-gradient-rect"></div><div class="mock-line-long"></div><div class="mock-line-medium"></div></div></div></div></div></section><section class="section-wrapper"><div class="flex-grid-three"><div class="feature-card bg-light"><div class="card-padding"><div class="plus-icon">+</div><p class="card-label">SHOWCASE</p><h2 class="card-title-small">Nổi bật với ưu đãi đặc biệt.</h2><p class="card-subtitle">Tạo khuyến mãi hấp dẫn.</p></div><div class="feature-visual bg-black"><div class="promo-box">SPECIAL PROMOTION:<br>HOTEL BOOKING</div></div></div><div class="feature-card bg-light"><div class="card-padding"><div class="plus-icon">+</div><p class="card-label">HÌNH ẢNH CHUYÊN NGHIỆP</p><h2 class="card-title-small">Kể câu chuyện qua từng bức ảnh.</h2><p class="card-subtitle">Hình ảnh chất lượng cao.</p></div><div class="feature-image-placeholder"></div></div><div class="feature-card bg-dark card-padding"><div class="plus-icon white-plus">+</div><p class="card-label">OTAS TOÀN CẦU</p><h2 class="card-title-white">Kết nối thị trường quốc tế.</h2><div class="tag-container"><span class="tag">Booking.com</span> <span class="tag">Agoda</span> <span class="tag">Airbnb</span> <span class="tag">Expedia</span></div></div></div></section><section class="section-wrapper"><div class="text-center-header"><h1 class="section-main-title">Phát triển doanh nghiệp<br>với insights hữu ích.</h1><p class="section-description">Tìm hiểu cách khách hàng tìm kiếm và tương tác với bất động sản của bạn.</p></div><div class="flex-grid-three"><div class="insight-card bg-light"><div class="plus-icon">+</div><p class="card-label">TÌM KIẾM</p><h3 class="insight-title">Khách hàng tìm thấy bạn như thế nào.</h3><div class="insight-icon circle-blue"><i class="fa-solid fa-magnifying-glass"></i></div><div class="insight-detail" style="display:none;margin-top:20px"><p style="color:#666;font-size:14px;margin-bottom:15px">Theo dõi từ khóa tìm kiếm, nguồn traffic và hành vi của khách hàng trên nền tảng.</p><a href="#" style="color:#007bff;text-decoration:none;font-weight:500;font-size:14px">Khám phá insights ›</a></div></div><div class="insight-card bg-light"><div class="plus-icon">+</div><p class="card-label">TƯƠNG TÁC</p><h3 class="insight-title">Điều gì thu hút họ click.</h3><div class="insight-icon circle-orange"><i class="fa-solid fa-arrow-pointer"></i></div><div class="insight-detail" style="display:none;margin-top:20px"><p style="color:#666;font-size:14px;margin-bottom:15px">Phân tích heatmap, thời gian xem trang và tỷ lệ chuyển đổi để tối ưu trải nghiệm.</p><a href="#" style="color:#007bff;text-decoration:none;font-weight:500;font-size:14px">Khám phá tương tác ›</a></div></div><div class="insight-card bg-light"><div class="plus-icon">+</div><p class="card-label">SO SÁNH</p><h3 class="insight-title">Bạn đứng ở đâu so với đối thủ.</h3><div class="insight-icon circle-green"><i class="fa-solid fa-chart-column"></i></div><div class="insight-detail" style="display:none;margin-top:20px"><p style="color:#666;font-size:14px;margin-bottom:15px">Benchmark với các đối thủ cùng phân khúc để hiểu vị trí của bạn trên thị trường.</p><a href="#" style="color:#007bff;text-decoration:none;font-weight:500;font-size:14px">Khám phá benchmarks ›</a></div></div></div></section><section class="section-wrapper"><div class="cta-banner"><h2 class="cta-title">Bắt đầu kinh doanh<br>ngay hôm nay.</h2><p class="cta-desc">Gia nhập cộng đồng chủ sở hữu bất động sản thành công cùng Abogo Partners.</p><div class="button-group"><button class="btn btn-primary">Đăng ký ngay</button> <button class="btn btn-secondary">Liên hệ tư vấn</button></div></div></section><section class="section-wrapper last-section"><h2 class="support-heading">Hỗ trợ bạn mọi bước.</h2><div class="flex-grid-three"><div class="support-card"><div class="insight-icon circle-blue"><i class="fa-regular fa-message"></i></div><h3 class="support-card-title">Có thắc mắc? Chúng tôi có thể giúp.</h3><a href="#" class="support-link">Liên hệ <span class="arrow-small">›</span></a></div><div class="support-card"><div class="insight-icon circle-blue"><i class="fa-solid fa-book-open"></i></div><h3 class="support-card-title">Tài liệu giúp doanh nghiệp phát triển.</h3><a href="#" class="support-link">Xem tài liệu <span class="arrow-small">›</span></a></div><div class="support-card"><div class="insight-icon circle-blue"><i class="fa-regular fa-circle-question"></i></div><h3 class="support-card-title">Tìm câu trả lời cho các câu hỏi thường gặp.</h3><a href="#" class="support-link">Xem FAQ <span class="arrow-small">›</span></a></div></div></section><script>document.addEventListener("DOMContentLoaded",function(){var e=document.getElementById("toggleBtn"),t=document.getElementById("extraInfo");e&&e.addEventListener("click",function(){"none"===t.style.display?(t.style.display="block",e.textContent="✕",e.style.backgroundColor="#333"):(t.style.display="none",e.textContent="+",e.style.backgroundColor="#444")}),document.querySelectorAll(".insight-card").forEach(e=>{const t=e.querySelector(".plus-icon"),n=e.querySelector(".insight-detail");t&&t.addEventListener("click",function(){"none"===n.style.display?(n.style.display="block",t.textContent="✕",t.style.backgroundColor="#e0e0e0"):(n.style.display="none",t.textContent="+",t.style.backgroundColor="")})})});</script></body></html>
[/custom-html]