Bernt
58ca4e68db
- 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
702 lines
50 KiB
HTML
702 lines
50 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="th">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>quiXzoom เอเชีย — ถ่ายภาพโลก รับรายได้</title>
|
||
<meta name="description" content="รับภารกิจถ่ายภาพใกล้คุณ รับเงินทุกสัปดาห์ ไม่มีค่าธรรมเนียมแพลตฟอร์ม ให้บริการในเอเชีย 9 ภาษา">
|
||
<link rel="canonical" href="https://quixzoom.asia/th/">
|
||
<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">วิธีใช้งาน</a>
|
||
<a href="#missions">ภารกิจ</a>
|
||
<a href="#earnings">รายได้</a>
|
||
<a href="#partner">เป็นพันธมิตร</a>
|
||
<a href="#faq">คำถามที่พบบ่อย</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'})">เริ่มต้น</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">เปิดตัวเอเชีย · ปี 2026</div>
|
||
<h1 class="hero-h1">ถ่ายภาพโลก<br><em>รับรายได้ต่อภารกิจ</em></h1>
|
||
<p class="hero-sub">รับภารกิจถ่ายภาพใกล้คุณ รับเงินทุกสัปดาห์ ไม่มีค่าธรรมเนียมแพลตฟอร์ม เปิดตัวทั่วเอเชียในปี 2026</p>
|
||
<form onsubmit="event.preventDefault();" novalidate>
|
||
<div class="wl-row">
|
||
<input type="email" id="wl-email" class="wl-input" placeholder="ที่อยู่อีเมลของคุณ" required autocomplete="email">
|
||
<button type="submit" class="wl-submit">เริ่มต้น →</button>
|
||
</div>
|
||
</form>
|
||
<p class="wl-trust">ไม่มีค่าสมัคร · ไม่มีค่าธรรมเนียมแพลตฟอร์ม · จ่ายทุกสัปดาห์ · ยืนยันตัวตนครั้งเดียว</p>
|
||
<div class="hero-stats-pill">
|
||
<div class="hstat">
|
||
<div class="hstat-num">50–500</div>
|
||
<div class="hstat-lbl">฿ ต่อภารกิจ</div>
|
||
</div>
|
||
<div class="hstat">
|
||
<div class="hstat-num">เอเชีย</div>
|
||
<div class="hstat-lbl">9 ประเทศ</div>
|
||
</div>
|
||
<div class="hstat">
|
||
<div class="hstat-num">0%</div>
|
||
<div class="hstat-lbl">ค่าธรรมเนียมแพลตฟอร์ม</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;">สำรวจถนน</div>
|
||
<div style="font-size:.65rem;color:#666;display:flex;align-items:center;gap:4px;">
|
||
<span>📍</span>
|
||
<span>ถนนสายหลัก ย่านธุรกิจ</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 รูป · ประมาณ 12 นาที</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 นาที</span>
|
||
<span class="stat-label">เวลาภารกิจเฉลี่ย</span>
|
||
</div>
|
||
<div class="stat-item">
|
||
<span class="stat-value">ปี 2026</span>
|
||
<span class="stat-label">เปิดตัวทั่วเอเชีย</span>
|
||
</div>
|
||
<div class="stat-item">
|
||
<span class="stat-value">ทุกสัปดาห์</span>
|
||
<span class="stat-label">รอบการจ่ายเงิน</span>
|
||
</div>
|
||
<div class="stat-item">
|
||
<span class="stat-value">100%</span>
|
||
<span class="stat-label">จ่ายเมื่ออนุมัติ</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- HOW IT WORKS -->
|
||
<section id="how" class="section-pad">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2>วิธีใช้งาน</h2>
|
||
<p>สามขั้นตอน เริ่มรับรายได้วันนี้</p>
|
||
</div>
|
||
<div class="steps-grid">
|
||
<div class="step-card">
|
||
<div class="step-number">1</div>
|
||
<h3>ค้นหาภารกิจ</h3>
|
||
<p>เปิดแอปและดูภารกิจที่มีใกล้คุณ กรองตามประเภท ระยะทาง และรางวัล</p>
|
||
</div>
|
||
<div class="step-card">
|
||
<div class="step-number">2</div>
|
||
<h3>รับและถ่ายภาพ</h3>
|
||
<p>จองภารกิจ ไปยังสถานที่ และทำตามคำแนะนำการถ่ายภาพ ส่งผ่านแอป</p>
|
||
</div>
|
||
<div class="step-card">
|
||
<div class="step-number">3</div>
|
||
<h3>รับเงิน</h3>
|
||
<p>ทีมของเราตรวจสอบการส่งของคุณภายใน 24 ชั่วโมง เมื่ออนุมัติแล้ว เงินจะเข้าบัญชีของคุณ</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>ประเภทภารกิจ</h2>
|
||
<p>จากโครงสร้างพื้นฐานไปจนถึงอสังหาริมทรัพย์——มีภารกิจสำหรับทุกคน</p>
|
||
</div>
|
||
<div class="missions-grid">
|
||
<div class="mission-card">
|
||
<div class="mission-icon">📷</div>
|
||
<h3>โครงสร้างพื้นฐาน</h3>
|
||
<p>บันทึกถนน สะพาน และสิ่งอำนวยความสะดวกสาธารณะ ช่วยเทศบาลรักษาบันทึกที่ถูกต้อง</p>
|
||
<span class="mission-chip">ยอดนิยม</span>
|
||
</div>
|
||
<div class="mission-card">
|
||
<div class="mission-icon">🏢</div>
|
||
<h3>อสังหาริมทรัพย์</h3>
|
||
<p>ถ่ายภาพอสังหาริมทรัพย์เพื่อการประเมินและประกันภัย ภายในและภายนอก</p>
|
||
<span class="mission-chip">รางวัลสูง</span>
|
||
</div>
|
||
<div class="mission-card">
|
||
<div class="mission-icon">🛣️</div>
|
||
<h3>สิ่งแวดล้อม</h3>
|
||
<p>บันทึกการกัดเซาะชายฝั่ง พื้นที่สีเขียว และการเปลี่ยนแปลงสิ่งแวดล้อมเพื่อองค์กรวิจัย</p>
|
||
<span class="mission-chip">เวลายืดหยุ่น</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- EARNINGS -->
|
||
<section id="earnings" class="section-pad">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2>รายได้ของคุณ</h2>
|
||
<p>ภารกิจที่เสร็จสมบูรณ์มากเท่าไหร่ รายได้ก็มากเท่านั้น ไม่มีเพดาน ไม่มีขีดจำกัด</p>
|
||
</div>
|
||
<div class="earnings-grid">
|
||
<div class="tier-card">
|
||
<h3>มือใหม่</h3>
|
||
<div class="tier-missions">10 ภารกิจแรก</div>
|
||
<ul class="tier-features">
|
||
<li>อัตราภารกิจมาตรฐาน</li>
|
||
<li>จ่ายทุกสัปดาห์</li>
|
||
<li>สนับสนุนทางอีเมล</li>
|
||
</ul>
|
||
</div>
|
||
<div class="tier-card featured">
|
||
<h3>Zoomer มืออาชีพ</h3>
|
||
<div class="tier-missions">ทำภารกิจ 10+ ครั้ง</div>
|
||
<ul class="tier-features">
|
||
<li>โบนัส 10% ทุกภารกิจ</li>
|
||
<li>เข้าถึงภารกิจก่อนใคร</li>
|
||
<li>ตรวจสอบเร็วขึ้น (12 ชม.)</li>
|
||
</ul>
|
||
</div>
|
||
<div class="tier-card">
|
||
<h3>ระดับสูง</h3>
|
||
<div class="tier-missions">ทำภารกิจ 50+ ครั้ง + การรับรอง Landvex</div>
|
||
<ul class="tier-features">
|
||
<li>โบนัส 25% ทุกภารกิจ</li>
|
||
<li>ภารกิจมูลค่าสูงเฉพาะ</li>
|
||
<li>สายด่วนโดยตรง</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- PARTNER SECTION -->
|
||
<section id="partner" class="section-pad">
|
||
<div class="container">
|
||
<div class="partner-hero">
|
||
<h2>เป็นพันธมิตรที่ได้รับอนุญาตจาก Landvex</h2>
|
||
<p>เป็นเจ้าของ quiXzoom ในประเทศของคุณ เรามอบแพลตฟอร์ม——คุณจัดการการดำเนินงานในท้องถิ่น การปฏิบัติตามกฎระเบียบ และการชำระเงิน</p>
|
||
<div class="partner-hero-desc">
|
||
<p>quiXzoom กำลังขยายตัวไปทั่วเอเชียผ่านพันธมิตรในท้องถิ่นที่ได้รับอนุญาต หากบริษัทของคุณจัดการการชำระเงินในท้องถิ่น เข้าใจกฎระเบียบท้องถิ่น และต้องการดำเนินแพลตฟอร์มข้อมูลภาคสนามที่ได้รับการพิสูจน์แล้ว——นี่คือโอกาสของคุณ</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="section-header">
|
||
<h2>รูปแบบพันธมิตร</h2>
|
||
<p>ความร่วมมือที่แท้จริง——ไม่ใช่แค่ข้อตกลงตัวแทนจำหน่าย</p>
|
||
</div>
|
||
<div class="partner-model-grid">
|
||
<div class="partner-model-card">
|
||
<h3>ใบอนุญาตแพลตฟอร์ม</h3>
|
||
<p>เข้าถึงสแต็กเทคโนโลยี quiXzoom อย่างเต็มรูปแบบ: แอป การจัดการภารกิจ กระบวนการตรวจสอบ และแดชบอร์ดวิเคราะห์</p>
|
||
</div>
|
||
<div class="partner-model-card">
|
||
<h3>การดำเนินงานในท้องถิ่น</h3>
|
||
<p>คุณจัดการการจดทะเบียนในท้องถิ่น การปฏิบัติตามภาษี กฎหมายแรงงาน และการสนับสนุนลูกค้าในภาษาและเขตเวลาของคุณ</p>
|
||
</div>
|
||
<div class="partner-model-card">
|
||
<h3>โครงสร้างพื้นฐานการชำระเงิน</h3>
|
||
<p>คุณผสานรวมช่องทางการชำระเงินเข้า/ออกในท้องถิ่น (กระเป๋าเงินอิเล็กทรอนิกส์ การโอนเงินผ่านธนาคาร เครือข่ายเงินสด) และจัดการค่าตอบแทน Zoomer</p>
|
||
</div>
|
||
<div class="partner-model-card">
|
||
<h3>การแบ่งรายได้</h3>
|
||
<p>การแบ่งรายได้ที่โปร่งใส คุณเก็บส่วนใหญ่ของรายได้ในท้องถิ่น เรามอบการอัปเดตแพลตฟอร์มอย่างต่อเนื่องและลูกค้าองค์กรระดับโลก</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="section-header">
|
||
<h2>ข้อกำหนดของพันธมิตร</h2>
|
||
<p>เราเลือกพันธมิตรที่ได้รับอนุญาตหนึ่งรายต่อประเทศ นี่คือสิ่งที่เรามองหา:</p>
|
||
</div>
|
||
<div class="partner-req-grid">
|
||
<div class="partner-req-card">
|
||
<h4>นิติบุคคลในท้องถิ่น</h4>
|
||
<p>บริษัทที่จดทะเบียนในประเทศเป้าหมาย ดำเนินงานมาอย่างน้อย 2 ปี</p>
|
||
</div>
|
||
<div class="partner-req-card">
|
||
<h4>ใบอนุญาตการชำระเงิน</h4>
|
||
<p>ได้รับใบอนุญาตหรือจดทะเบียนสำหรับบริการการชำระเงินในท้องถิ่น การโอนเงิน หรือการออกเงินอิเล็กทรอนิกส์</p>
|
||
</div>
|
||
<div class="partner-req-card">
|
||
<h4>ทีมเทคนิค</h4>
|
||
<p>นักพัฒนาภายในหรือทีม IT ที่สัญญาว่าสามารถทำการผสานรวม API และการแปลเป็นภาษาท้องถิ่นได้</p>
|
||
</div>
|
||
<div class="partner-req-card">
|
||
<h4>เครือข่ายในท้องถิ่น</h4>
|
||
<p>ความสัมพันธ์ที่มีอยู่กับเทศบาล บริษัทประกันภัย บริษัทอสังหาริมทรัพย์ หรือผู้ดำเนินการโครงสร้างพื้นฐาน</p>
|
||
</div>
|
||
<div class="partner-req-card">
|
||
<h4>ประวัติการปฏิบัติตามกฎระเบียบ</h4>
|
||
<p>ประวัติกฎระเบียบที่สะอาด ไม่มีการคว่ำบาตร การตัดสินคดีฉ้อโกง หรือการร้องเรียนจากผู้บริโภคที่ค้างอยู่</p>
|
||
</div>
|
||
<div class="partner-req-card">
|
||
<h4>เงินทุน</h4>
|
||
<p>เงินทุนหมุนเวียนที่เพียงพอที่จะจัดหาเงินจ่าย Zoomer เริ่มต้นและการดำเนินงาน 6 เดือน</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="section-header">
|
||
<h2>กระบวนการอนุญาต</h2>
|
||
<p>หกขั้นตอนจากการสมัครจนถึงการเปิดตัว</p>
|
||
</div>
|
||
<div class="partner-steps">
|
||
<div class="partner-step">
|
||
<div class="partner-step-num">1</div>
|
||
<div>
|
||
<h4>การสมัครเริ่มต้น</h4>
|
||
<p>ส่งประวัติบริษัท งบการเงิน และใบอนุญาตกฎระเบียบผ่านพอร์ทัลพันธมิตรของเรา</p>
|
||
</div>
|
||
</div>
|
||
<div class="partner-step">
|
||
<div class="partner-step-num">2</div>
|
||
<div>
|
||
<h4>การตรวจสอบความน่าเชื่อถือ</h4>
|
||
<p>เราตรวจสอบโครงสร้างองค์กร เจ้าของผู้มีส่วนได้เสีย และสถานะกฎระเบียบของคุณ โดยปกติใช้เวลา 2-3 สัปดาห์</p>
|
||
</div>
|
||
</div>
|
||
<div class="partner-step">
|
||
<div class="partner-step-num">3</div>
|
||
<div>
|
||
<h4>การประเมินทางเทคนิค</h4>
|
||
<p>ทีมวิศวกรรมของคุณทำการทดสอบการผสานรวม API และการตรวจสอบความปลอดภัยกับทีมแพลตฟอร์มของเรา</p>
|
||
</div>
|
||
</div>
|
||
<div class="partner-step">
|
||
<div class="partner-step-num">4</div>
|
||
<div>
|
||
<h4>เงื่อนไขทางการค้า</h4>
|
||
<p>เจรจาเรื่องการแบ่งรายได้ SLA ระดับการสนับสนุน และเงื่อนไขเฉพาะพื้นที่สำหรับดินแดนของคุณ</p>
|
||
</div>
|
||
</div>
|
||
<div class="partner-step">
|
||
<div class="partner-step-num">5</div>
|
||
<div>
|
||
<h4>การแปลเป็นภาษาท้องถิ่น</h4>
|
||
<p>แปลเนื้อหาแพลตฟอร์ม ผสานรวมช่องทางการชำระเงินในท้องถิ่น และปรับให้เข้ากับกฎหมายแรงงานและภาษีในท้องถิ่น</p>
|
||
</div>
|
||
</div>
|
||
<div class="partner-step">
|
||
<div class="partner-step-num">6</div>
|
||
<div>
|
||
<h4>เปิดใช้งานจริง</h4>
|
||
<p>เปิดตัวแบบซอฟต์กับ Zoomer เบต้า ตามด้วยการเปิดตัวสาธารณะอย่างเต็มรูปแบบด้วยการสนับสนุนด้านการตลาดจาก quiXzoom Global</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="partner-cta-box">
|
||
<h3>สมัครเป็นพันธมิตร</h3>
|
||
<p>หนึ่งพันธมิตรต่อประเทศ รักษาดินแดนของคุณวันนี้</p>
|
||
<a href="https://www.quixzoom.com/partners/apply" class="btn-white">สมัครเป็นพันธมิตร →</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- FAQ -->
|
||
<section id="faq" class="section-pad" style="background:var(--bg);">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2>คำถามที่พบบ่อย</h2>
|
||
<p>ทุกสิ่งที่คุณต้องรู้เกี่ยวกับการเป็น Zoomer</p>
|
||
</div>
|
||
<div class="faq-list">
|
||
<details class="faq-item">
|
||
<summary>Zoomer คืออะไร?</summary>
|
||
<div class="faq-answer">Zoomer คือผู้รับเหมาอิสระที่ทำภารกิจถ่ายภาพโดยใช้แอป quiXzoom คุณเลือกได้ว่าจะทำงานเมื่อไหร่และที่ไหน</div>
|
||
</details>
|
||
<details class="faq-item">
|
||
<summary>ฉันสามารถรับรายได้เท่าไหร่?</summary>
|
||
<div class="faq-answer">รายได้ขึ้นอยู่กับประเภทภารกิจและสถานที่ ภารกิจส่วนใหญ่จ่ายระหว่าง ฿50–500 Zoomer ระดับมืออาชีพและระดับสูงจะได้รับโบนัสเพิ่ม</div>
|
||
</details>
|
||
<details class="faq-item">
|
||
<summary>ฉันจะได้รับเงินเมื่อไหร่?</summary>
|
||
<div class="faq-answer">การจ่ายเงินจะดำเนินการทุกสัปดาห์สำหรับภารกิจที่อนุมัติแล้วในสัปดาห์ก่อนหน้า เงินจะเข้าบัญชีธนาคารหรือกระเป๋าเงินอิเล็กทรอนิกส์ของคุณ</div>
|
||
</details>
|
||
<details class="faq-item">
|
||
<summary>ฉันต้องการอะไรเพื่อเริ่มต้น?</summary>
|
||
<div class="faq-answer">สมาร์ทโฟนที่มีกล้องดี บัตรประชาชนที่ใช้งานได้สำหรับการยืนยันตัวตน และบัญชีธนาคารหรือกระเป๋าเงินอิเล็กทรอนิกส์สำหรับรับเงิน</div>
|
||
</details>
|
||
<details class="faq-item">
|
||
<summary>มีค่าสมัครหรือไม่?</summary>
|
||
<div class="faq-answer">ไม่มี การสมัครเป็น Zoomer ฟรีทั้งหมด เราไม่คิดค่าธรรมเนียมแพลตฟอร์มหรือค่าสมาชิกใดๆ</div>
|
||
</details>
|
||
<details class="faq-item">
|
||
<summary>quiXzoom ในประเทศของฉันดำเนินการโดยใคร?</summary>
|
||
<div class="faq-answer">quiXzoom ดำเนินการผ่านพันธมิตรที่ได้รับอนุญาตจาก Landvex——บริษัทในท้องถิ่นที่ได้รับอนุญาตให้ดำเนินการแพลตฟอร์มในแต่ละประเทศ พวกเขาจัดการการชำระเงิน การสนับสนุน และการปฏิบัติตามกฎระเบียบ</div>
|
||
</details>
|
||
<details class="faq-item">
|
||
<summary>บริษัทของฉันสามารถเป็นพันธมิตรได้หรือไม่?</summary>
|
||
<div class="faq-answer">ได้ หากคุณตรงตามข้อกำหนดของเรา เราเลือกพันธมิตรที่ได้รับอนุญาตหนึ่งรายต่อประเทศ ดูรายละเอียดในส่วน 'เป็นพันธมิตร'</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;">ตลาดทั่วโลก</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">ถ่ายภาพโลก รับรายได้ quiXzoom กำลังสร้างโครงสร้างพื้นฐานระดับโลกสำหรับการรวบรวมข้อมูลภาคสนาม</p>
|
||
</div>
|
||
<div class="footer-col">
|
||
<h4>Zoomer</h4>
|
||
<ul>
|
||
<li><a href="#how">วิธีใช้งาน</a></li>
|
||
<li><a href="#missions">ประเภทภารกิจ</a></li>
|
||
<li><a href="#earnings">รายได้</a></li>
|
||
<li><a href="#partner">การรับรอง Landvex</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="footer-col">
|
||
<h4>ธุรกิจ</h4>
|
||
<ul>
|
||
<li><a href="https://www.quixzoom.com/for-organisations">สำหรับองค์กร</a></li>
|
||
<li><a href="https://www.quixzoom.com/pricing">ราคา</a></li>
|
||
<li><a href="https://www.quixzoom.com/developer">API สำหรับนักพัฒนา</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="footer-col">
|
||
<h4>สนับสนุน</h4>
|
||
<ul>
|
||
<li><a href="https://www.quixzoom.com/support">ศูนย์ช่วยเหลือ</a></li>
|
||
<li><a href="https://www.quixzoom.com/privacy">นโยบายความเป็นส่วนตัว</a></li>
|
||
<li><a href="https://www.quixzoom.com/terms">ข้อกำหนดในการให้บริการ</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="footer-bottom">
|
||
<div class="footer-copyright">© 2026 quiXzoom สงวนลิขสิทธิ์</div>
|
||
<div class="lang-switcher">
|
||
<span style="color:rgba(58,58,58,.75);font-size:.875rem;margin-right:4px;">ภาษา:</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>
|