2026-07-05 06:41:32 +00:00
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "UTF-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1, viewport-fit=cover" >
< meta name = "color-scheme" content = "light dark" >
< title > quiXzoom — Reviews & Ratings< / title >
< meta name = "description" content = "Se vad fotografer och uppdragsgivare säger om quiXzoom — plattformen som låter dig tjäna pengar på dina foton." >
< link rel = "canonical" href = "https://quixzoom.com/reviews" >
< link rel = "stylesheet" >
<!-- schema.org Product markup — reviews will be added after launch -->
< script type = "application/ld+json" >
{
"@context" : "https://schema.org/" ,
"@type" : "Product" ,
"name" : "quiXzoom" ,
"description" : "Crowdsourced camera infrastructure — earn money on your photos as a zoomer." ,
"url" : "https://quixzoom.com" ,
"brand" : { "@type" : "Brand" , "name" : "quiXzoom" }
}
< / script >
< style >
* { box-sizing : border-box ; margin : 0 ; padding : 0 ; -webkit- font-smoothing : antialiased ; }
body { font-family : var ( - - font - text ) ; background : var ( - - background - secondary ) ; color : var ( - - label - primary ) ; min-height : 100 vh ; }
/* HERO */
. hero {
background : linear-gradient ( 160 deg , #FF6B00 0 % , #FF9500 50 % , #FFCC00 100 % ) ;
padding : 72 px 24 px 56 px ;
text-align : center ;
color : white ;
position : relative ;
overflow : hidden ;
}
. hero :: before {
content : '' ;
position : absolute ;
top : -60 px ; right : -60 px ;
width : 300 px ; height : 300 px ;
2026-07-07 07:11:50 +00:00
border-radius : var ( - - radius - full ) ;
2026-07-05 06:41:32 +00:00
background : rgba ( 255 , 255 , 255 , 0.08 ) ;
}
. hero :: after {
content : '' ;
position : absolute ;
bottom : -80 px ; left : -40 px ;
width : 250 px ; height : 250 px ;
2026-07-07 07:11:50 +00:00
border-radius : var ( - - radius - full ) ;
2026-07-05 06:41:32 +00:00
background : rgba ( 255 , 255 , 255 , 0.06 ) ;
}
. hero-logo {
width : 80 px ; height : 80 px ;
background : rgba ( 255 , 255 , 255 , 0.2 ) ;
2026-07-07 07:11:50 +00:00
border-radius : var ( - - radius - xl ) ;
2026-07-05 06:41:32 +00:00
display : flex ; align-items : center ; justify-content : center ;
font-size : 36 px ; font-weight : 900 ;
color : white ; margin : 0 auto 24 px ;
backdrop-filter : blur ( 20 px ) ;
border : 1 px solid rgba ( 255 , 255 , 255 , 0.3 ) ;
position : relative ; z-index : 1 ;
letter-spacing : -1 px ;
}
. hero h1 {
font-family : var ( - - font - display ) ;
font-size : 38 px ; font-weight : 700 ;
letter-spacing : -1 px ; margin-bottom : 8 px ;
position : relative ; z-index : 1 ;
}
. hero . tagline {
font-size : 17 px ; opacity : 0.85 ;
margin-bottom : 32 px ; position : relative ; z-index : 1 ;
}
/* AGGREGATE RATING */
. agg-rating {
display : inline-flex ; align-items : center ; gap : 12 px ;
background : rgba ( 255 , 255 , 255 , 0.18 ) ;
backdrop-filter : blur ( 20 px ) ;
border : 1 px solid rgba ( 255 , 255 , 255 , 0.3 ) ;
2026-07-07 07:11:50 +00:00
border-radius : var ( - - radius - xl ) ; padding : 16 px 28 px ;
2026-07-05 06:41:32 +00:00
position : relative ; z-index : 1 ;
}
. agg-score {
font-family : var ( - - font - display ) ;
font-size : 52 px ; font-weight : 700 ;
line-height : 1 ; color : white ;
}
. agg-info { text-align : left ; }
. stars { font-size : 22 px ; letter-spacing : 2 px ; margin-bottom : 4 px ; }
. agg-count { font-size : 14 px ; opacity : 0.8 ; }
/* SECTION */
. section { padding : 32 px 20 px ; max-width : 960 px ; margin : 0 auto ; }
. section-header {
display : flex ; align-items : center ; justify-content : space-between ;
margin-bottom : 20 px ;
}
. section-title {
font-family : var ( - - font - display ) ;
font-size : 22 px ; font-weight : 700 ; letter-spacing : -0.5 px ;
}
/* FILTER PILLS */
. filter-bar {
display : flex ; gap : 8 px ; flex-wrap : wrap ;
padding : 0 20 px 24 px ; max-width : 960 px ; margin : 0 auto ;
}
. filter-pill {
padding : 8 px 16 px ; border-radius : 100 px ;
font-size : 15 px ; font-weight : 600 ;
border : 1.5 px solid var ( - - separator ) ;
background : var ( - - background - primary ) ;
color : var ( - - label - secondary ) ; cursor : pointer ;
transition : all 0.2 s ; white-space : nowrap ;
}
. filter-pill . active {
background : var ( - - ios - orange ) ;
border-color : var ( - - ios - orange ) ;
color : white ;
}
/* REVIEW GRID */
. reviews-grid {
display : grid ;
grid-template-columns : repeat ( auto - fill , minmax ( 300 px , 1 fr ) ) ;
gap : 16 px ;
}
. review-card {
background : var ( - - background - primary ) ;
2026-07-07 07:11:50 +00:00
border-radius : var ( - - radius - xl ) ;
2026-07-05 06:41:32 +00:00
border : 0.5 px solid var ( - - separator ) ;
padding : 24 px ;
transition : transform 0.2 s , box-shadow 0.2 s ;
}
. review-card : hover {
transform : translateY ( -3 px ) ;
box-shadow : 0 8 px 32 px rgba ( 0 , 0 , 0 , 0.08 ) ;
}
. review-top {
display : flex ; align-items : flex-start ;
justify-content : space-between ; margin-bottom : 14 px ;
}
. reviewer-info { display : flex ; align-items : center ; gap : 12 px ; }
. reviewer-avatar {
2026-07-07 07:11:50 +00:00
width : 44 px ; height : 44 px ; border-radius : var ( - - radius - full ) ;
2026-07-05 06:41:32 +00:00
background : linear-gradient ( 135 deg , var ( - - ios - orange ) , var ( - - ios - yellow ) ) ;
display : flex ; align-items : center ; justify-content : center ;
font-size : 18 px ; font-weight : 700 ; color : white ;
flex-shrink : 0 ;
}
. reviewer-name {
font-size : 16 px ; font-weight : 600 ; letter-spacing : -0.2 px ;
}
. reviewer-meta {
font-size : 13 px ; color : var ( - - label - secondary ) ;
margin-top : 2 px ;
}
. review-stars { font-size : 16 px ; letter-spacing : 1 px ; }
. review-title {
font-size : 16 px ; font-weight : 700 ;
letter-spacing : -0.3 px ; margin-bottom : 8 px ;
}
. review-body {
font-size : 15 px ; line-height : 1.55 ;
color : var ( - - label - secondary ) ;
}
. review-footer {
display : flex ; align-items : center ;
justify-content : space-between ; margin-top : 16 px ;
}
. platform-badge {
display : flex ; align-items : center ; gap : 6 px ;
font-size : 12 px ; font-weight : 600 ;
color : var ( - - label - tertiary ) ;
background : var ( - - background - secondary ) ;
padding : 4 px 10 px ; border-radius : 100 px ;
}
. review-date { font-size : 12 px ; color : var ( - - label - tertiary ) ; }
/* CTA */
. cta-section {
background : linear-gradient ( 135 deg , #FF6B00 , #FF9500 ) ;
2026-07-07 07:11:50 +00:00
border-radius : var ( - - radius - xl ) ; padding : 40 px 32 px ;
2026-07-05 06:41:32 +00:00
text-align : center ; margin : 0 20 px 32 px ;
max-width : 920 px ; margin-left : auto ; margin-right : auto ;
}
. cta-section h2 {
font-family : var ( - - font - display ) ;
font-size : 26 px ; font-weight : 700 ;
color : white ; margin-bottom : 12 px ;
letter-spacing : -0.5 px ;
}
. cta-section p { font-size : 16 px ; color : rgba ( 255 , 255 , 255 , 0.8 ) ; margin-bottom : 24 px ; }
. cta-btn {
display : inline-block ;
background : white ; color : #FF6B00 ;
font-size : 17 px ; font-weight : 700 ;
2026-07-07 07:11:50 +00:00
padding : 16 px 32 px ; border-radius : var ( - - radius - lg ) ;
2026-07-05 06:41:32 +00:00
text-decoration : none ;
transition : transform 0.15 s , box-shadow 0.15 s ;
}
. cta-btn : hover {
transform : translateY ( -2 px ) ;
box-shadow : 0 8 px 24 px rgba ( 0 , 0 , 0 , 0.2 ) ;
}
/* FOOTER */
. footer {
text-align : center ; padding : 24 px 20 px ;
color : var ( - - label - tertiary ) ; font-size : 13 px ;
}
@ media ( max-width : 640px ) {
. hero h1 { font-size : 2 rem !important ; }
. hero p { font-size : 1 rem !important ; }
. card { padding : 1.5 rem !important ; }
. grid { grid-template-columns : 1 fr !important ; }
. btn { padding : 0.75 rem 1.5 rem !important ; font-size : 1 rem !important ; }
}
< / style >
< style id = "wcag-contrast-enforcement" >
/* AAMOS GLOBAL CONTRAST ENFORCEMENT — WCAG AA (4.5:1 minimum) */
/* Regel: Ingen text under 70% opacity. Aldrig. */
body { -webkit- font-smoothing : antialiased ; -moz- osx-font-smoothing : grayscale ; }
/* Fix common low-contrast patterns */
[ style * = "rgba(60,60,67,0.4)" ] { color : rgba ( 60 , 60 , 67 , 0.65 ) !important ; }
[ style * = "rgba(60,60,67,0.3)" ] { color : rgba ( 60 , 60 , 67 , 0.65 ) !important ; }
[ style * = "rgba(255,255,255,0.4)" ] { color : rgba ( 255 , 255 , 255 , 0.72 ) !important ; }
[ style * = "rgba(255,255,255,0.3)" ] { color : rgba ( 255 , 255 , 255 , 0.72 ) !important ; }
[ style * = "opacity: 0.4" ] { opacity : 0.72 !important ; }
[ style * = "opacity: 0.3" ] { opacity : 0.72 !important ; }
@ media ( max-width : 640px ) {
. hero h1 { font-size : 2 rem !important ; }
. hero p { font-size : 1 rem !important ; }
. card { padding : 1.5 rem !important ; }
. grid { grid-template-columns : 1 fr !important ; }
. btn { padding : 0.75 rem 1.5 rem !important ; font-size : 1 rem !important ; }
}
< / style >
< meta property = "og:type" content = "website" >
< meta property = "og:title" content = "quiXzoom — Reviews & Ratings" >
< meta property = "og:description" content = "Se vad fotografer och uppdragsgivare säger om quiXzoom — plattformen som låter dig tjäna pengar på dina foton." >
< meta property = "og:url" content = "https://www.quixzoom.com/reviews.html" >
< meta property = "og:image" content = "https://www.quixzoom.com/images/zoomer-earnings.jpg" >
< meta property = "og:image:width" content = "1200" >
< meta property = "og:image:height" content = "630" >
< meta property = "og:image:alt" content = "quiXzoom Zoomer reviews — what Zoomers say about earning with quiXzoom" >
< meta name = "twitter:card" content = "summary_large_image" >
< meta name = "twitter:image" content = "https://www.quixzoom.com/images/zoomer-earnings.jpg" >
< meta name = "twitter:title" content = "quiXzoom — Reviews & Ratings" >
2026-07-14 09:58:53 +00:00
< script type = "module" src = "https://auth.quixzoom.com/site-auth-snippet.js" > < / script >
2026-07-05 06:41:32 +00:00
< / head >
< body >
<!-- HERO -->
< div class = "hero" >
< div class = "hero-logo" > qX< / div >
< h1 > quiXzoom< / h1 >
< p class = "tagline" > Earn money with your camera< / p >
< div class = "agg-rating" >
< div class = "agg-score" style = "font-size:1.25rem;font-weight:700;" > Coming soon< / div >
< div class = "agg-info" >
2026-07-07 07:11:50 +00:00
< div class = "stars" style = "opacity:0;" > < / div >
2026-07-05 06:41:32 +00:00
< div class = "agg-count" > Reviews after launch< / div >
< / div >
< / div >
< / div >
<!-- FILTER -->
< div class = "filter-bar" >
< div class = "filter-pill active" > All< / div >
< / div >
<!-- REVIEWS -->
< div class = "section" >
< div class = "section-header" >
< div class = "section-title" > What Zoomers say< / div >
< / div >
< div class = "reviews-grid" id = "reviewsGrid" >
< div class = "review-card" style = "text-align:center;padding:48px 24px;" >
2026-07-07 07:11:50 +00:00
< div style = "font-size:3rem;margin-bottom:16px;" > < 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 >
2026-07-05 06:41:32 +00:00
< h3 style = "font-size:1.25rem;font-weight:700;margin-bottom:12px;color:var(--label-primary);" > Reviews coming soon< / h3 >
< p style = "color:var(--label-secondary);line-height:1.6;max-width:400px;margin:0 auto;" > quiXzoom launches in August 2026. Reviews from Zoomers and mission orderers will be published here once the platform is live.< / p >
< / div >
< / div >
< / div >
<!-- CTA -->
< div class = "cta-section" style = "margin-bottom: 40px;" >
< h2 > Share your experience< / h2 >
< p > Have you worked as a Zoomer? Your review helps other photographers find the right platform.< / p >
< a href = "https://g.page/r/quixzoom/review" class = "cta-btn" target = "_blank" rel = "noopener" > Leave your review →< / a >
< / div >
<!-- FOOTER -->
< div class = "footer" >
© 2026 quiXzoom · < a href = "privacy/index.html" style = "color: inherit;" > Privacy Policy< / a > · < a href = "terms/index.html" style = "color: inherit;" > Terms< / a >
< / div >
< script >
function filterReviews ( platform , el ) {
document . querySelectorAll ( '.filter-pill' ) . forEach ( p => p . classList . remove ( 'active' ) ) ;
el . classList . add ( 'active' ) ;
document . querySelectorAll ( '.review-card' ) . forEach ( card => {
if ( platform === 'all' || card . dataset . platform === platform ) {
card . style . display = '' ;
} else {
card . style . display = 'none' ;
}
} ) ;
}
< / script >
< / body >
< / html >
