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
42 KiB
HTML
702 lines
42 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ja">
|
||
<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/ja/">
|
||
<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">登録料なし · プラットフォーム手数料なし · 毎週支払い · 本人確認は1回のみ</p>
|
||
<div class="hero-stats-pill">
|
||
<div class="hstat">
|
||
<div class="hstat-num">1,000–10,000</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;">¥2,850</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>3ステップ。今日からはじめよう。</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">人気No.1</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>各国で1社の認定パートナーを選定。以下が求める条件です：</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>API統合とローカライゼーションが可能な社内開発者または契約ITチーム。</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>申請からローンチまで6ステップ。</p>
|
||
</div>
|
||
<div class="partner-steps">
|
||
<div class="partner-step">
|
||
<div class="partner-step-num">1</div>
|
||
<div>
|
||
<h4>初回申請</h4>
|
||
<p>パートナーポータルから会社概要、財務諸表、規制ライセンスを提出。</p>
|
||
</div>
|
||
</div>
|
||
<div class="partner-step">
|
||
<div class="partner-step-num">2</div>
|
||
<div>
|
||
<h4>デューデリジェンス</h4>
|
||
<p>企業構造、実質的支配者、規制状況を確認。通常2〜3週間。</p>
|
||
</div>
|
||
</div>
|
||
<div class="partner-step">
|
||
<div class="partner-step-num">3</div>
|
||
<div>
|
||
<h4>技術評価</h4>
|
||
<p>エンジニアリングチームがAPI統合テストとセキュリティレビューをプラットフォームチームと完了。</p>
|
||
</div>
|
||
</div>
|
||
<div class="partner-step">
|
||
<div class="partner-step-num">4</div>
|
||
<div>
|
||
<h4>商業条件</h4>
|
||
<p>収益分配、SLA、サポートレベル、および対象地域の独占条件を交渉。</p>
|
||
</div>
|
||
</div>
|
||
<div class="partner-step">
|
||
<div class="partner-step-num">5</div>
|
||
<div>
|
||
<h4>ローカライゼーション</h4>
|
||
<p>プラットフォームコンテンツの翻訳、現地決済レールの統合、現地労働法および税法への適応。</p>
|
||
</div>
|
||
</div>
|
||
<div class="partner-step">
|
||
<div class="partner-step-num">6</div>
|
||
<div>
|
||
<h4>本番開始</h4>
|
||
<p>ベータZoomerとのソフトローンチ、その後quiXzoom Globalのマーケティング支援による全面公開。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="partner-cta-box">
|
||
<h3>パートナー申請</h3>
|
||
<p>各国1社。今日、あなたの地域を確保してください。</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">報酬はミッションのタイプと場所によります。ほとんどのミッションは¥1,000–10,000。プロ・エリート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">はい、要件を満たせば可能です。各国で1社の認定パートナーを選定しています。詳細は「パートナーになる」セクションをご覧ください。</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. All rights reserved.</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>
|