Files
boc/backups/2026-07-12-1023/quixzoom.asia/vi/index.html
T
Bernt 58ca4e68db feat(boc): Complete Business Operations Center v1.0
- Go backend API with full CRUD for all modules (CRM, Sales, Finance, HR, Legal, Marketing, Support, Purchase, Inventory, Projects, Automation, Analytics)
- Rust analytics service with parallel report generation
- C runtime with POSIX shared memory IPC
- PostgreSQL schema with 30+ tables, full migrations
- Redis cache, sessions, pub/sub
- Kafka event streaming with Zookeeper
- WebSocket hub for real-time updates
- Automation engine with cron jobs, workflows, event triggers
- JWT authentication, multi-tenant from start
- Docker Compose with all services
- Nginx reverse proxy with rate limiting
- Integration tests passing
- Feature gap analysis against Fortnox/Odoo/Visma

Refs: BOC-001
2026-07-12 12:41:35 +00:00

702 lines
43 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="vi">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>quiXzoom Châu Á — Chụp ảnh thế giới. Nhận thù lao.</title>
<meta name="description" content="Nhận nhiệm vụ chụp ảnh gần bạn. Nhận tiền hàng tuần. Không phí nền tảng. Có sẵn tại Châu Á với 9 ngôn ngữ.">
<link rel="canonical" href="https://quixzoom.asia/vi/">
<link rel="alternate" hreflang="x-default" href="https://quixzoom.asia/">
<link rel="alternate" hreflang="zh-CN" href="https://quixzoom.asia/zh-cn/">
<link rel="alternate" hreflang="zh-TW" href="https://quixzoom.asia/zh-tw/">
<link rel="alternate" hreflang="ja" href="https://quixzoom.asia/ja/">
<link rel="alternate" hreflang="ko" href="https://quixzoom.asia/ko/">
<link rel="alternate" hreflang="th" href="https://quixzoom.asia/th/">
<link rel="alternate" hreflang="vi" href="https://quixzoom.asia/vi/">
<link rel="alternate" hreflang="id" href="https://quixzoom.asia/id/">
<link rel="alternate" hreflang="ms" href="https://quixzoom.asia/ms/">
<link rel="alternate" hreflang="hi" href="https://quixzoom.asia/hi/">
<link rel="alternate" hreflang="en" href="https://www.quixzoom.com/">
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<style>
:root {
--bg: #FFFFFF;
--bg-off: #F7F7F5;
--text: #1a1a1a;
--text-body: #3a3a3a;
--text-muted: #6B6B6B;
--blue: #0066FF;
--blue-dark: #0052CC;
--blue-pale: rgba(0,102,255,.07);
--green: #00C853;
--radius: 16px;
--radius-lg: 24px;
--shadow: 0 16px 48px rgba(0,0,0,.14);
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
font-size: 1rem; line-height: 1.65; color: var(--text-body);
background: var(--bg); -webkit-font-smoothing: antialiased;
}
.container { width: 100%; max-width: 1160px; margin: 0 auto; padding: 0 24px; }
h1 { font-size: clamp(2.75rem, 6vw, 5rem); font-weight: 900; letter-spacing: -.05em; line-height: 1; color: var(--text); }
h2 { font-size: clamp(2rem, 3.5vw, 3rem); font-weight: 800; letter-spacing: -.04em; line-height: 1.1; color: var(--text); }
h3 { font-size: 1.375rem; font-weight: 700; letter-spacing: -.02em; line-height: 1.3; color: var(--text); }
/* Nav */
nav { position: sticky; top: 0; z-index: 300; background: var(--bg-off); border-bottom: 1px solid rgba(58,58,58,.06); }
.nav-inner { display: flex; align-items: center; justify-content: space-between; height: 68px; gap: 32px; }
.nav-logo { font-size: 1.375rem; font-weight: 900; color: var(--text); letter-spacing: -.04em; text-decoration: none; }
.nav-logo .x { color: var(--blue); }
.nav-links { display: flex; align-items: center; gap: 32px; flex: 1; justify-content: center; }
.nav-links a { color: rgba(58,58,58,.75); font-size: 1rem; font-weight: 500; transition: color .15s; text-decoration: none; }
.nav-links a:hover { color: var(--text); }
.btn-nav { background: var(--blue); color: #fff; border: none; border-radius: var(--radius-lg); padding: 10px 24px; font-size: 1rem; font-weight: 700; transition: background .15s; white-space: nowrap; cursor: pointer; }
.btn-nav:hover { background: var(--blue-dark); }
/* Hero */
#hero { background: var(--bg-off); min-height: calc(100vh - 68px); display: flex; align-items: center; padding: 80px 0 96px; }
.hero-layout { display: grid; grid-template-columns: 1fr 420px; gap: 64px; align-items: center; }
.hero-inner { max-width: 560px; }
.hero-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(58,58,58,.07); border: 1px solid rgba(58,58,58,.12); border-radius: 100px; padding: 8px 18px; font-size: .875rem; font-weight: 600; color: rgba(58,58,58,.88); margin-bottom: 36px; }
.hero-h1 { color: var(--text); margin-bottom: 28px; }
.hero-h1 em { font-style: normal; color: var(--blue); }
.hero-sub { font-size: clamp(1.0625rem, 2vw, 1.25rem); color: rgba(58,58,58,.82); max-width: 640px; line-height: 1.6; margin-bottom: 44px; }
.wl-row { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 20px; }
.wl-input { flex: 1; min-width: 280px; background: #fff; color: var(--text); border: 2.5px solid #fff; border-radius: var(--radius-lg); padding: 18px 28px; font-size: 1rem; outline: none; transition: border-color .15s, box-shadow .15s; }
.wl-input:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(0,102,255,.18); }
.wl-submit { background: var(--blue); color: #fff; border: none; border-radius: var(--radius-lg); padding: 18px 36px; font-size: 1rem; font-weight: 800; cursor: pointer; transition: background .15s; white-space: nowrap; }
.wl-submit:hover { background: var(--blue-dark); }
.wl-trust { font-size: .875rem; color: rgba(58,58,58,.65); margin-bottom: 20px; }
.hero-stats-pill { display: flex; gap: 24px; margin-top: 32px; flex-wrap: wrap; }
.hstat { text-align: left; }
.hstat-num { font-size: 1.5rem; font-weight: 900; color: var(--text); letter-spacing: -.04em; line-height: 1; }
.hstat-lbl { font-size: .75rem; color: rgba(58,58,58,.75); margin-top: 2px; }
/* Stats */
#stats { background: var(--blue); padding: 56px 0; }
.stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; }
.stat-item { text-align: center; padding: 20px 16px; position: relative; }
.stat-item:not(:last-child)::after { content: ''; position: absolute; right: 0; top: 20%; height: 60%; width: 1px; background: rgba(255,255,255,.25); }
.stat-value { font-size: clamp(2rem, 4vw, 3rem); font-weight: 900; color: #fff; letter-spacing: -.04em; line-height: 1; display: block; margin-bottom: 8px; }
.stat-label { font-size: .9rem; color: rgba(255,255,255,.82); font-weight: 500; }
/* Sections */
.section-pad { padding: 96px 0; }
.section-header { text-align: center; margin-bottom: 64px; }
.section-header h2 { color: var(--text); margin-bottom: 16px; }
.section-header p { font-size: 1.125rem; color: var(--text-muted); max-width: 580px; margin: 0 auto; }
/* How it works */
.steps-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.step-card { background: var(--bg-off); border-radius: var(--radius); padding: 40px 36px; }
.step-number { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; background: var(--blue); color: #fff; border-radius: 50%; font-size: 1.375rem; font-weight: 900; margin-bottom: 24px; }
.step-card h3 { color: var(--text); margin-bottom: 12px; }
.step-card p { color: var(--text-muted); font-size: .9625rem; line-height: 1.6; }
/* Missions */
.missions-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.mission-card { background: var(--bg); border: 1.5px solid #E8E8E8; border-radius: var(--radius); padding: 32px 28px; }
.mission-card:hover { border-color: rgba(0,102,255,.25); }
.mission-icon { width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; background: var(--bg-off); border-radius: 14px; margin-bottom: 20px; color: var(--blue); }
.mission-card h3 { color: var(--text); margin-bottom: 10px; font-size: 1.125rem; }
.mission-card p { color: var(--text-muted); font-size: .9rem; line-height: 1.55; margin-bottom: 18px; }
.mission-chip { display: inline-block; background: var(--blue-pale); color: var(--blue); border-radius: 100px; padding: 5px 14px; font-size: .875rem; font-weight: 700; }
/* Earnings */
.earnings-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-bottom: 48px; }
.tier-card { background: var(--bg-off); border: 2px solid #E8E8E8; border-radius: var(--radius); padding: 36px 28px; text-align: center; }
.tier-card.featured { background: var(--bg-off); border-color: var(--blue); transform: scale(1.03); }
.tier-card h3 { font-size: 1.5rem; font-weight: 900; margin-bottom: 4px; }
.tier-missions { font-size: .9rem; color: var(--text-muted); margin-bottom: 20px; font-weight: 500; }
.tier-features { text-align: left; list-style: none; }
.tier-features li { display: flex; align-items: flex-start; gap: 10px; font-size: 1rem; color: var(--text-body); padding: 6px 0; }
.tier-features li::before { content: '✓'; display: block; width: 18px; height: 18px; min-width: 18px; background: var(--green); color: #fff; border-radius: 50%; text-align: center; line-height: 18px; font-size: .75rem; margin-top: 2px; }
/* Partner Section */
#partner { background: var(--bg-off); }
.partner-hero { text-align: center; padding: 80px 0 64px; }
.partner-hero h2 { margin-bottom: 16px; }
.partner-hero > p { font-size: 1.125rem; color: var(--text-muted); max-width: 700px; margin: 0 auto 48px; }
.partner-hero-desc { background: var(--bg); border-radius: var(--radius); padding: 32px; max-width: 800px; margin: 0 auto 48px; border-left: 4px solid var(--blue); }
.partner-hero-desc p { font-size: 1rem; color: var(--text-body); line-height: 1.7; }
.partner-model-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-bottom: 64px; }
.partner-model-card { background: var(--bg); border-radius: var(--radius); padding: 32px 24px; text-align: center; border: 1px solid #E8E8E8; }
.partner-model-card h3 { font-size: 1.125rem; margin-bottom: 12px; }
.partner-model-card p { font-size: .875rem; color: var(--text-muted); line-height: 1.6; }
.partner-req-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 64px; }
.partner-req-card { background: var(--bg); border-radius: var(--radius); padding: 28px 24px; border: 1px solid #E8E8E8; }
.partner-req-card h4 { font-size: 1rem; font-weight: 700; color: var(--text); margin-bottom: 8px; }
.partner-req-card p { font-size: .875rem; color: var(--text-muted); line-height: 1.6; }
.partner-steps { display: flex; flex-direction: column; gap: 16px; max-width: 800px; margin: 0 auto 48px; }
.partner-step { display: flex; gap: 20px; align-items: flex-start; background: var(--bg); border-radius: var(--radius); padding: 24px; border: 1px solid #E8E8E8; }
.partner-step-num { width: 40px; height: 40px; border-radius: 50%; background: var(--blue); color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 800; flex-shrink: 0; }
.partner-step h4 { font-size: 1rem; font-weight: 700; color: var(--text); margin-bottom: 4px; }
.partner-step p { font-size: .875rem; color: var(--text-muted); line-height: 1.5; }
.partner-cta-box { background: linear-gradient(135deg, var(--blue) 0%, var(--blue-dark) 100%); border-radius: var(--radius); padding: 48px; text-align: center; color: #fff; }
.partner-cta-box h3 { color: #fff; margin-bottom: 12px; }
.partner-cta-box p { color: rgba(255,255,255,.85); margin-bottom: 24px; }
.btn-white { display: inline-block; background: #fff; color: var(--blue); padding: 16px 40px; border-radius: var(--radius-lg); font-size: 1rem; font-weight: 800; text-decoration: none; transition: transform .2s; }
.btn-white:hover { transform: translateY(-2px); }
/* FAQ */
.faq-list { max-width: 760px; margin: 0 auto; }
.faq-item { border: 1.5px solid #E8E8E8; border-radius: 14px; margin-bottom: 12px; overflow: hidden; }
.faq-item summary { cursor: pointer; display: flex; align-items: center; justify-content: space-between; padding: 22px 28px; font-size: 1rem; font-weight: 700; color: var(--text); list-style: none; gap: 16px; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after { content: '+'; font-size: 1.5rem; color: var(--blue); transition: transform .15s; }
.faq-item[open] summary::after { content: ''; }
.faq-answer { padding: 0 28px 24px; font-size: .9625rem; color: var(--text-body); line-height: 1.7; }
/* Footer */
footer { background: var(--bg-off); border-top: 1px solid rgba(58,58,58,.07); padding: 64px 0 40px; }
.footer-inner { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 48px; margin-bottom: 56px; }
.footer-brand .nav-logo { display: block; margin-bottom: 14px; font-size: 1.5rem; }
.footer-tagline { color: rgba(58,58,58,.75); font-size: .9rem; line-height: 1.55; margin-bottom: 20px; }
.footer-col h4 { color: var(--text); font-size: .875rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; margin-bottom: 18px; }
.footer-col ul { list-style: none; }
.footer-col ul li { margin-bottom: 10px; }
.footer-col ul li a { color: rgba(58,58,58,.75); font-size: .9rem; text-decoration: none; transition: color .15s; }
.footer-col ul li a:hover { color: var(--text); }
.footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; padding-top: 32px; border-top: 1px solid rgba(58,58,58,.07); }
.footer-copyright { color: rgba(58,58,58,.6); font-size: .875rem; }
.lang-switcher { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; }
.lang-switcher a { color: rgba(58,58,58,.75); font-size: .875rem; font-weight: 600; padding: 4px 8px; border-radius: 8px; text-decoration: none; transition: color .15s, background .15s; }
.lang-switcher a:hover { color: var(--text); background: rgba(58,58,58,.07); }
.lang-switcher a.active { color: var(--text); background: rgba(0,102,255,.25); }
/* Responsive */
@media(max-width: 960px) {
.hero-layout { grid-template-columns: 1fr; gap: 40px; }
.partner-model-grid { grid-template-columns: repeat(2, 1fr); }
.partner-req-grid { grid-template-columns: repeat(2, 1fr); }
.footer-inner { grid-template-columns: 1fr 1fr; }
}
@media(max-width: 768px) {
.steps-grid, .missions-grid, .earnings-grid { grid-template-columns: 1fr; }
.stats-grid { grid-template-columns: repeat(2, 1fr); }
.nav-links { display: none; }
.partner-model-grid { grid-template-columns: 1fr; }
.partner-req-grid { grid-template-columns: 1fr; }
.footer-inner { grid-template-columns: 1fr; }
.footer-bottom { flex-direction: column; align-items: flex-start; }
}
@media(max-width: 600px) {
.wl-row { flex-direction: column; align-items: stretch; }
.wl-input { min-width: 0; }
.hero-stats-pill { flex-wrap: wrap; gap: 16px 24px; }
}
</style>
</head>
<body>
<a href="#main-content" style="position:absolute;top:-100px;left:16px;background:var(--blue);color:#fff;padding:10px 20px;border-radius:0 0 8px 8px;font-weight:700;font-size:.9rem;z-index:9999;" onfocus="this.style.top='0'" onblur="this.style.top='-100px'">Skip to main content</a>
<nav>
<div class="container">
<div class="nav-inner">
<a href="/" class="nav-logo">qui<span class="x">X</span>zoom</a>
<div class="nav-links">
<a href="#how">Cách hoạt động</a>
<a href="#missions">Nhiệm vụ</a>
<a href="#earnings">Thu nhập</a>
<a href="#partner">Trở thành Đối tác</a>
<a href="#faq">Câu hỏi thường gặp</a>
</div>
<div style="display:flex;align-items:center;gap:10px;flex-shrink:0">
<button class="btn-nav" onclick="document.getElementById('wl-email').focus();document.getElementById('wl-email').scrollIntoView({behavior:'smooth'})">Bắt đầu</button>
</div>
</div>
</div>
</nav>
<main id="main-content">
<!-- HERO -->
<section id="hero">
<div class="container">
<div class="hero-layout">
<div class="hero-inner">
<div class="hero-badge">Ra mắt Châu Á · 2026</div>
<h1 class="hero-h1">Chụp ảnh thế giới.<br><em>Nhận thù lao theo nhiệm vụ.</em></h1>
<p class="hero-sub">Nhận nhiệm vụ chụp ảnh gần bạn. Nhận tiền hàng tuần. Không phí nền tảng. Ra mắt trên toàn Châu Á vào năm 2026.</p>
<form onsubmit="event.preventDefault();" novalidate>
<div class="wl-row">
<input type="email" id="wl-email" class="wl-input" placeholder="Địa chỉ email của bạn" required autocomplete="email">
<button type="submit" class="wl-submit">Bắt đầu →</button>
</div>
</form>
<p class="wl-trust">Không phí đăng ký · Không phí nền tảng · Thanh toán hàng tuần · Xác minh danh tính một lần</p>
<div class="hero-stats-pill">
<div class="hstat">
<div class="hstat-num">50500</div>
<div class="hstat-lbl">₫ /nhiệm vụ</div>
</div>
<div class="hstat">
<div class="hstat-num">Châu Á</div>
<div class="hstat-lbl">9 quốc gia</div>
</div>
<div class="hstat">
<div class="hstat-num">0%</div>
<div class="hstat-lbl">phí nền tảng</div>
</div>
</div>
</div>
<div class="hero-visual" style="display:flex;justify-content:center;align-items:center;">
<!-- Samsung Galaxy S24 Ultra style - Android dominates Asia (70%+ market share) -->
<div style="width:260px;height:520px;background:#1a1a1a;border-radius:32px;border:3px solid #2a2a2a;box-shadow:0 40px 80px rgba(0,0,0,.5), inset 0 0 0 1px rgba(255,255,255,.1);position:relative;overflow:hidden;padding:4px;">
<!-- Screen -->
<div style="width:100%;height:100%;background:#fff;border-radius:28px;overflow:hidden;display:flex;flex-direction:column;position:relative;">
<!-- Status bar -->
<div style="height:32px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 14px 0 18px;flex-shrink:0;">
<span style="color:#1a1a1a;font-size:.7rem;font-weight:700;">09:41</span>
<div style="display:flex;align-items:center;gap:5px;">
<span style="font-size:.65rem;">📶</span>
<span style="font-size:.65rem;">🔋</span>
</div>
</div>
<!-- Map area -->
<div style="flex:1;position:relative;overflow:hidden;background:#e8f0e8;">
<!-- Stylized map with visible streets, parks, water -->
<svg width="100%" height="100%" viewBox="0 0 260 380" preserveAspectRatio="xMidYMid slice" style="position:absolute;inset:0;">
<!-- Water -->
<rect x="0" y="0" width="260" height="380" fill="#d4e5f7"/>
<!-- Land -->
<path d="M0 80 Q60 60 120 90 T260 70 L260 380 L0 380 Z" fill="#e8f0e8"/>
<path d="M0 200 Q80 180 160 210 T260 190 L260 380 L0 380 Z" fill="#f0f5e8"/>
<!-- Park -->
<ellipse cx="180" cy="140" rx="50" ry="35" fill="#c8e6c9"/>
<ellipse cx="190" cy="130" rx="30" ry="20" fill="#a5d6a7"/>
<!-- Streets -->
<rect x="0" y="150" width="260" height="12" fill="#fff"/>
<rect x="0" y="152" width="260" height="8" fill="#f5f5f5"/>
<rect x="130" y="0" width="12" height="380" fill="#fff"/>
<rect x="132" y="0" width="8" height="380" fill="#f5f5f5"/>
<rect x="0" y="280" width="260" height="10" fill="#fff"/>
<rect x="0" y="282" width="260" height="6" fill="#f5f5f5"/>
<rect x="60" y="0" width="10" height="380" fill="#fff"/>
<rect x="62" y="0" width="6" height="380" fill="#f5f5f5"/>
<!-- Building blocks -->
<rect x="20" y="100" width="30" height="25" fill="#e0e0e0" rx="2"/>
<rect x="70" y="180" width="35" height="30" fill="#e0e0e0" rx="2"/>
<rect x="170" y="200" width="28" height="22" fill="#e0e0e0" rx="2"/>
<rect x="80" y="310" width="32" height="28" fill="#e0e0e0" rx="2"/>
<rect x="200" y="320" width="25" height="20" fill="#e0e0e0" rx="2"/>
<!-- Street names -->
<text x="140" y="110" font-size="6" fill="#888" font-family="sans-serif">Main St</text>
<text x="20" y="165" font-size="6" fill="#888" font-family="sans-serif">Oak Ave</text>
</svg>
<!-- Map UI elements -->
<div style="position:absolute;top:12px;left:12px;background:#fff;border-radius:8px;padding:6px 10px;box-shadow:0 2px 8px rgba(0,0,0,.15);display:flex;align-items:center;gap:6px;">
<span style="font-size:.7rem;">🔍</span>
<span style="font-size:.6rem;color:#666;">Search...</span>
</div>
<div style="position:absolute;top:12px;right:12px;background:#fff;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.15);">
<span style="font-size:.8rem;">📍</span>
</div>
<!-- Mission pins on map -->
<div style="position:absolute;top:130px;left:90px;transform:translate(-50%,-100%);">
<div style="width:28px;height:28px;background:#0066FF;border-radius:50% 50% 50% 0;transform:rotate(-45deg);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,102,255,.4);">
<span style="transform:rotate(45deg);font-size:.7rem;">📷</span>
</div>
<div style="width:8px;height:8px;background:rgba(0,102,255,.3);border-radius:50%;margin:4px auto 0;filter:blur(2px);"></div>
</div>
<div style="position:absolute;top:220px;left:200px;transform:translate(-50%,-100%);">
<div style="width:24px;height:24px;background:#00C853;border-radius:50% 50% 50% 0;transform:rotate(-45deg);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,200,83,.4);">
<span style="transform:rotate(45deg);font-size:.6rem;"></span>
</div>
</div>
</div>
<!-- Bottom sheet -->
<div style="background:#fff;border-radius:20px 20px 0 0;padding:18px;box-shadow:0 -4px 24px rgba(0,0,0,.12);position:relative;z-index:5;">
<div style="width:36px;height:4px;background:#ddd;border-radius:2px;margin:0 auto 14px;"></div>
<div style="display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;">
<div style="width:40px;height:40px;background:var(--blue-pale);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;">
<span style="font-size:1.1rem;">📷</span>
</div>
<div style="flex:1;min-width:0;">
<div style="font-size:.8rem;font-weight:800;color:var(--text);margin-bottom:2px;">Khảo sát đường</div>
<div style="font-size:.65rem;color:#666;display:flex;align-items:center;gap:4px;">
<span>📍</span>
<span>Đường chính, Trung tâm</span>
</div>
</div>
<div style="text-align:right;flex-shrink:0;">
<div style="font-size:.9rem;font-weight:900;color:#0066FF;">₫285</div>
<div style="font-size:.6rem;color:#888;">3 ảnh · ~12 phút</div>
</div>
</div>
<div style="display:flex;gap:8px;">
<button style="flex:1;background:#0066FF;color:#fff;border:none;border-radius:14px;padding:10px 16px;font-size:.75rem;font-weight:800;cursor:pointer;">Claim Mission</button>
<button style="width:40px;background:var(--bg-off);border:none;border-radius:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;">🗺️</button>
</div>
</div>
<!-- Android nav bar -->
<div style="height:20px;background:#fff;display:flex;align-items:center;justify-content:center;gap:40px;flex-shrink:0;">
<div style="width:80px;height:3px;background:#1a1a1a;border-radius:2px;"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- STATS -->
<section id="stats">
<div class="container">
<div class="stats-grid">
<div class="stat-item">
<span class="stat-value">~30 phút</span>
<span class="stat-label">Thờigian nhiệm vụ trung bình</span>
</div>
<div class="stat-item">
<span class="stat-value">2026</span>
<span class="stat-label">Ra mắt trên toàn Châu Á</span>
</div>
<div class="stat-item">
<span class="stat-value">Hàng tuần</span>
<span class="stat-label">Chu kỳ thanh toán</span>
</div>
<div class="stat-item">
<span class="stat-value">100%</span>
<span class="stat-label">Thanh toán khi phê duyệt</span>
</div>
</div>
</div>
</section>
<!-- HOW IT WORKS -->
<section id="how" class="section-pad">
<div class="container">
<div class="section-header">
<h2>Cách hoạt động</h2>
<p>Ba bước. Bắt đầu kiếm tiền ngay hôm nay.</p>
</div>
<div class="steps-grid">
<div class="step-card">
<div class="step-number">1</div>
<h3>Tìm nhiệm vụ</h3>
<p>Mở ứng dụng và xem các nhiệm vụ có sẵn gần bạn. Lọc theo loại, khoảng cách và phần thưởng.</p>
</div>
<div class="step-card">
<div class="step-number">2</div>
<h3>Nhận & chụp ảnh</h3>
<p>Đặt trước một nhiệm vụ, đến địa điểm và làm theo hướng dẫn chụp ảnh. Gửi qua ứng dụng.</p>
</div>
<div class="step-card">
<div class="step-number">3</div>
<h3>Nhận tiền</h3>
<p>Đội ngũ của chúng tôi xem xét bài gửi của bạn trong vòng 24 giờ. Sau khi phê duyệt, tiền sẽ được chuyển vào tài khoản của bạn.</p>
</div>
</div>
</div>
</section>
<!-- MISSIONS -->
<section id="missions" class="section-pad" style="background:var(--bg-off);">
<div class="container">
<div class="section-header">
<h2>Loại nhiệm vụ</h2>
<p>Từ cơ sở hạ tầng đến bất động sản——có nhiệm vụ phù hợp với mọi ngườii.</p>
</div>
<div class="missions-grid">
<div class="mission-card">
<div class="mission-icon">📷</div>
<h3>Cơ sở hạ tầng</h3>
<p>Ghi lại đường xá, cầu cống và cơ sở công cộng. Giúp chính quyền địa phương duy trì hồ sơ chính xác.</p>
<span class="mission-chip">Phổ biến nhất</span>
</div>
<div class="mission-card">
<div class="mission-icon">🏢</div>
<h3>Bất động sản</h3>
<p>Chụp ảnh bất động sản cho mục đích thẩm định và bảo hiểm. Ảnh trong nhà và ngoài trờii.</p>
<span class="mission-chip">Thù lao cao</span>
</div>
<div class="mission-card">
<div class="mission-icon">🛣️</div>
<h3>Môi trường</h3>
<p>Ghi lại xói mòn bờ biển, không gian xanh và thay đổi môi trường cho các tổ chức nghiên cứu.</p>
<span class="mission-chip">Linh hoạt thờigian</span>
</div>
</div>
</div>
</section>
<!-- EARNINGS -->
<section id="earnings" class="section-pad">
<div class="container">
<div class="section-header">
<h2>Thu nhập của bạn</h2>
<p>Hoàn thành càng nhiều nhiệm vụ, bạn càng kiếm được nhiều. Không giới hạn, không ràng buộc.</p>
</div>
<div class="earnings-grid">
<div class="tier-card">
<h3>Ngườii mới</h3>
<div class="tier-missions">10 nhiệm vụ đầu tiên</div>
<ul class="tier-features">
<li>Mức thù lao nhiệm vụ tiêu chuẩn</li>
<li>Thanh toán hàng tuần</li>
<li>Hỗ trợ qua email</li>
</ul>
</div>
<div class="tier-card featured">
<h3>Zoomer chuyên nghiệp</h3>
<div class="tier-missions">Hoàn thành 10+ nhiệm vụ</div>
<ul class="tier-features">
<li>Thưởng 10% cho mọi nhiệm vụ</li>
<li>Ưu tiên tiếp cận nhiệm vụ</li>
<li>Xem xét nhanh hơn (12h)</li>
</ul>
</div>
<div class="tier-card">
<h3>Tinh anh</h3>
<div class="tier-missions">50+ nhiệm vụ + Chứng nhận Landvex</div>
<ul class="tier-features">
<li>Thưởng 25% cho mọi nhiệm vụ</li>
<li>Nhiệm vụ giá trị cao độc quyền</li>
<li>Đường dây nóng trực tiếp</li>
</ul>
</div>
</div>
</div>
</section>
<!-- PARTNER SECTION -->
<section id="partner" class="section-pad">
<div class="container">
<div class="partner-hero">
<h2>Trở thành Đối tác được Landvex Ủy quyền</h2>
<p>Sở hữu quiXzoom tại quốc gia của bạn. Chúng tôi cung cấp nền tảng——bạn xử lý vận hành địa phương, tuân thủ và thanh toán.</p>
<div class="partner-hero-desc">
<p>quiXzoom đang mở rộng khắp châu Á thông qua các đối tác địa phương được ủy quyền. Nếu công ty của bạn xử lý thanh toán địa phương, hiểu biết về quy định địa phương và muốn vận hành một nền tảng dữ liệu hiện trường đã được chứng minh——đây là cơ hội của bạn.</p>
</div>
</div>
<div class="section-header">
<h2>Mô hình Đối tác</h2>
<p>Một quan hệ đối tác thực sự——không chỉ là thỏa thuận đại lý bán lại.</p>
</div>
<div class="partner-model-grid">
<div class="partner-model-card">
<h3>Giấy phép Nền tảng</h3>
<p>Truy cập đầy đủ vào bộ công nghệ quiXzoom: ứng dụng, quản lý nhiệm vụ, quy trình xem xét và bảng điều khiển phân tích.</p>
</div>
<div class="partner-model-card">
<h3>Vận hành Địa phương</h3>
<p>Bạn xử lý đăng ký địa phương, tuân thủ thuế, luật lao động và hỗ trợ khách hàng bằng ngôn ngữ và múi giờ của bạn.</p>
</div>
<div class="partner-model-card">
<h3>Hạ tầng Thanh toán</h3>
<p>Bạn tích hợp các kênh thanh toán địa phương (ví điện tử, chuyển khoản ngân hàng, mạng lưới tiền mặt) và quản lý thù lao Zoomer.</p>
</div>
<div class="partner-model-card">
<h3>Chia sẻ Doanh thu</h3>
<p>Chia sẻ doanh thu minh bạch. Bạn giữ phần lớn doanh thu địa phương. Chúng tôi cung cấp cập nhật nền tảng liên tục và khách hàng doanh nghiệp toàn cầu.</p>
</div>
</div>
<div class="section-header">
<h2>Yêu cầu Đối tác</h2>
<p>Chúng tôi chọn một đối tác được ủy quyền cho mỗi quốc gia. Đây là những gì chúng tôi tìm kiếm:</p>
</div>
<div class="partner-req-grid">
<div class="partner-req-card">
<h4>Thực thể Địa phương</h4>
<p>Công ty đã đăng ký tại quốc gia mục tiêu với ít nhất 2 năm hoạt động.</p>
</div>
<div class="partner-req-card">
<h4>Giấy phép Thanh toán</h4>
<p>Được cấp phép hoặc đăng ký cho dịch vụ thanh toán địa phương, chuyển tiền hoặc phát hành tiền điện tử.</p>
</div>
<div class="partner-req-card">
<h4>Đội ngũ Kỹ thuật</h4>
<p>Nhà phát triển nội bộ hoặc đội ngũ IT theo hợp đồng có khả năng tích hợp API và bản địa hóa.</p>
</div>
<div class="partner-req-card">
<h4>Mạng lưới Địa phương</h4>
<p>Mối quan hệ hiện có với chính quyền địa phương, công ty bảo hiểm, công ty bất động sản hoặc nhà vận hành hạ tầng.</p>
</div>
<div class="partner-req-card">
<h4>Hồ sơ Tuân thủ</h4>
<p>Lịch sử quy định sạch. Không có lệnh trừng phạt, kết án gian lận hoặc khiếu nại ngườii tiêu dùng chưa giải quyết.</p>
</div>
<div class="partner-req-card">
<h4>Vốn hóa</h4>
<p>Vốn lưu động đầy đủ để tài trợ các khoản thanh toán Zoomer ban đầu và 6 tháng vận hành.</p>
</div>
</div>
<div class="section-header">
<h2>Quy trình Ủy quyền</h2>
<p>Sáu bước từ đơn đăng ký đến ra mắt.</p>
</div>
<div class="partner-steps">
<div class="partner-step">
<div class="partner-step-num">1</div>
<div>
<h4>Đơn đăng ký Ban đầu</h4>
<p>Gửi hồ sơ công ty, báo cáo tài chính và giấy phép quy định thông qua cổng đối tác của chúng tôi.</p>
</div>
</div>
<div class="partner-step">
<div class="partner-step-num">2</div>
<div>
<h4>Thẩm định</h4>
<p>Chúng tôi xác minh cơ cấu doanh nghiệp, chủ sở hữu hưởng lợi và tình trạng quy định của bạn. Thường mất 2-3 tuần.</p>
</div>
</div>
<div class="partner-step">
<div class="partner-step-num">3</div>
<div>
<h4>Đánh giá Kỹ thuật</h4>
<p>Đội ngũ kỹ thuật của bạn hoàn thành kiểm tra tích hợp API và đánh giá bảo mật với đội ngũ nền tảng của chúng tôi.</p>
</div>
</div>
<div class="partner-step">
<div class="partner-step-num">4</div>
<div>
<h4>Điều khoản Thương mại</h4>
<p>Đàm phán chia sẻ doanh thu, SLA, mức độ hỗ trợ và điều khoản độc quyền cho lãnh thổ của bạn.</p>
</div>
</div>
<div class="partner-step">
<div class="partner-step-num">5</div>
<div>
<h4>Bản địa hóa</h4>
<p>Dịch nội dung nền tảng, tích hợp kênh thanh toán địa phương và điều chỉnh theo quy định lao động và thuế địa phương.</p>
</div>
</div>
<div class="partner-step">
<div class="partner-step-num">6</div>
<div>
<h4>Ra mắt</h4>
<p>Ra mắt mềm với Zoomer thử nghiệm, sau đó là ra mắt công khai đầy đủ với hỗ trợ tiếp thị từ quiXzoom Global.</p>
</div>
</div>
</div>
<div class="partner-cta-box">
<h3>Đăng ký trở thành Đối tác</h3>
<p>Một đối tác cho mỗi quốc gia. Bảo vệ lãnh thổ của bạn ngay hôm nay.</p>
<a href="https://www.quixzoom.com/partners/apply" class="btn-white">Đăng ký trở thành Đối tác →</a>
</div>
</div>
</section>
<!-- FAQ -->
<section id="faq" class="section-pad" style="background:var(--bg);">
<div class="container">
<div class="section-header">
<h2>Câu hỏi thường gặp</h2>
<p>Mọi thứ bạn cần biết về việc trở thành Zoomer.</p>
</div>
<div class="faq-list">
<details class="faq-item">
<summary>Zoomer là gì?</summary>
<div class="faq-answer">Zoomer là nhà thầu độc lập thực hiện các nhiệm vụ chụp ảnh bằng ứng dụng quiXzoom. Bạn chọn khi nào và ở đâu làm việc.</div>
</details>
<details class="faq-item">
<summary>Tôi có thể kiếm được bao nhiêu?</summary>
<div class="faq-answer">Thu nhập phụ thuộc vào loại nhiệm vụ và địa điểm. Hầu hết các nhiệm vụ trả từ ₫50500. Zoomer chuyên nghiệp và tinh anh nhận thêm thưởng.</div>
</details>
<details class="faq-item">
<summary>Khi nào tôi nhận được tiền?</summary>
<div class="faq-answer">Thanh toán được xử lý hàng tuần cho tất cả các nhiệm vụ đã phê duyệt từ tuần trước. Tiền sẽ đến tài khoản ngân hàng hoặc ví điện tử của bạn.</div>
</details>
<details class="faq-item">
<summary>Tôi cần gì để bắt đầu?</summary>
<div class="faq-answer">Một điện thoại thông minh có camera tốt, giấy tờ tùy thân hợp lệ để xác minh, và tài khoản ngân hàng hoặc ví điện tử để nhận tiền.</div>
</details>
<details class="faq-item">
<summary>Có phí đăng ký không?</summary>
<div class="faq-answer">Không. Đăng ký làm Zoomer hoàn toàn miễn phí. Chúng tôi không thu bất kỳ phí nền tảng hoặc phí thành viên nào.</div>
</details>
<details class="faq-item">
<summary>Ai vận hành quiXzoom tại quốc gia của tôi?</summary>
<div class="faq-answer">quiXzoom vận hành thông qua các Đối tác được Landvex Ủy quyền——các công ty địa phương được cấp phép vận hành nền tảng tại mỗi quốc gia. Họ xử lý thanh toán, hỗ trợ và tuân thủ.</div>
</details>
<details class="faq-item">
<summary>Công ty của tôi có thể trở thành đối tác không?</summary>
<div class="faq-answer">Có, nếu bạn đáp ứng các yêu cầu của chúng tôi. Chúng tôi chọn một đối tác được ủy quyền cho mỗi quốc gia. Xem phần 'Trở thành Đối tác' để biết chi tiết.</div>
</details>
</div>
</div>
</section>
</main>
<!-- FOOTER -->
<footer>
<div class="container">
<!-- Global Markets -->
<div style="padding:32px 0;border-bottom:1px solid rgba(58,58,58,.07);margin-bottom:32px;">
<div style="font-size:.875rem;font-weight:800;color:var(--text);margin-bottom:16px;letter-spacing:.06em;text-transform:uppercase;">Thị trường toàn cầu</div>
<div style="display:flex;flex-wrap:wrap;gap:12px 24px;">
<a href="https://www.quixzoom.com/" style="color:rgba(58,58,58,.75);font-size:.875rem;text-decoration:none;">🌍 Global (EN)</a>
<a href="https://quixzoom.se/" style="color:rgba(58,58,58,.75);font-size:.875rem;text-decoration:none;">🇸🇪 Sweden</a>
<a href="https://quixzoom.co.uk/" style="color:rgba(58,58,58,.75);font-size:.875rem;text-decoration:none;">🇬🇧 UK</a>
<a href="https://quixzoom.asia/" style="color:rgba(58,58,58,.75);font-size:.875rem;text-decoration:none;">🌏 Asia Hub</a>
<a href="https://quixzoom.nl/" style="color:rgba(58,58,58,.75);font-size:.875rem;text-decoration:none;">🇳🇱 Netherlands*</a>
<a href="https://quixzoom.de/" style="color:rgba(58,58,58,.75);font-size:.875rem;text-decoration:none;">🇩🇪 Germany*</a>
<a href="https://quixzoom.fr/" style="color:rgba(58,58,58,.75);font-size:.875rem;text-decoration:none;">🇫🇷 France*</a>
<a href="https://quixzoom.jp/" style="color:rgba(58,58,58,.75);font-size:.875rem;text-decoration:none;">🇯🇵 Japan*</a>
<a href="https://quixzoom.in/" style="color:rgba(58,58,58,.75);font-size:.875rem;text-decoration:none;">🇮🇳 India*</a>
<a href="https://quixzoom.es/" style="color:rgba(58,58,58,.75);font-size:.875rem;text-decoration:none;">🇪🇸 Spain*</a>
<a href="https://quixzoom.it/" style="color:rgba(58,58,58,.75);font-size:.875rem;text-decoration:none;">🇮🇹 Italy*</a>
<a href="https://quixzoom.mx/" style="color:rgba(58,58,58,.75);font-size:.875rem;text-decoration:none;">🇲🇽 Mexico*</a>
</div>
<div style="font-size:.75rem;color:rgba(58,58,58,.55);margin-top:12px;">* Coming soon — <a href="mailto:partners@quixzoom.com" style="color:var(--blue);text-decoration:none;">partner with us</a></div>
</div>
<div class="footer-inner">
<div class="footer-brand">
<a href="/" class="nav-logo">qui<span class="x">X</span>zoom</a>
<p class="footer-tagline">Chụp ảnh thế giới. Nhận thù lao. quiXzoom đang xây dựng cơ sở hạ tầng toàn cầu để thu thập dữ liệu hiện trường.</p>
</div>
<div class="footer-col">
<h4>Zoomer</h4>
<ul>
<li><a href="#how">Cách hoạt động</a></li>
<li><a href="#missions">Loại nhiệm vụ</a></li>
<li><a href="#earnings">Thu nhập</a></li>
<li><a href="#partner">Chứng nhận Landvex</a></li>
</ul>
</div>
<div class="footer-col">
<h4>Doanh nghiệp</h4>
<ul>
<li><a href="https://www.quixzoom.com/for-organisations">Dành cho tổ chức</a></li>
<li><a href="https://www.quixzoom.com/pricing">Giá cả</a></li>
<li><a href="https://www.quixzoom.com/developer">API nhà phát triển</a></li>
</ul>
</div>
<div class="footer-col">
<h4>Hỗ trợ</h4>
<ul>
<li><a href="https://www.quixzoom.com/support">Trung tâm trợ giúp</a></li>
<li><a href="https://www.quixzoom.com/privacy">Chính sách quyền riêng tư</a></li>
<li><a href="https://www.quixzoom.com/terms">Điều khoản dịch vụ</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<div class="footer-copyright">© 2026 quiXzoom. Đã đăng ký bản quyền.</div>
<div class="lang-switcher">
<span style="color:rgba(58,58,58,.75);font-size:.875rem;margin-right:4px;">Ngôn ngữ:</span>
<a href="/zh-cn/">中文</a>
<a href="/zh-tw/">繁中</a>
<a href="/ja/">日本語</a>
<a href="/ko/">한국어</a>
<a href="/th/">ไทย</a>
<a href="/vi/">Tiếng Việt</a>
<a href="/id/">Bahasa</a>
<a href="/ms/">Melayu</a>
<a href="/hi/">हिन्दी</a>
<a href="/en/">EN</a>
</div>
</div>
</div>
</footer>
</body>
</html>