2026-07-05 06:41:32 +00:00
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "UTF-8" >
2026-07-12 12:41:35 +00:00
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
2026-07-05 06:41:32 +00:00
< title > Earn as a Zoomer — quiXzoom< / title >
2026-07-12 12:41:35 +00:00
< meta name = "description" content = "Earn money as a quiXzoom Zoomer. Free to join. No fees. Take photo missions near you and get paid per approved mission." >
2026-07-07 07:11:50 +00:00
< link rel = "canonical" href = "https://www.quixzoom.com/earn/" >
2026-07-12 12:41:35 +00:00
< link rel = "icon" type = "image/svg+xml" href = "/favicon.svg" >
2026-07-05 06:41:32 +00:00
< style >
2026-07-12 12:41:35 +00:00
: 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 : 16 px ; --shadow-hover : 0 16 px 48 px rgba ( 0 , 0 , 0 , .14 ) ;
--transition : .22 s cubic-bezier ( .25 , .46 , .45 , .94 ) ;
--text-sm : .875 rem ; --text-base : 1 rem ; --text-lg : 1.125 rem ; --text-xl : 1.375 rem ; --text-2xl : 1.75 rem ;
--radius-sm : 8 px ; --radius-md : 14 px ; --radius-lg : 24 px ;
2026-07-05 06:41:32 +00:00
}
2026-07-12 12:41:35 +00:00
* , * :: 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 : 1 rem ; 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.5 rem , 5 vw , 4 rem ) ; font-weight : 900 ; letter-spacing : -.05 em ; line-height : 1 }
h2 { font-size : clamp ( 1.75 rem , 3 vw , 2.5 rem ) ; font-weight : 800 ; letter-spacing : -.04 em ; line-height : 1.1 }
h3 { font-size : var ( - - text - xl ) ; font-weight : 700 ; letter-spacing : -.02 em ; line-height : 1.3 }
. container { width : 100 % ; max-width : 1160 px ; margin : 0 auto ; padding : 0 24 px }
. section-pad { padding : 80 px 0 }
. section-header { text-align : center ; margin-bottom : 56 px }
. section-header h2 { color : var ( - - text - dark ) ; margin-bottom : 16 px }
. section-header p { font-size : var ( - - text - lg ) ; color : var ( - - text - muted ) ; max-width : 580 px ; margin : 0 auto }
/* NAV */
nav { position : sticky ; top : 0 ; z-index : 300 ; background : var ( - - bg - white ) ; border-bottom : 1 px solid rgba ( 0 , 0 , 0 , .08 ) ; box-shadow : 0 1 px 3 px rgba ( 0 , 0 , 0 , .05 ) }
. nav-inner { display : flex ; align-items : center ; justify-content : space-between ; height : 68 px ; gap : 32 px }
. nav-logo { font-size : 1.375 rem ; font-weight : 900 ; color : var ( - - text - dark ) ; letter-spacing : -.04 em }
. nav-logo . x { color : var ( - - blue ) }
. nav-links { display : flex ; align-items : center ; gap : 32 px }
. nav-links a { color : var ( - - text - muted ) ; font-size : var ( - - text - base ) ; font-weight : 500 ; transition : color .15 s }
. nav-links a : hover { color : var ( - - text - dark ) }
. btn-nav { background : var ( - - blue ) ; color : var ( - - text - dark ) ; border : none ; border-radius : var ( - - radius - lg ) ; padding : 10 px 24 px ; font-size : var ( - - text - base ) ; font-weight : 700 ; transition : background .15 s ; 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 : 5 px ; cursor : pointer ; padding : 8 px ; background : none ; border : none }
. hamburger span { display : block ; width : 22 px ; height : 2 px ; background : var ( - - text - dark ) ; border-radius : var ( - - radius - sm ) }
. mobile-menu { display : none ; position : fixed ; inset : 0 ; top : 68 px ; background : var ( - - bg - white ) ; z-index : 299 ; padding : 24 px ; flex-direction : column ; gap : 0 ; border-top : 1 px solid rgba ( 0 , 0 , 0 , .08 ) }
. mobile-menu . open { display : flex }
. mobile-menu a { color : var ( - - text - body ) ; font-size : 1.1 rem ; font-weight : 500 ; padding : 18 px 0 ; border-bottom : 1 px solid rgba ( 0 , 0 , 0 , .08 ) ; display : block }
. mobile-menu . btn-mobile { display : block ; margin-top : 24 px ; background : var ( - - blue ) ; color : var ( - - text - dark ) ; text-align : center ; border-radius : var ( - - radius - lg ) ; padding : 16 px 24 px ; font-size : 1 rem ; font-weight : 700 }
}
/* HERO */
. hero-earn { background : var ( - - bg - off ) ; padding : 80 px 0 64 px }
. hero-earn-inner { max-width : 720 px }
. hero-earn h1 { color : var ( - - text - dark ) ; margin-bottom : 24 px }
. hero-earn p { font-size : clamp ( 1.0625 rem , 2 vw , 1.25 rem ) ; color : var ( - - text - body ) ; line-height : 1.6 ; margin-bottom : 32 px }
. hero-badge { display : inline-flex ; align-items : center ; gap : 8 px ; background : var ( - - blue - pale ) ; border : 1 px solid rgba ( 0 , 102 , 255 , .15 ) ; border-radius : 100 px ; padding : 8 px 18 px ; font-size : var ( - - text - sm ) ; font-weight : 600 ; color : var ( - - blue ) ; margin-bottom : 28 px }
. hero-cta { display : flex ; gap : 12 px ; flex-wrap : wrap }
. btn-primary { background : var ( - - blue ) ; color : var ( - - text - dark ) ; border : none ; border-radius : var ( - - radius - lg ) ; padding : 14 px 32 px ; font-size : 1 rem ; font-weight : 700 ; transition : background .15 s ; text-decoration : none ; display : inline-block }
. btn-primary : hover { background : var ( - - blue - dark ) }
. btn-ghost { background : transparent ; border : 2 px solid rgba ( 0 , 0 , 0 , .15 ) ; color : var ( - - text - dark ) ; border-radius : var ( - - radius - lg ) ; padding : 14 px 32 px ; font-size : 1 rem ; font-weight : 700 ; transition : border-color .15 s , background .15 s ; text-decoration : none ; display : inline-block }
. btn-ghost : hover { border-color : var ( - - blue ) ; background : var ( - - blue - pale ) }
/* STATS */
. stats-bar { background : var ( - - blue ) ; padding : 48 px 0 }
. stats-grid { display : grid ; grid-template-columns : repeat ( 4 , 1 fr ) ; gap : 0 ; text-align : center }
. stat-item { padding : 20 px 16 px ; position : relative }
. stat-item : not ( : last-child ) :: after { content : '' ; position : absolute ; right : 0 ; top : 20 % ; height : 60 % ; width : 1 px ; background : rgba ( 10 , 10 , 10 , .3 ) }
. stat-value { font-size : clamp ( 1.75 rem , 3 vw , 2.5 rem ) ; font-weight : 900 ; color : var ( - - text - dark ) ; letter-spacing : -.04 em ; line-height : 1 ; display : block ; margin-bottom : 8 px }
. stat-label { font-size : .9 rem ; color : rgba ( 10 , 10 , 10 , .9 ) ; font-weight : 500 }
@ media ( max-width : 600px ) { . stats-grid { grid-template-columns : repeat ( 2 , 1 fr ) ; gap : 1 px ; background : rgba ( 10 , 10 , 10 , .2 ) } . stat-item { background : var ( - - blue ) } . stat-item :: after { display : none } }
/* STEPS */
. steps-grid { display : grid ; grid-template-columns : repeat ( 3 , 1 fr ) ; gap : 28 px ; margin-top : 40 px }
. step-card { background : var ( - - bg - off ) ; border-radius : var ( - - radius - card ) ; padding : 40 px 36 px }
. step-number { display : inline-flex ; align-items : center ; justify-content : center ; width : 48 px ; height : 48 px ; background : var ( - - blue ) ; color : var ( - - text - dark ) ; border-radius : 50 % ; font-size : var ( - - text - xl ) ; font-weight : 900 ; margin-bottom : 24 px }
. step-card h3 { color : var ( - - text - dark ) ; margin-bottom : 12 px ; font-size : var ( - - text - xl ) }
. step-card p { color : var ( - - text - muted ) ; font-size : .9625 rem ; line-height : 1.6 }
@ media ( max-width : 768px ) { . steps-grid { grid-template-columns : 1 fr ; gap : 20 px } }
/* EARNINGS */
. earnings-grid { display : grid ; grid-template-columns : repeat ( 3 , 1 fr ) ; gap : 24 px ; margin-top : 40 px }
. tier-card { background : var ( - - bg - off ) ; border : 2 px solid #E8E8E8 ; border-radius : var ( - - radius - card ) ; padding : 36 px 28 px ; text-align : center }
. tier-card . featured { border-color : var ( - - blue ) ; transform : scale ( 1.03 ) }
. tier-card h3 { font-size : 1.5 rem ; font-weight : 900 ; margin-bottom : 4 px ; color : var ( - - text - dark ) }
. tier-missions { font-size : .9 rem ; color : var ( - - text - muted ) ; margin-bottom : 20 px }
. tier-earnings { font-size : 1.375 rem ; font-weight : 900 ; color : var ( - - blue ) ; letter-spacing : -.03 em ; margin-bottom : 16 px }
. tier-features { text-align : left }
. tier-features li { display : flex ; align-items : flex-start ; gap : 10 px ; font-size : var ( - - text - base ) ; padding : 6 px 0 }
. tier-features li :: before { content : '' ; display : block ; width : 18 px ; height : 18 px ; min-width : 18 px ; background : var ( - - green ) url ( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8'%3E%3Cpath d='M1 4l2.5 2.5L9 1' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E" ) no-repeat center ; border-radius : 50 % ; margin-top : 2 px }
@ media ( max-width : 768px ) { . earnings-grid { grid-template-columns : 1 fr } }
/* CTA */
. cta-box { background : var ( - - bg - off ) ; border-radius : var ( - - radius - card ) ; padding : 48 px 32 px ; text-align : center }
. cta-box h3 { font-size : var ( - - text -2 xl ) ; color : var ( - - text - dark ) ; margin-bottom : 12 px }
. cta-box p { color : var ( - - text - muted ) ; margin-bottom : 24 px }
/* FOOTER */
footer { background : var ( - - bg - white ) ; border-top : 1 px solid rgba ( 0 , 0 , 0 , .08 ) ; padding : 48 px 0 32 px }
. footer-inner { display : flex ; align-items : center ; justify-content : space-between ; gap : 24 px ; flex-wrap : wrap }
. footer-copy { color : rgba ( 10 , 10 , 10 , .6 ) ; font-size : var ( - - text - sm ) }
. footer-links { display : flex ; gap : 20 px }
. footer-links a { color : rgba ( 10 , 10 , 10 , .6 ) ; font-size : var ( - - text - sm ) ; transition : color .15 s }
. footer-links a : hover { color : var ( - - text - dark ) }
. footer-tagline { font-size : .8 rem ; color : rgba ( 10 , 10 , 10 , .55 ) ; margin-top : 8 px ; font-style : italic }
@ media ( max-width : 768px ) { . footer-inner { flex-direction : column ; align-items : flex-start } }
2026-07-05 06:41:32 +00:00
< / style >
< / head >
< body >
2026-07-12 12:41:35 +00:00
< 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 = "/order/" > Order< / a >
< a href = "/pricing/" > Pricing< / a >
< a href = "/earn/" style = "color:var(--text-dark);font-weight:600" > Earn as Zoomer< / a >
< a href = "/for-organisations/" > For Organisations< / a >
< a href = "/about" > About< / a >
< / div >
< a href = "https://app.quixzoom.com/join" class = "btn-nav" > Join Free →< / a >
< button class = "hamburger" id = "hamburger" aria-label = "Menu" onclick = "document.getElementById('mobile-menu').classList.toggle('open')" >
< span > < / span > < span > < / span > < span > < / span >
< / button >
< / div >
< / div >
< / nav >
< div class = "mobile-menu" id = "mobile-menu" >
< a href = "/order/" onclick = "document.getElementById('mobile-menu').classList.remove('open')" > Order Field Photography< / a >
< a href = "/pricing/" onclick = "document.getElementById('mobile-menu').classList.remove('open')" > Pricing< / a >
< a href = "/earn/" onclick = "document.getElementById('mobile-menu').classList.remove('open')" > Earn as a Zoomer< / a >
< a href = "/for-organisations/" onclick = "document.getElementById('mobile-menu').classList.remove('open')" > For Organisations< / a >
< a href = "/about" onclick = "document.getElementById('mobile-menu').classList.remove('open')" > About< / a >
< a class = "btn-mobile" href = "https://app.quixzoom.com/join" onclick = "document.getElementById('mobile-menu').classList.remove('open')" > Join Free →< / a >
< / div >
< main >
<!-- HERO -->
< section class = "hero-earn" >
< div class = "container" >
< div class = "hero-earn-inner" >
< div class = "hero-badge" > Free to Join · No Fees< / div >
< h1 > Earn as a Zoomer< / h1 >
< p > Take photo missions near you. Get paid per approved mission. No platform fee — you keep 100% of your earnings. Free to join, no commitment.< / p >
< div class = "hero-cta" >
< a href = "https://app.quixzoom.com/join" class = "btn-primary" > Join Free →< / a >
< a href = "/" class = "btn-ghost" > Learn More< / a >
< / div >
< / div >
< / div >
< / section >
<!-- STATS -->
< section class = "stats-bar" >
< div class = "container" >
< div class = "stats-grid" >
< div class = "stat-item" > < span class = "stat-value" > €3– < / span > < span class = "stat-label" > Per mission< / span > < / div >
< div class = "stat-item" > < span class = "stat-value" > 0%< / span > < span class = "stat-label" > Platform fee< / span > < / div >
< div class = "stat-item" > < span class = "stat-value" > Weekly< / span > < span class = "stat-label" > Payouts< / span > < / div >
< div class = "stat-item" > < span class = "stat-value" > Free< / span > < span class = "stat-label" > To join< / span > < / div >
< / div >
< / div >
< / section >
<!-- HOW IT WORKS -->
< section class = "section-pad" >
< div class = "container" >
< div class = "section-header" >
< h2 > How it works< / h2 >
< p > Three steps from signup to payout.< / p >
< / div >
< div class = "steps-grid" >
< div class = "step-card" >
< div class = "step-number" > 1< / div >
< h3 > Register< / h3 >
< p > Sign up in under 60 seconds. Verify your identity once. Link your bank account via Stripe Connect. No fees, no commitment.< / p >
< / div >
< div class = "step-card" >
< div class = "step-number" > 2< / div >
< h3 > Claim Missions< / h3 >
< p > Browse active missions on the map. Each shows location, required shots, and exact payment. Claim the ones you want — no forced assignments.< / p >
< / div >
< div class = "step-card" >
< div class = "step-number" > 3< / div >
< h3 > Get Paid< / h3 >
< p > Submit your photos. AI reviews instantly. On approval, QX Credits are added to your balance. Cash out weekly — minimum €250.< / p >
< / div >
< / div >
< / div >
< / section >
<!-- EARNINGS -->
< section class = "section-pad" style = "background:var(--bg-off)" >
< div class = "container" >
< div class = "section-header" >
< h2 > How much can you earn?< / h2 >
< p > Your earnings depend on how many missions you complete. No hourly rate — you control your schedule.< / p >
< / div >
< div class = "earnings-grid" >
< div class = "tier-card" >
< h3 > Casual< / h3 >
< p class = "tier-missions" > 2– < / p >
< p class = "tier-earnings" > €60– < span style = "font-size:.875rem;color:var(--text-muted)" > / month< / span > < / p >
< ul class = "tier-features" >
< li > Supplementary income< / li >
< li > No minimum hours< / li >
< li > All standard missions< / li >
< / ul >
< / div >
< div class = "tier-card featured" >
< h3 > Active< / h3 >
< p class = "tier-missions" > 8– < / p >
< p class = "tier-earnings" > €240– < span style = "font-size:.875rem;color:var(--text-muted)" > / month< / span > < / p >
< ul class = "tier-features" >
< li > Consistent volume< / li >
< li > Priority mission access< / li >
< li > Build platform rating< / li >
< / ul >
< / div >
< div class = "tier-card" >
< h3 > Pro< / h3 >
< p class = "tier-missions" > 15+ missions/week< / p >
< p class = "tier-earnings" > €450– < span style = "font-size:.875rem;color:var(--text-muted)" > / month< / span > < / p >
< ul class = "tier-features" >
< li > Maximum volume< / li >
< li > Premium missions< / li >
< li > Performance bonuses< / li >
< / ul >
< / div >
< / div >
< / div >
< / section >
<!-- CTA -->
< section class = "section-pad" >
< div class = "container" >
< div class = "cta-box" >
< h3 > Ready to start earning?< / h3 >
< p > Join free. No fees. No commitment. Launching August 2026.< / p >
< a href = "https://app.quixzoom.com/join" class = "btn-primary" > Join as a Zoomer →< / a >
< / div >
< / div >
< / section >
< / main >
< footer >
< div class = "container" >
< div class = "footer-inner" >
< div >
< p class = "footer-copy" > © 2026 quiXzoom · Operated by Landvex AB< / p >
< p class = "footer-tagline" > Raw data by quiXzoom. Intelligence by Landvex.< / p >
< / div >
< div class = "footer-links" >
< a href = "/" > Home< / a >
< a href = "/order/" > Order< / a >
< a href = "/pricing/" > Pricing< / a >
< a href = "/privacy/" > Privacy< / a >
< a href = "/terms/" > Terms< / a >
< / div >
< / div >
< / div >
< / footer >
2026-07-05 06:41:32 +00:00
< / body >
2026-07-12 12:41:35 +00:00
< / html >
