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
40 KiB
HTML
702 lines
40 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-tw">
|
||
<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/zh-tw/">
|
||
<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">NT$ 每任務</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;">NT$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>與 Beta 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">收入因任務類型和地點而異。大多數任務報酬在NT$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>
|