Files
boc/landvex-site/zoomers/index.html
T
Bernt 1a12fb870b dev-api: add developer portal, OpenAPI spec, and Flatenbadet case study
- New /developers/ page with API docs, SDKs, pricing, use cases
- OpenAPI 3.0 spec for Orders, Missions, Photos, Analytics
- Case study: Glasskiosken i Flatenbadet — complete ROI analysis
- Updated /order/ with recurring missions and frequency dropdown
2026-07-14 15:27:33 +00:00

375 lines
16 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Become a Zoomer — Get Paid to Document the World | QUIXZOOM</title>
<meta name="description" content="Join QUIXZOOM as a Zoomer. Take photos, get verified, and earn money. Flexible work, fast payments, no experience needed.">
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: #333; }
.container { max-width: 800px; margin: 0 auto; padding: 0 2rem; }
.hero {
background: linear-gradient(135deg, #10b981 0%, #059669 100%);
color: white;
padding: 100px 0 60px;
text-align: center;
}
.hero h1 {
font-size: 3rem;
font-weight: 800;
margin-bottom: 1rem;
}
.hero p {
font-size: 1.25rem;
opacity: 0.9;
margin-bottom: 2rem;
}
.btn {
display: inline-block;
padding: 1rem 3rem;
border-radius: 8px;
text-decoration: none;
font-weight: 600;
font-size: 1.1rem;
transition: all 0.2s;
}
.btn-white {
background: white;
color: #059669;
}
.btn-white:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}
.how-much {
padding: 4rem 0;
text-align: center;
}
.how-much h2 {
font-size: 2rem;
margin-bottom: 2rem;
}
.earnings {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 1.5rem;
margin-top: 2rem;
}
.earning-card {
background: #f8f9fa;
padding: 1.5rem;
border-radius: 12px;
}
.earning-card .amount {
font-size: 2rem;
font-weight: 800;
color: #059669;
}
.earning-card .description {
color: #666;
font-size: 0.9rem;
}
.steps {
background: #f8f9fa;
padding: 4rem 0;
}
.steps h2 {
text-align: center;
font-size: 2rem;
margin-bottom: 2rem;
}
.step-list {
display: grid;
gap: 1.5rem;
}
.step-item {
display: flex;
align-items: flex-start;
gap: 1.5rem;
background: white;
padding: 1.5rem;
border-radius: 12px;
}
.step-number {
width: 40px;
height: 40px;
background: #059669;
color: white;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
flex-shrink: 0;
}
.step-item h3 {
margin-bottom: 0.5rem;
}
.step-item p {
color: #666;
}
.faq {
padding: 4rem 0;
}
.faq h2 {
text-align: center;
font-size: 2rem;
margin-bottom: 2rem;
}
.faq-item {
border-bottom: 1px solid #e5e7eb;
padding: 1.5rem 0;
}
.faq-item h3 {
font-size: 1.1rem;
margin-bottom: 0.5rem;
}
.faq-item p {
color: #666;
}
.cta {
background: #1a1a2e;
color: white;
padding: 4rem 0;
text-align: center;
}
.cta h2 {
font-size: 2rem;
margin-bottom: 1rem;
}
.cta p {
opacity: 0.9;
margin-bottom: 2rem;
}
footer {
background: #111;
color: white;
padding: 2rem 0;
text-align: center;
}
footer p {
opacity: 0.5;
}
</style>
</head>
<body>
<section class="hero">
<div class="container">
<h1>Get Paid to Document the World</h1>
<p>Take photos. Get verified. Earn money. It's that simple.</p>
<a href="#signup" class="btn btn-white">Become a Zoomer →</a>
</div>
</section>
<section class="how-much container">
<h2>How Much Can You Earn?</h2>
<div class="earnings">
<div class="earning-card">
<div class="amount">$0.10</div>
<div class="description">Standard observation</div>
</div>
<div class="earning-card">
<div class="amount">$0.50</div>
<div class="description">Verified anomaly</div>
</div>
<div class="earning-card">
<div class="amount">$2.00</div>
<div class="description">Medium severity issue</div>
</div>
<div class="earning-card">
<div class="amount">$10.00</div>
<div class="description">Critical issue</div>
</div>
</div>
</section>
<section class="steps">
<div class="container">
<h2>How It Works</h2>
<div class="step-list">
<div class="step-item">
<div class="step-number">1</div>
<div>
<h3>Download the App</h3>
<p>Available on iOS and Android. Sign up in minutes.</p>
</div>
</div>
<div class="step-item">
<div class="step-number">2</div>
<div>
<h3>Verify Your Identity</h3>
<p>Quick verification process to ensure quality.</p>
</div>
</div>
<div class="step-item">
<div class="step-number">3</div>
<div>
<h3>Choose Missions</h3>
<p>Pick missions near you or submit spontaneous observations.</p>
</div>
</div>
<div class="step-item">
<div class="step-number">4</div>
<div>
<h3>Take Photos</h3>
<p>Follow the mission brief. Take clear, well-lit photos.</p>
</div>
</div>
<div class="step-item">
<div class="step-number">5</div>
<div>
<h3>Get Paid</h3>
<p>Verified submissions are paid within 48 hours via Stripe.</p>
</div>
</div>
</div>
</div>
</section>
<section class="faq container">
<h2>Common Questions</h2>
<div class="faq-item">
<h3>Do I need experience?</h3>
<p>No. Anyone with a smartphone can become a Zoomer. We provide guidelines for each mission type.</p>
</div>
<div class="faq-item">
<h3>How do I get paid?</h3>
<p>Payments are processed via Stripe Connect. Link your bank account and receive direct deposits.</p>
</div>
<div class="faq-item">
<h3>When do I get paid?</h3>
<p>Verified submissions are paid within 48 hours. Minimum payout is $5.</p>
</div>
<div class="faq-item">
<h3>What equipment do I need?</h3>
<p>Just a smartphone with a working camera. No special equipment required.</p>
</div>
<div class="faq-item">
<h3>Where can I work?</h3>
<p>Anywhere missions are available. Coverage is expanding globally.</p>
</div>
</section>
<section class="cta">
<div class="container">
<h2>Ready to Start Earning?</h2>
<p>Join thousands of Zoomers already documenting the world.</p>
<a href="#signup" class="btn btn-white">Sign Up Now →</a>
</div>
</section>
<footer>
<div class="footer-container" style="max-width:1200px;margin:0 auto;padding:48px 24px 32px;">
<!-- Main Footer Grid -->
<div style="display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-bottom:48px;">
<!-- Column 1: Products -->
<div>
<h4 style="font-size:13px;font-weight:600;color:#0A0A0A;margin-bottom:16px;text-transform:uppercase;letter-spacing:0.5px;">Produkter</h4>
<ul style="list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;">
<li><a href="/infrastructure-monitoring/" style="font-size:13px;color:#6E6E73;text-decoration:none;transition:color 0.2s;">VIMS</a></li>
<li><a href="/intelligence/" style="font-size:13px;color:#6E6E73;text-decoration:none;transition:color 0.2s;">Intelligence</a></li>
<li><a href="/reality-alerts/" style="font-size:13px;color:#6E6E73;text-decoration:none;transition:color 0.2s;">Reality Alerts</a></li>
<li><a href="/enterprise/" style="font-size:13px;color:#6E6E73;text-decoration:none;transition:color 0.2s;">Enterprise</a></li>
<li><a href="/pilot/" style="font-size:13px;color:#6E6E73;text-decoration:none;transition:color 0.2s;">Pilotprogram</a></li>
</ul>
</div>
<!-- Column 2: Solutions -->
<div>
<h4 style="font-size:13px;font-weight:600;color:#0A0A0A;margin-bottom:16px;text-transform:uppercase;letter-spacing:0.5px;">Lösningar</h4>
<ul style="list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;">
<li><a href="/verticals/bridge-inspection/" style="font-size:13px;color:#6E6E73;text-decoration:none;transition:color 0.2s;">Broinspektion</a></li>
<li><a href="/verticals/road-monitoring/" style="font-size:13px;color:#6E6E73;text-decoration:none;transition:color 0.2s;">Vägövervakning</a></li>
<li><a href="/verticals/infrastructure/" style="font-size:13px;color:#6E6E73;text-decoration:none;transition:color 0.2s;">Infrastruktur</a></li>
<li><a href="/verticals/utilities/" style="font-size:13px;color:#6E6E73;text-decoration:none;transition:color 0.2s;">Utilities</a></li>
<li><a href="/use-cases/" style="font-size:13px;color:#6E6E73;text-decoration:none;transition:color 0.2s;">Användningsfall</a></li>
</ul>
</div>
<!-- Column 3: Resources -->
<div>
<h4 style="font-size:13px;font-weight:600;color:#0A0A0A;margin-bottom:16px;text-transform:uppercase;letter-spacing:0.5px;">Resurser</h4>
<ul style="list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;">
<li><a href="/blog/" style="font-size:13px;color:#6E6E73;text-decoration:none;transition:color 0.2s;">Intelligence Insights</a></li>
<li><a href="/guides/" style="font-size:13px;color:#6E6E73;text-decoration:none;transition:color 0.2s;">Guider</a></li>
<li><a href="/developers/" style="font-size:13px;color:#6E6E73;text-decoration:none;transition:color 0.2s;">Developer API</a></li>
<li><a href="/status/" style="font-size:13px;color:#6E6E73;text-decoration:none;transition:color 0.2s;">Systemstatus</a></li>
<li><a href="/reports/" style="font-size:13px;color:#6E6E73;text-decoration:none;transition:color 0.2s;">Rapporter</a></li>
</ul>
</div>
<!-- Column 4: Company -->
<div>
<h4 style="font-size:13px;font-weight:600;color:#0A0A0A;margin-bottom:16px;text-transform:uppercase;letter-spacing:0.5px;">Företag</h4>
<ul style="list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;">
<li><a href="/about/" style="font-size:13px;color:#6E6E73;text-decoration:none;transition:color 0.2s;">Om oss</a></li>
<li><a href="/careers/" style="font-size:13px;color:#6E6E73;text-decoration:none;transition:color 0.2s;">Karriär</a></li>
<li><a href="/press/" style="font-size:13px;color:#6E6E73;text-decoration:none;transition:color 0.2s;">Press</a></li>
<li><a href="/contact/" style="font-size:13px;color:#6E6E73;text-decoration:none;transition:color 0.2s;">Kontakt</a></li>
<li><a href="https://www.quixzoom.com" target="_blank" rel="noopener" style="font-size:13px;color:#6E6E73;text-decoration:none;transition:color 0.2s;">quiXzoom →</a></li>
</ul>
</div>
</div>
<!-- Divider -->
<div style="border-top:1px solid #E5E5E5;padding-top:32px;">
<!-- Legal & Compliance Row -->
<div style="display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:24px;margin-bottom:24px;">
<div style="display:flex;flex-wrap:wrap;gap:16px 24px;">
<a href="/privacy/" style="font-size:12px;color:#6E6E73;text-decoration:none;">Privacy</a>
<a href="/terms/" style="font-size:12px;color:#6E6E73;text-decoration:none;">Terms</a>
<a href="/cookie-policy/" style="font-size:12px;color:#6E6E73;text-decoration:none;">Cookies</a>
<a href="/compliance/" style="font-size:12px;color:#6E6E73;text-decoration:none;">Compliance</a>
<a href="/trust/" style="font-size:12px;color:#6E6E73;text-decoration:none;">Trust Centre</a>
<a href="/dpa/" style="font-size:12px;color:#6E6E73;text-decoration:none;">DPA</a>
<a href="/sla/" style="font-size:12px;color:#6E6E73;text-decoration:none;">SLA</a>
<a href="/security/" style="font-size:12px;color:#6E6E73;text-decoration:none;">Security</a>
<a href="/accessibility/" style="font-size:12px;color:#6E6E73;text-decoration:none;">Accessibility</a>
<a href="/responsible-disclosure/" style="font-size:12px;color:#6E6E73;text-decoration:none;">Responsible Disclosure</a>
</div>
<div style="display:flex;gap:16px;">
<a href="https://www.linkedin.com/company/landvex" target="_blank" rel="noopener" style="color:#6E6E73;" title="LinkedIn">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"/><rect x="2" y="9" width="4" height="12"/><circle cx="4" cy="4" r="2"/></svg>
</a>
<a href="https://x.com/landvex" target="_blank" rel="noopener" style="color:#6E6E73;" title="X">
<svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.746l7.73-8.835L1.254 2.25H8.08l4.253 5.622 5.912-5.622Zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>
</a>
</div>
</div>
<!-- Company Info Row -->
<div style="display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px;">
<div>
<div style="font-size:12px;color:#86868B;line-height:1.6;">
<strong style="color:#0A0A0A;">Landvex Inc.</strong> · Houston, Texas · USA<br>
<strong style="color:#0A0A0A;">Landvex AB</strong> · Org.nr 559141-7042 · Stockholm, Sweden · EU<br>
<a href="mailto:contact@landvex.com" style="color:#86868B;text-decoration:none;">contact@landvex.com</a> ·
<a href="mailto:security@landvex.com" style="color:#86868B;text-decoration:none;">security@landvex.com</a>
</div>
<div style="font-size:11px;color:#86868B;margin-top:8px;line-height:1.5;">
Field data powered by <a href="https://www.quixzoom.com" style="color:#86868B;text-decoration:underline;">quiXzoom</a> ·
<a href="/data-lineage/" style="color:#86868B;text-decoration:underline;">Data Lineage</a> ·
<a href="/subprocessors/" style="color:#86868B;text-decoration:underline;">Sub-processors</a> ·
<a href="/methodology/" style="color:#86868B;text-decoration:underline;">Methodology</a>
</div>
</div>
<div style="font-size:12px;color:#86868B;">
© 2026 Landvex Inc / Landvex AB. All rights reserved.
</div>
</div>
</div>
</div>
</footer>
</body>
</html>