Files
boc/landvex-site/quixzoom/index.html
T

466 lines
22 KiB
HTML
Raw Normal View History

<!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>