Files
boc/landvex-site/quixzoom/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

466 lines
22 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>QUIXZOOM — Real-World Intelligence Network</title>
<meta name="description" content="QUIXZOOM turns real-world observations into verified intelligence. Earn money as a Zoomer or get field data for your organization.">
<link rel="canonical" href="https://www.landvex.com/quixzoom/">
<meta name="robots" content="index, follow">
<meta property="og:title" content="QUIXZOOM — Real-World Intelligence Network">
<meta property="og:description" content="QUIXZOOM turns real-world observations into verified intelligence. Earn money as a Zoomer or get field data for your organization.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.landvex.com/quixzoom/">
<meta property="og:image" content="https://www.landvex.com/og-image.png">
<meta property="og:locale" content="en_US">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="QUIXZOOM — Real-World Intelligence Network">
<meta name="twitter:description" content="QUIXZOOM turns real-world observations into verified intelligence. Earn money as a Zoomer or get field data for your organization.">
<meta name="twitter:image" content="https://www.landvex.com/og-image.png">
<link rel="alternate" hreflang="sv" href="https://www.landvex.com/quixzoom/?lang=sv">
<link rel="alternate" hreflang="en" href="https://www.landvex.com/quixzoom/">
<link rel="alternate" hreflang="x-default" href="https://www.landvex.com/quixzoom/">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebPage",
"name": "QUIXZOOM — Real-World Intelligence Network",
"description": "QUIXZOOM turns real-world observations into verified intelligence. Earn money as a Zoomer or get field data for your organization.",
"url": "https://www.landvex.com/quixzoom/",
"inLanguage": "en",
"isPartOf": {
"@id": "https://landvex.com/#organization"
}
}
</script>
<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: 1200px; margin: 0 auto; padding: 0 2rem; }
/* Hero */
.hero {
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
color: white;
padding: 100px 0 80px;
text-align: center;
}
.hero h1 {
font-size: 3.5rem;
font-weight: 800;
margin-bottom: 1rem;
letter-spacing: -0.02em;
}
.hero .tagline {
font-size: 1.5rem;
opacity: 0.9;
margin-bottom: 3rem;
font-weight: 300;
}
/* Audience Cards */
.audiences {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 2rem;
padding: 4rem 0;
}
.audience-card {
background: white;
border-radius: 16px;
padding: 2.5rem;
box-shadow: 0 4px 20px rgba(0,0,0,0.08);
transition: transform 0.2s, box-shadow 0.2s;
}
.audience-card:hover {
transform: translateY(-4px);
box-shadow: 0 8px 30px rgba(0,0,0,0.12);
}
.audience-card h2 {
font-size: 1.5rem;
margin-bottom: 0.5rem;
color: #1a1a2e;
}
.audience-card .subtitle {
color: #666;
font-size: 0.95rem;
margin-bottom: 1.5rem;
}
.audience-card .benefits {
list-style: none;
margin-bottom: 2rem;
}
.audience-card .benefits li {
padding: 0.5rem 0;
padding-left: 1.5rem;
position: relative;
}
.audience-card .benefits li::before {
content: "✓";
position: absolute;
left: 0;
color: #10b981;
font-weight: bold;
}
.btn {
display: inline-block;
padding: 1rem 2rem;
border-radius: 8px;
text-decoration: none;
font-weight: 600;
transition: all 0.2s;
width: 100%;
text-align: center;
}
.btn-primary {
background: #e94560;
color: white;
}
.btn-primary:hover {
background: #d63d56;
}
.btn-secondary {
background: #f3f4f6;
color: #1a1a2e;
}
.btn-secondary:hover {
background: #e5e7eb;
}
/* How It Works */
.how-it-works {
background: #f8f9fa;
padding: 5rem 0;
}
.how-it-works h2 {
text-align: center;
font-size: 2.5rem;
margin-bottom: 3rem;
}
.steps {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 2rem;
}
.step {
text-align: center;
padding: 2rem;
}
.step-number {
width: 60px;
height: 60px;
background: #e94560;
color: white;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.5rem;
font-weight: bold;
margin: 0 auto 1.5rem;
}
.step h3 {
font-size: 1.25rem;
margin-bottom: 0.5rem;
}
/* Products */
.products {
padding: 5rem 0;
}
.products h2 {
text-align: center;
font-size: 2.5rem;
margin-bottom: 3rem;
}
.product-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2rem;
}
.product-card {
border: 2px solid #e5e7eb;
border-radius: 16px;
padding: 2rem;
transition: border-color 0.2s;
}
.product-card:hover {
border-color: #e94560;
}
.product-card h3 {
font-size: 1.5rem;
margin-bottom: 0.5rem;
}
.product-card .badge {
display: inline-block;
background: #e94560;
color: white;
padding: 0.25rem 0.75rem;
border-radius: 20px;
font-size: 0.75rem;
font-weight: 600;
margin-bottom: 1rem;
}
.product-card p {
color: #666;
margin-bottom: 1.5rem;
}
/* Footer */
footer {
background: #1a1a2e;
color: white;
padding: 3rem 0;
text-align: center;
}
footer p {
opacity: 0.7;
}
@media (max-width: 768px) {
.hero h1 { font-size: 2.5rem; }
.hero .tagline { font-size: 1.2rem; }
}
</style>
</head>
<body>
<section class="hero">
<div class="container">
<h1>QUIXZOOM</h1>
<p class="tagline">Real-world observations become verified intelligence.</p>
</div>
</section>
<section class="container">
<div class="audiences">
<div class="audience-card">
<h2>Become a Zoomer</h2>
<p class="subtitle">Get paid to document the world around you</p>
<ul class="benefits">
<li>Flexible work — choose your missions</li>
<li>Fast payments via Stripe Connect</li>
<li>No experience needed</li>
<li>Work anywhere, anytime</li>
</ul>
<a href="/zoomers" class="btn btn-primary">Start Earning →</a>
</div>
<div class="audience-card">
<h2>Book Missions</h2>
<p class="subtitle">Get verified visual data from the field</p>
<ul class="benefits">
<li>Verified contributors only</li>
<li>AI-validated submissions</li>
<li>Results in hours, not days</li>
<li>Global coverage</li>
</ul>
<a href="/missions" class="btn btn-primary">Book a Demo →</a>
</div>
<div class="audience-card">
<h2>Reality Alerts™</h2>
<p class="subtitle">Receive AI-verified crowd observations</p>
<ul class="benefits">
<li>Real-time problem detection</li>
<li>Automatic routing to you</li>
<li>No manual triage needed</li>
<li>Pay only for verified alerts</li>
</ul>
<a href="/reality-alerts" class="btn btn-primary">Talk to Sales →</a>
</div>
<div class="audience-card">
<h2>Developers</h2>
<p class="subtitle">Build on our intelligence network</p>
<ul class="benefits">
<li>REST API with webhooks</li>
<li>Real-time data streams</li>
<li>Comprehensive documentation</li>
<li>SDKs available</li>
</ul>
<a href="/developers" class="btn btn-secondary">View Docs →</a>
</div>
</div>
</section>
<section class="how-it-works">
<div class="container">
<h2>How It Works</h2>
<div class="steps">
<div class="step">
<div class="step-number">1</div>
<h3>Submit</h3>
<p>Zoomer takes photos and submits via app</p>
</div>
<div class="step">
<div class="step-number">2</div>
<h3>Verify</h3>
<p>AI validates quality and relevance</p>
</div>
<div class="step">
<div class="step-number">3</div>
<h3>Route</h3>
<p>Observation reaches the right stakeholder</p>
</div>
<div class="step">
<div class="step-number">4</div>
<h3>Reward</h3>
<p>Zoomer gets paid for verified work</p>
</div>
</div>
</div>
</section>
<section style="background: #f8f9fa; padding: 4rem 0; margin: 3rem 0;">
<div class="container">
<h2 style="text-align: center; margin-bottom: 1rem;">Why this matters</h2>
<p style="text-align: center; color: #666; max-width: 700px; margin: 0 auto 3rem;">The field intelligence market has proven what's possible. Here's what we learned from the best.</p>
<div class="product-grid">
<div class="product-card" style="border-left: 4px solid #00d4aa;">
<h3>Premise proved global crowd scaling</h3>
<p>100,000+ workers in 140+ countries. Pricing benchmark at $0.505 per task. <strong>We learned:</strong> human observation scales globally without own employees.</p>
</div>
<div class="product-card" style="border-left: 4px solid #e94560;">
<h3>What raw collection misses</h3>
<p>Premise was acquired in 2025. Raw data without analysis layer doesn't build lasting value. <strong>We built:</strong> a platform where every observation makes the next one smarter.</p>
</div>
</div>
<p style="text-align: center; margin-top: 2rem; color: #666; font-style: italic;">"Premise collected data. We turn data into decisions. That's the difference between raw material and refinery."</p>
<p style="text-align: center; margin-top: 1rem;"><a href="/position/" style="color: #e94560; text-decoration: none; font-weight: 600;">Read our full position →</a></p>
</div>
</section>
<section class="products container">
<h2>Products</h2>
<div class="product-grid">
<div class="product-card">
<span class="badge">For Organizations</span>
<h3>Scheduled Missions</h3>
<p>Plan and assign field photography missions. Get visual verification of assets without sending your own staff.</p>
<a href="/missions" class="btn btn-secondary">Learn More →</a>
</div>
<div class="product-card">
<span class="badge">For Organizations</span>
<h3>Reality Alerts™</h3>
<p>Anyone can submit infrastructure observations. AI validates and routes to responsible parties in real-time.</p>
<a href="/reality-alerts" class="btn btn-secondary">Learn More →</a>
</div>
<div class="product-card">
<span class="badge">For Organizations</span>
<h3>Reality Intelligence</h3>
<p>Analytics platform that turns observations into actionable insights. Trends, predictions, and reports.</p>
<a href="/intelligence" class="btn btn-secondary">Learn More →</a>
</div>
</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>