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
41 KiB
HTML
702 lines
41 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="id">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>quiXzoom Asia — Tangkap Dunia. Dapatkan Bayaran.</title>
|
||
<meta name="description" content="Ambil misi foto di dekat Anda. Dibayar setiap minggu. Tanpa biaya platform. Tersedia di Asia dalam 9 bahasa.">
|
||
<link rel="canonical" href="https://quixzoom.asia/id/">
|
||
<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">Cara Kerja</a>
|
||
<a href="#missions">Misi</a>
|
||
<a href="#earnings">Penghasilan</a>
|
||
<a href="#partner">Menjadi Mitra</a>
|
||
<a href="#faq">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'})">Mulai</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">Peluncuran Asia · 2026</div>
|
||
<h1 class="hero-h1">Tangkap Dunia.<br><em>Dapatkan Bayaran per Misi.</em></h1>
|
||
<p class="hero-sub">Ambil misi foto di dekat Anda. Dibayar setiap minggu. Tanpa biaya platform. Meluncur di seluruh Asia pada tahun 2026.</p>
|
||
<form onsubmit="event.preventDefault();" novalidate>
|
||
<div class="wl-row">
|
||
<input type="email" id="wl-email" class="wl-input" placeholder="Alamat email Anda" required autocomplete="email">
|
||
<button type="submit" class="wl-submit">Mulai →</button>
|
||
</div>
|
||
</form>
|
||
<p class="wl-trust">Tanpa biaya pendaftaran · Tanpa biaya platform · Dibayar mingguan · Verifikasi identitas sekali saja</p>
|
||
<div class="hero-stats-pill">
|
||
<div class="hstat">
|
||
<div class="hstat-num">1.000–10.000</div>
|
||
<div class="hstat-lbl">Rp per misi</div>
|
||
</div>
|
||
<div class="hstat">
|
||
<div class="hstat-num">Asia</div>
|
||
<div class="hstat-lbl">9 negara</div>
|
||
</div>
|
||
<div class="hstat">
|
||
<div class="hstat-num">0%</div>
|
||
<div class="hstat-lbl">biaya platform</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;">Survei Jalan</div>
|
||
<div style="font-size:.65rem;color:#666;display:flex;align-items:center;gap:4px;">
|
||
<span>📍</span>
|
||
<span>Jalan Utama, Pusat Kota</span>
|
||
</div>
|
||
</div>
|
||
<div style="text-align:right;flex-shrink:0;">
|
||
<div style="font-size:.9rem;font-weight:900;color:#0066FF;">Rp2.850</div>
|
||
<div style="font-size:.6rem;color:#888;">3 foto · ~12 menit</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 menit</span>
|
||
<span class="stat-label">Waktu misi rata-rata</span>
|
||
</div>
|
||
<div class="stat-item">
|
||
<span class="stat-value">2026</span>
|
||
<span class="stat-label">Meluncur di Asia</span>
|
||
</div>
|
||
<div class="stat-item">
|
||
<span class="stat-value">Mingguan</span>
|
||
<span class="stat-label">Jadwal pembayaran</span>
|
||
</div>
|
||
<div class="stat-item">
|
||
<span class="stat-value">100%</span>
|
||
<span class="stat-label">Dibayar setelah disetujui</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- HOW IT WORKS -->
|
||
<section id="how" class="section-pad">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2>Cara Kerja</h2>
|
||
<p>Tiga langkah. Mulai menghasilkan hari ini.</p>
|
||
</div>
|
||
<div class="steps-grid">
|
||
<div class="step-card">
|
||
<div class="step-number">1</div>
|
||
<h3>Jelajahi Misi</h3>
|
||
<p>Buka aplikasi dan lihat misi yang tersedia di dekat Anda. Filter berdasarkan jenis, jarak, dan hadiah.</p>
|
||
</div>
|
||
<div class="step-card">
|
||
<div class="step-number">2</div>
|
||
<h3>Ambil & Tangkap</h3>
|
||
<p>Pesan sebuah misi, pergi ke lokasi, dan ikuti instruksi foto. Kirimkan melalui aplikasi.</p>
|
||
</div>
|
||
<div class="step-card">
|
||
<div class="step-number">3</div>
|
||
<h3>Dapatkan Bayaran</h3>
|
||
<p>Tim kami meninjau pengiriman Anda dalam 24 jam. Setelah disetujui, pembayaran dikirim ke akun Anda.</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>Jenis Misi</h2>
|
||
<p>Dari infrastruktur hingga real estat——ada misi untuk semua orang.</p>
|
||
</div>
|
||
<div class="missions-grid">
|
||
<div class="mission-card">
|
||
<div class="mission-icon">📷</div>
|
||
<h3>Infrastruktur</h3>
|
||
<p>Dokumentasikan jalan, jembatan, dan fasilitas umum. Bantu pemerintah daerah menjaga catatan yang akurat.</p>
|
||
<span class="mission-chip">Paling Populer</span>
|
||
</div>
|
||
<div class="mission-card">
|
||
<div class="mission-icon">🏢</div>
|
||
<h3>Real Estat</h3>
|
||
<p>Foto properti untuk tujuan penilaian dan asuransi. Foto dalam dan luar ruangan.</p>
|
||
<span class="mission-chip">Bayaran Tinggi</span>
|
||
</div>
|
||
<div class="mission-card">
|
||
<div class="mission-icon">🛣️</div>
|
||
<h3>Lingkungan</h3>
|
||
<p>Tangkap erosi pantai, ruang hijau, dan perubahan lingkungan untuk organisasi penelitian.</p>
|
||
<span class="mission-chip">Waktu Fleksibel</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- EARNINGS -->
|
||
<section id="earnings" class="section-pad">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2>Penghasilan Anda</h2>
|
||
<p>Semakin banyak misi yang Anda selesaikan, semakin banyak yang Anda hasilkan. Tanpa batas.</p>
|
||
</div>
|
||
<div class="earnings-grid">
|
||
<div class="tier-card">
|
||
<h3>Pemula</h3>
|
||
<div class="tier-missions">10 misi pertama</div>
|
||
<ul class="tier-features">
|
||
<li>Tarif misi standar</li>
|
||
<li>Pembayaran mingguan</li>
|
||
<li>Dukungan email</li>
|
||
</ul>
|
||
</div>
|
||
<div class="tier-card featured">
|
||
<h3>Zoomer Pro</h3>
|
||
<div class="tier-missions">10+ misi selesai</div>
|
||
<ul class="tier-features">
|
||
<li>Bonus 10% untuk semua misi</li>
|
||
<li>Akses misi prioritas</li>
|
||
<li>Peninjauan lebih cepat (12j)</li>
|
||
</ul>
|
||
</div>
|
||
<div class="tier-card">
|
||
<h3>Elit</h3>
|
||
<div class="tier-missions">50+ misi + Otorisasi Landvex</div>
|
||
<ul class="tier-features">
|
||
<li>Bonus 25% untuk semua misi</li>
|
||
<li>Misi bernilai tinggi eksklusif</li>
|
||
<li>Dukungan hotline langsung</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- PARTNER SECTION -->
|
||
<section id="partner" class="section-pad">
|
||
<div class="container">
|
||
<div class="partner-hero">
|
||
<h2>Menjadi Mitra Berwenang Landvex</h2>
|
||
<p>Miliki quiXzoom di negara Anda. Kami menyediakan platform——Anda menangani operasi lokal, kepatuhan, dan pembayaran.</p>
|
||
<div class="partner-hero-desc">
|
||
<p>quiXzoom sedang berkembang di seluruh Asia melalui mitra lokal yang berwenang. Jika perusahaan Anda menangani pembayaran lokal, memahami peraturan lokal, dan ingin mengoperasikan platform data lapangan yang terbukti——ini adalah kesempatan Anda.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="section-header">
|
||
<h2>Model Mitra</h2>
|
||
<p>Kemitraan yang sebenarnya——bukan sekadar perjanjian pengecer.</p>
|
||
</div>
|
||
<div class="partner-model-grid">
|
||
<div class="partner-model-card">
|
||
<h3>Lisensi Platform</h3>
|
||
<p>Akses penuh ke tumpukan teknologi quiXzoom: aplikasi, manajemen misi, pipeline tinjauan, dan dasbor analitik.</p>
|
||
</div>
|
||
<div class="partner-model-card">
|
||
<h3>Operasi Lokal</h3>
|
||
<p>Anda menangani inkorporasi lokal, kepatuhan pajak, hukum ketenagakerjaan, dan dukungan pelanggan dalam bahasa dan zona waktu Anda.</p>
|
||
</div>
|
||
<div class="partner-model-card">
|
||
<h3>Infrastruktur Pembayaran</h3>
|
||
<p>Anda mengintegrasikan jalur pembayaran masuk/keluar lokal (dompet elektronik, transfer bank, jaringan tunai) dan mengelola kompensasi Zoomer.</p>
|
||
</div>
|
||
<div class="partner-model-card">
|
||
<h3>Pembagian Pendapatan</h3>
|
||
<p>Pembagian pendapatan yang transparan. Anda menyimpan mayoritas pendapatan lokal. Kami menyediakan pembaruan platform berkelanjutan dan klien perusahaan global.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="section-header">
|
||
<h2>Persyaratan Mitra</h2>
|
||
<p>Kami memilih satu mitra berwenang per negara. Berikut yang kami cari:</p>
|
||
</div>
|
||
<div class="partner-req-grid">
|
||
<div class="partner-req-card">
|
||
<h4>Entitas Lokal</h4>
|
||
<p>Perusahaan terdaftar di negara target dengan minimal 2 tahun operasi.</p>
|
||
</div>
|
||
<div class="partner-req-card">
|
||
<h4>Lisensi Pembayaran</h4>
|
||
<p>Berlisensi atau terdaftar untuk layanan pembayaran lokal, remitansi, atau penerbitan uang elektronik.</p>
|
||
</div>
|
||
<div class="partner-req-card">
|
||
<h4>Tim Teknis</h4>
|
||
<p>Pengembang internal atau tim IT kontrak yang mampu melakukan integrasi API dan lokalisasi.</p>
|
||
</div>
|
||
<div class="partner-req-card">
|
||
<h4>Jaringan Lokal</h4>
|
||
<p>Hubungan yang ada dengan pemerintah daerah, perusahaan asuransi, perusahaan properti, atau operator infrastruktur.</p>
|
||
</div>
|
||
<div class="partner-req-card">
|
||
<h4>Rekam Jejak Kepatuhan</h4>
|
||
<p>Riwayat regulasi yang bersih. Tidak ada sanksi, vonis penipuan, atau keluhan konsumen yang belum terselesaikan.</p>
|
||
</div>
|
||
<div class="partner-req-card">
|
||
<h4>Kapitalisasi</h4>
|
||
<p>Modal kerja yang cukup untuk mendanai pembayaran Zoomer awal dan 6 bulan operasi.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="section-header">
|
||
<h2>Proses Otorisasi</h2>
|
||
<p>Enam langkah dari aplikasi hingga peluncuran.</p>
|
||
</div>
|
||
<div class="partner-steps">
|
||
<div class="partner-step">
|
||
<div class="partner-step-num">1</div>
|
||
<div>
|
||
<h4>Aplikasi Awal</h4>
|
||
<p>Kirimkan profil perusahaan, laporan keuangan, dan lisensi regulasi melalui portal mitra kami.</p>
|
||
</div>
|
||
</div>
|
||
<div class="partner-step">
|
||
<div class="partner-step-num">2</div>
|
||
<div>
|
||
<h4>Uji Tuntas</h4>
|
||
<p>Kami memverifikasi struktur perusahaan Anda, pemilik manfaat, dan status regulasi. Biasanya 2-3 minggu.</p>
|
||
</div>
|
||
</div>
|
||
<div class="partner-step">
|
||
<div class="partner-step-num">3</div>
|
||
<div>
|
||
<h4>Penilaian Teknis</h4>
|
||
<p>Tim rekayasa Anda menyelesaikan pengujian integrasi API dan tinjauan keamanan dengan tim platform kami.</p>
|
||
</div>
|
||
</div>
|
||
<div class="partner-step">
|
||
<div class="partner-step-num">4</div>
|
||
<div>
|
||
<h4>Ketentuan Komersial</h4>
|
||
<p>Negosiasikan pembagian pendapatan, SLA, tingkat dukungan, dan ketentuan eksklusivitas untuk wilayah Anda.</p>
|
||
</div>
|
||
</div>
|
||
<div class="partner-step">
|
||
<div class="partner-step-num">5</div>
|
||
<div>
|
||
<h4>Lokalisasi</h4>
|
||
<p>Terjemahkan konten platform, integrasikan jalur pembayaran lokal, dan sesuaikan dengan peraturan ketenagakerjaan dan pajak lokal.</p>
|
||
</div>
|
||
</div>
|
||
<div class="partner-step">
|
||
<div class="partner-step-num">6</div>
|
||
<div>
|
||
<h4>Go-Live</h4>
|
||
<p>Peluncuran lunak dengan Zoomer beta, diikuti oleh peluncuran publik penuh dengan dukungan pemasaran dari quiXzoom Global.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="partner-cta-box">
|
||
<h3>Ajukan Permohonan Menjadi Mitra</h3>
|
||
<p>Satu mitra per negara. Amankan wilayah Anda hari ini.</p>
|
||
<a href="https://www.quixzoom.com/partners/apply" class="btn-white">Ajukan Permohonan Menjadi Mitra →</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- FAQ -->
|
||
<section id="faq" class="section-pad" style="background:var(--bg);">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2>Pertanyaan yang Sering Diajukan</h2>
|
||
<p>Semua yang perlu Anda ketahui tentang menjadi Zoomer.</p>
|
||
</div>
|
||
<div class="faq-list">
|
||
<details class="faq-item">
|
||
<summary>Apa itu Zoomer?</summary>
|
||
<div class="faq-answer">Zoomer adalah kontraktor independen yang menyelesaikan misi foto menggunakan aplikasi quiXzoom. Anda memilih kapan dan di mana bekerja.</div>
|
||
</details>
|
||
<details class="faq-item">
|
||
<summary>Berapa banyak yang bisa saya hasilkan?</summary>
|
||
<div class="faq-answer">Penghasilan bervariasi berdasarkan jenis misi dan lokasi. Sebagian besar misi membayar antara Rp1.000–10.000. Zoomer Pro dan Elit mendapatkan bonus tambahan.</div>
|
||
</details>
|
||
<details class="faq-item">
|
||
<summary>Kapan saya dibayar?</summary>
|
||
<div class="faq-answer">Pembayaran diproses setiap minggu untuk semua misi yang disetujui dari minggu sebelumnya. Dana tiba di rekening bank atau dompet elektronik lokal Anda.</div>
|
||
</details>
|
||
<details class="faq-item">
|
||
<summary>Apa yang saya butuhkan untuk memulai?</summary>
|
||
<div class="faq-answer">Ponsel cerdas dengan kamera bagus, ID yang valid untuk verifikasi, dan rekening bank atau dompet elektronik untuk menerima pembayaran.</div>
|
||
</details>
|
||
<details class="faq-item">
|
||
<summary>Apakah ada biaya pendaftaran?</summary>
|
||
<div class="faq-answer">Tidak. Mendaftar sebagai Zoomer sepenuhnya gratis. Kami tidak mengenakan biaya platform atau keanggotaan apa pun.</div>
|
||
</details>
|
||
<details class="faq-item">
|
||
<summary>Siapa yang mengoperasikan quiXzoom di negara saya?</summary>
|
||
<div class="faq-answer">quiXzoom beroperasi melalui Mitra Berwenang Landvex——perusahaan lokal yang berlisensi untuk menjalankan platform di setiap negara. Mereka menangani pembayaran, dukungan, dan kepatuhan.</div>
|
||
</details>
|
||
<details class="faq-item">
|
||
<summary>Bisakah perusahaan saya menjadi mitra?</summary>
|
||
<div class="faq-answer">Ya, jika Anda memenuhi persyaratan kami. Kami memilih satu mitra berwenang per negara. Lihat bagian 'Menjadi Mitra' untuk detailnya.</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;">Pasar Global</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">Tangkap Dunia. Dapatkan Bayaran. quiXzoom sedang membangun infrastruktur global untuk pengumpulan data lapangan.</p>
|
||
</div>
|
||
<div class="footer-col">
|
||
<h4>Zoomer</h4>
|
||
<ul>
|
||
<li><a href="#how">Cara Kerja</a></li>
|
||
<li><a href="#missions">Jenis Misi</a></li>
|
||
<li><a href="#earnings">Penghasilan</a></li>
|
||
<li><a href="#partner">Otorisasi Landvex</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="footer-col">
|
||
<h4>Bisnis</h4>
|
||
<ul>
|
||
<li><a href="https://www.quixzoom.com/for-organisations">Untuk Organisasi</a></li>
|
||
<li><a href="https://www.quixzoom.com/pricing">Harga</a></li>
|
||
<li><a href="https://www.quixzoom.com/developer">API Pengembang</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="footer-col">
|
||
<h4>Dukungan</h4>
|
||
<ul>
|
||
<li><a href="https://www.quixzoom.com/support">Pusat Bantuan</a></li>
|
||
<li><a href="https://www.quixzoom.com/privacy">Kebijakan Privasi</a></li>
|
||
<li><a href="https://www.quixzoom.com/terms">Ketentuan Layanan</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="footer-bottom">
|
||
<div class="footer-copyright">© 2026 quiXzoom. Hak Cipta Dilindungi.</div>
|
||
<div class="lang-switcher">
|
||
<span style="color:rgba(58,58,58,.75);font-size:.875rem;margin-right:4px;">Bahasa:</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>
|