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-cn">
|
||
<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-cn/">
|
||
<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>与 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">收入因任务类型和地点而异。大多数任务报酬在¥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>
|