Files
boc/quixzoom-landing-fixed/for-organisations/index.html
T
Bernt 6989a98d75 feat: Passwordless cross-device authentication
- Arkitektur: docs/auth/passwordless-architecture.md
- Backend: iom/quixzoom-auth-service/ (FastAPI + Redis)
- Webb: quixzoom-market-pages/se/login/ (QR-kod + polling)
- App: iom/quixzoom-app/src/features/auth/ (push + deep links)

Flöde: QR-kod → app-godkännande → webb-inloggad
2026-07-07 07:11:50 +00:00

366 lines
21 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 for Organisations — Field Data on Demand</title>
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<meta name="description" content="quiXzoom for organisations: deploy photo missions at scale. Infrastructure inspection, property documentation, retail audits, and more. AI-reviewed, geoverified, fast.">
<link rel="canonical" href="https://www.quixzoom.com/for-organisations/">
<style>
:root{
--bg-dark:#1a1a1a;--bg-white:#FFFFFF;--bg-off:#F7F7F5;
--blue:#0066FF;--blue-dark:#0052CC;--blue-pale:rgba(0,102,255,.07);
--green:#00C853;--text-dark:#1a1a1a;--text-body:#3a3a3a;--text-muted:#6B6B6B;
--radius-card:16px;--shadow-hover:0 16px 48px rgba(0,0,0,.14);
--transition:.22s cubic-bezier(.25,.46,.45,.94);
--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;
--radius-sm:8px;--radius-md:14px;--radius-lg:24px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:-apple-system,BlinkMacSystemFont,'Inter','Helvetica Neue',sans-serif;font-size:1rem;line-height:1.65;color:var(--text-body);background:var(--bg-white);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
ul{list-style:none}
button{cursor:pointer;font-family:inherit}
h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:900;letter-spacing:-.05em;line-height:1}
h2{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800;letter-spacing:-.04em;line-height:1.1}
h3{font-size:var(--text-xl);font-weight:700;letter-spacing:-.02em;line-height:1.3}
.container{width:100%;max-width:1160px;margin:0 auto;padding:0 24px}
.section-pad{padding:80px 0}
.section-header{text-align:center;margin-bottom:56px}
.section-header h2{color:var(--text-dark);margin-bottom:16px}
.section-header p{font-size:var(--text-lg);color:var(--text-muted);max-width:580px;margin:0 auto}
/* NAV */
nav{position:sticky;top:0;z-index:300;background:var(--bg-white);border-bottom:1px solid rgba(0,0,0,.08);box-shadow:0 1px 3px rgba(0,0,0,.05)}
.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-dark);letter-spacing:-.04em}
.nav-logo .x{color:var(--blue)}
.nav-links{display:flex;align-items:center;gap:32px}
.nav-links a{color:var(--text-muted);font-size:var(--text-base);font-weight:500;transition:color .15s}
.nav-links a:hover{color:var(--text-dark)}
.btn-nav{background:var(--blue);color:#fff;border:none;border-radius: var(--radius-lg);padding:10px 24px;font-size:var(--text-base);font-weight:700;transition:background .15s;white-space:nowrap}
.btn-nav:hover{background:var(--blue-dark)}
.mobile-menu{display:none}
@media(max-width:768px){
.nav-links{display:none}
.hamburger{display:flex;flex-direction:column;gap:5px;cursor:pointer;padding:8px;background:none;border:none}
.hamburger span{display:block;width:22px;height:2px;background:var(--text-dark);border-radius: var(--radius-sm)}
.mobile-menu{display:none;position:fixed;inset:0;top:68px;background:var(--bg-white);z-index:299;padding:24px;flex-direction:column;gap:0;border-top:1px solid rgba(0,0,0,.08)}
.mobile-menu.open{display:flex}
.mobile-menu a{color:var(--text-body);font-size:1.1rem;font-weight:500;padding:18px 0;border-bottom:1px solid rgba(0,0,0,.08);display:block}
}
/* HERO */
.hero-org{background:var(--bg-off);padding:80px 0 64px}
.hero-org-inner{max-width:720px}
.hero-org h1{color:var(--text-dark);margin-bottom:24px}
.hero-org p{font-size:clamp(1.0625rem,2vw,1.25rem);color:var(--text-body);line-height:1.6;margin-bottom:32px}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--blue-pale);border:1px solid rgba(0,102,255,.15);border-radius: 100px;padding:8px 18px;font-size:var(--text-sm);font-weight:600;color:var(--blue);margin-bottom:28px}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap}
.btn-primary{background:var(--blue);color:#fff;border:none;border-radius: var(--radius-lg);padding:14px 32px;font-size:1rem;font-weight:700;transition:background .15s}
.btn-primary:hover{background:var(--blue-dark)}
.btn-ghost{background:transparent;border:2px solid rgba(0,0,0,.15);color:var(--text-dark);border-radius: var(--radius-lg);padding:14px 32px;font-size:1rem;font-weight:700;transition:border-color .15s,background .15s}
.btn-ghost:hover{border-color:var(--blue);background:var(--blue-pale)}
/* USE CASES */
.usecase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.usecase-card{background:var(--bg-off);border-radius: var(--radius-card);padding:32px 28px;transition:transform var(--transition),box-shadow var(--transition)}
.usecase-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}
.usecase-icon{font-size:2rem;margin-bottom:16px}
.usecase-card h3{font-size:1.125rem;font-weight:800;color:var(--text-dark);margin-bottom:8px}
.usecase-card p{font-size:var(--text-sm);color:var(--text-body);line-height:1.6}
@media(max-width:900px){.usecase-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.usecase-grid{grid-template-columns:1fr}}
/* FEATURES */
.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-bottom:64px}
.feature-row.reverse{direction:rtl}
.feature-row.reverse>*{direction:ltr}
.feature-visual{background:var(--bg-off);border-radius: var(--radius-card);padding:40px;text-align:center}
.feature-visual .big-icon{font-size:4rem}
.feature-text h3{font-size:var(--text-2xl);color:var(--text-dark);margin-bottom:16px}
.feature-text p{color:var(--text-body);margin-bottom:16px}
.feature-list li{display:flex;align-items:flex-start;gap:10px;font-size:var(--text-base);padding:6px 0}
.feature-list li::before{content:'<svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M3 8L6.5 11.5L13 4.5" stroke="#22c55e" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>';color:var(--green);font-weight:700}
@media(max-width:768px){.feature-row{grid-template-columns:1fr;gap:32px}}
/* STATS */
.stats-bar{background:var(--blue);padding:48px 0}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;text-align:center}
.stat-item{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,.3)}
.stat-value{font-size:clamp(1.75rem,3vw,2.5rem);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,.9);font-weight:500}
@media(max-width:600px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(255,255,255,.2)}.stat-item{background:var(--blue)}.stat-item::after{display:none}}
/* PRICING */
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.pricing-card{background:var(--bg-off);border:2px solid #E8E8E8;border-radius: var(--radius-card);padding:36px 28px;text-align:center}
.pricing-card.featured{border-color:var(--blue);transform:scale(1.02)}
.pricing-card h3{font-size:1.5rem;font-weight:900;margin-bottom:4px;color:var(--text-dark)}
.pricing-price{font-size:2rem;font-weight:900;color:var(--blue);margin:16px 0}
.pricing-price span{font-size:var(--text-sm);color:var(--text-muted);font-weight:500}
.pricing-features{text-align:left;margin:24px 0}
.pricing-features li{display:flex;align-items:flex-start;gap:10px;font-size:var(--text-base);padding:6px 0}
.pricing-features li::before{content:'<svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M3 8L6.5 11.5L13 4.5" stroke="#22c55e" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>';color:var(--green);font-weight:700}
@media(max-width:900px){.pricing-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}}
/* CTA */
.cta-section{background:var(--bg-off);padding:80px 0;text-align:center}
.cta-section h2{margin-bottom:16px}
.cta-section p{font-size:var(--text-lg);color:var(--text-muted);margin-bottom:32px;max-width:560px;margin-left:auto;margin-right:auto}
/* FOOTER */
footer{background:var(--bg-white);border-top:1px solid rgba(0,0,0,.08);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:var(--text-muted);font-size:.9rem;line-height:1.55;margin-bottom:20px}
.footer-col h4{color:var(--text-dark);font-size:var(--text-sm);font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin-bottom:18px}
.footer-col ul li{margin-bottom:10px}
.footer-col ul li a{color:var(--text-muted);font-size:.9rem;transition:color .15s}
.footer-col ul li a:hover{color:var(--text-dark)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-top:32px;border-top:1px solid rgba(0,0,0,.08)}
.footer-copy{color:rgba(10,10,10,.6);font-size:var(--text-sm)}
@media(max-width:900px){.footer-inner{grid-template-columns:1fr 1fr;gap:36px}.footer-brand{grid-column:1/-1}}
@media(max-width:560px){.footer-inner{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column;align-items:flex-start}}
</style>
</head>
<body>
<nav>
<div class="container nav-inner">
<a href="/" class="nav-logo">qui<span class="x">X</span>zoom</a>
<div class="nav-links">
<a href="/">For Zoomers</a>
<a href="/for-organisations/">For Organisations</a>
<a href="/pricing">Pricing</a>
<a href="/about">About</a>
<a href="/support">Support</a>
</div>
<a href="mailto:enterprise@quixzoom.com" class="btn-nav">Contact Sales</a>
<button class="hamburger" onclick="document.querySelector('.mobile-menu').classList.toggle('open')" aria-label="Menu">
<span></span><span></span><span></span>
</button>
</div>
<div class="mobile-menu">
<a href="/">For Zoomers</a>
<a href="/for-organisations/">For Organisations</a>
<a href="/pricing">Pricing</a>
<a href="/about">About</a>
<a href="/support">Support</a>
</div>
</nav>
<section class="hero-org">
<div class="container">
<div class="hero-org-inner">
<div class="hero-badge"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="3" y="2" width="10" height="12" rx="1" stroke="#666" stroke-width="1.5"/><path d="M6 5H7M6 8H7M6 11H7M9 5H10M9 8H10M9 11H10" stroke="#666" stroke-width="1.5" stroke-linecap="round"/></svg> Enterprise Field Intelligence</div>
<h1>Verified reality,<br>on demand.</h1>
<p>Deploy photo missions at scale. Infrastructure inspection, property documentation, retail audits, environmental surveys — captured by verified Zoomers, reviewed by AI, delivered in hours.</p>
<div class="hero-cta">
<a href="mailto:enterprise@quixzoom.com" class="btn-primary">Request a demo</a>
<a href="#use-cases" class="btn-ghost">Explore use cases</a>
</div>
</div>
</div>
</section>
<section class="stats-bar">
<div class="container">
<div class="stats-grid">
<div class="stat-item"><span class="stat-value">~30 min</span><span class="stat-label">Average mission time</span></div>
<div class="stat-item"><span class="stat-value">AI-reviewed</span><span class="stat-label">Every submission</span></div>
<div class="stat-item"><span class="stat-value">100%</span><span class="stat-label">Geoverified</span></div>
<div class="stat-item"><span class="stat-value">5 markets</span><span class="stat-label">Phased rollout from Aug 2026</span></div>
</div>
</div>
</section>
<section id="use-cases" class="section-pad">
<div class="container">
<div class="section-header">
<h2>Use cases</h2>
<p>How organisations use quiXzoom to get eyes on the ground.</p>
</div>
<div class="usecase-grid">
<div class="usecase-card">
<div class="usecase-icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M2 14H14M4 14V8L8 4L12 8V14" stroke="#666" stroke-width="1.5" stroke-linejoin="round"/><path d="M6 14V10H10V14" stroke="#666" stroke-width="1.5"/></svg></div>
<h3>Infrastructure Inspection</h3>
<p>Bridges, roads, facades, and utilities. Document condition without sending an inspector. Get geotagged, timestamped imagery within hours.</p>
</div>
<div class="usecase-card">
<div class="usecase-icon"></div>
<h3>Property Documentation</h3>
<p>Pre-purchase inspections, rental condition reports, insurance claims. Standardised photo sets from any address.</p>
</div>
<div class="usecase-card">
<div class="usecase-icon"></div>
<h3>Retail & OOH Audit</h3>
<p>Verify signage placement, shelf compliance, promotional displays. Competitive intelligence from real stores, not syndicated data.</p>
</div>
<div class="usecase-card">
<div class="usecase-icon"></div>
<h3>Environmental Survey</h3>
<p>Track vegetation, erosion, flood damage, coastal change. Repeatable observation points with GPS accuracy.</p>
</div>
<div class="usecase-card">
<div class="usecase-icon"></div>
<h3>Road Condition</h3>
<p>Potholes, surface degradation, signage visibility. Municipalities prioritise repairs with verified visual evidence.</p>
</div>
<div class="usecase-card">
<div class="usecase-icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M9 2L5 9H8L7 14L11 7H8L9 2Z" fill="#f59e0b"/></svg></div>
<h3>Event & Emergency</h3>
<p>Storm damage, accident documentation, construction progress. Rapid deployment when speed matters.</p>
</div>
</div>
</div>
</section>
<section class="section-pad" style="background:var(--bg-off)">
<div class="container">
<div class="section-header">
<h2>How it works</h2>
<p>From mission definition to verified data delivery.</p>
</div>
<div class="feature-row">
<div class="feature-visual"><div class="big-icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M3 13V10L10 3L13 6L6 13H3Z" stroke="#666" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M9 4L12 7" stroke="#666" stroke-width="1.5"/></svg></div></div>
<div class="feature-text">
<h3>1. Define your mission</h3>
<p>Set location, requirements, and compensation. Use templates or build custom briefs. Define exactly what angles, coverage, and metadata you need.</p>
<ul class="feature-list">
<li>Geofenced capture zones</li>
<li>Example images for Zoomers</li>
<li>Custom metadata fields</li>
<li>Time windows and deadlines</li>
</ul>
</div>
</div>
<div class="feature-row reverse">
<div class="feature-visual"><div class="big-icon"></div></div>
<div class="feature-text">
<h3>2. Zoomers capture</h3>
<p>Verified Zoomers in the area claim and complete missions. Every photo carries GPS, timestamp, and integrity hash at capture.</p>
<ul class="feature-list">
<li>Identity-verified contributors</li>
<li>Real-time mission tracking</li>
<li>Automatic quality checks</li>
<li>No manual coordination</li>
</ul>
</div>
</div>
<div class="feature-row">
<div class="feature-visual"><div class="big-icon"><svg width="20" height="20" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="9" stroke="#22c55e" stroke-width="2"/><path d="M6 10L9 13L14 7" stroke="#22c55e" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></div></div>
<div class="feature-text">
<h3>3. AI review & delivery</h3>
<p>Submissions are reviewed for completeness, quality, and specification compliance within minutes. Approved data is delivered to your dashboard or API.</p>
<ul class="feature-list">
<li>Automated completeness check</li>
<li>Image quality scoring</li>
<li>Geolocation verification</li>
<li>API or dashboard export</li>
</ul>
</div>
</div>
</div>
</section>
<section class="section-pad">
<div class="container">
<div class="section-header">
<h2>Pricing</h2>
<p>Transparent, per-mission pricing. No hidden fees.</p>
</div>
<div class="pricing-grid">
<div class="pricing-card">
<h3>Standard</h3>
<p style="color:var(--text-muted);font-size:var(--text-sm)">For occasional missions</p>
<div class="pricing-price">€30<span>/mission + platform fee</span></div>
<ul class="pricing-features">
<li>Self-serve mission creation</li>
<li>Standard turnaround (2448h)</li>
<li>Dashboard access</li>
<li>Email support</li>
</ul>
<a href="mailto:enterprise@quixzoom.com" class="btn-ghost" style="display:block;width:100%">Get started</a>
</div>
<div class="pricing-card featured">
<h3>Professional</h3>
<p style="color:var(--text-muted);font-size:var(--text-sm)">For regular operations</p>
<div class="pricing-price">€75<span>/mission + platform fee</span></div>
<ul class="pricing-features">
<li>Priority mission deployment</li>
<li>Faster turnaround (412h)</li>
<li>API access</li>
<li>Dedicated account manager</li>
<li>Custom mission templates</li>
</ul>
<a href="mailto:enterprise@quixzoom.com" class="btn-primary" style="display:block;width:100%">Contact sales</a>
</div>
<div class="pricing-card">
<h3>Enterprise</h3>
<p style="color:var(--text-muted);font-size:var(--text-sm)">For large-scale programs</p>
<div class="pricing-price">Custom</div>
<ul class="pricing-features">
<li>Volume pricing</li>
<li>SLA guarantees</li>
<li>Custom integrations</li>
<li>White-label options</li>
<li>Dedicated Zoomer network</li>
</ul>
<a href="mailto:enterprise@quixzoom.com" class="btn-ghost" style="display:block;width:100%">Contact sales</a>
</div>
</div>
</div>
</section>
<section id="enterprise" class="cta-section">
<div class="container">
<h2>Ready to deploy?</h2>
<p>Talk to our team about your field data needs. We'll design a mission program that fits your timeline and budget.</p>
<a href="mailto:enterprise@quixzoom.com" class="btn-primary">Request a demo →</a>
<p style="margin-top:16px;font-size:var(--text-sm);color:var(--text-muted)">Or email us directly at <a href="mailto:enterprise@quixzoom.com" style="color:var(--blue);text-decoration:underline">enterprise@quixzoom.com</a></p>
</div>
</section>
<footer>
<div class="container footer-inner">
<div class="footer-brand">
<a href="/" class="nav-logo">qui<span class="x">X</span>zoom</a>
<p class="footer-tagline">Verified reality, on demand. Field intelligence for organisations that need to see what's happening on the ground.</p>
</div>
<div class="footer-col">
<h4>Product</h4>
<ul>
<li><a href="/">For Zoomers</a></li>
<li><a href="/for-organisations/">For organisations</a></li>
<li><a href="/pricing">Pricing</a></li>
<li><a href="/about">About</a></li>
</ul>
</div>
<div class="footer-col">
<h4>Resources</h4>
<ul>
<li><a href="/academy/">Zoomer Academy</a></li>
<li><a href="/glossary">Glossary</a></li>
<li><a href="/status">System status</a></li>
</ul>
</div>
<div class="footer-col">
<h4>Legal</h4>
<ul>
<li><a href="/privacy/">Privacy policy</a></li>
<li><a href="/terms/">Terms of service</a></li>
<li><a href="/security">Security</a></li>
<li><a href="/support">Support</a></li>
</ul>
</div>
</div>
<div class="container footer-bottom">
<p class="footer-copy">© 2026 quiXzoom · Operated by Landvex AB</p>
</div>
</footer>
</body>
</html>