boc/quixzoom-audit-report.md

# quiXzoom Audit Report — Symmetri & Tighthet

## Sammanfattning
- **Totalt antal filer granskade:** 402
- **quixzoom-landing-fixed:** 61 filer
- **quixzoom-asia-pages:** 13 filer  
- **quixzoom-market-pages:** 328 filer

## Problem Identifierade

### 1. DUBBLA BUDSKAP (Duplicate Messages)

#### a) Dubbla meta-beskrivningar
Följande beskrivningar förekommer i flera filer:
- "Join the quiXzoom team..." → careers.html + careers/index.html
- "quiXzoom आपको इंफ्रास्ट्रक्चर..." → hi/index.html (landing + asia)
- "quiXzoom membayar Anda..." → id/index.html (landing + asia)
- "quiXzoom 2026820..." → ja, zh-cn, zh-tw (landing + asia)
- "quiXzoom membayar anda..." → ms/index.html (landing + asia)
- "quiXzoom จ่ายเงินให้คุณ..." → th/index.html (landing + asia)
- "quiXzoom trả tiền cho bạn..." → vi/index.html (landing + asia)
- "quiXzoom , , . . 2026 8 . 20 ..." → ko/index.html (landing + asia)
- "Vuokraustarkastus med quiXzoom..." → fi/rental-inspection + fi/lease-audit

#### b) Dubbla nav-strukturer inom samma fil
- `for-organisations/index.html` har dubbla länkar: "About", "For Organisations", "For Zoomers", "Pricing", "Support" (varje länk förekommer TVÅ gånger)
- `se/index.html` har dubbla länkar: "Bli Zoomer", "Hur det funkar", "Tjäna pengar", "Uppdrag", "Uppdragsgivare", "FAQ", "Logga in"

### 2. ASYMMETRI (Inkonsekvens mellan sidor)

#### a) Navigationsstruktur — 8 olika mönster!
| Mönster | Filer |
|---------|-------|
| Full nav (Order, Pricing, Earn, For Orgs, About) | index.html, pricing.html, order/index.html |
| Minimal nav (Home, About, Pricing, Features) | about.html, features.html |
| Ingen nav alls | privacy.html, terms.html, admin.html, analytics.html, 3d-atlas.html, api-status.html, m.fl. |
| Språkväljare + minimal | asia-sidor |
| Zoomer-fokuserad (Bli Zoomer, Förtjänst, etc) | sweden-launch.html |
| App-intern (Earnings, Missions, Profile) | zoomer-earnings.html, zoomer-profile.html |
| Glossary (A-Z) | glossary.html |
| Admin (← quiXzoom Admin) | analytics.html |

#### b) Footer — 3 olika mönster
- **Mönster A (landing-fixed):** "© 2026 quiXzoom · Operated by Landvex AB" + länkar (Privacy, Terms, Support)
- **Mönster B (asia):** "quiXzoom Asia | asia@quixzoom.com" + "Part of the quiXzoom Global Network"
- **Mönster C (market-pages):** "© 2026 quiXzoom AB — En del av AAMOS" + "quixzoom.se"

#### c) CSS-variabler — 5 olika namnkonventioner!
| Fil(er) | Variabel-prefix |
|---------|----------------|
| index.html (landing-fixed) | `--bg-dark`, `--blue`, `--text-dark` |
| about.html, features.html | `--bg-dark`, `--blue`, `--text-dark` (men andra värden!) |
| pricing.html | `--bg-dark`, `--blue`, `--text-dark` (samma som index) |
| privacy.html, terms.html | `--bg`, `--surface`, `--label`, `--accent` |
| asia-pages | Ingen :root, hårdkodade färger |
| market-pages/se/ | `--qx-black`, `--qx-blue`, `--qx-gray` |
| market-pages/övriga | `--qx-black`, `--qx-blue`, `--qx-gray` (men ofta inkonsekventa) |

#### d) Färgschema — mörkt vs ljust
- **index.html:** Ljust tema (vit bakgrund, mörk text)
- **about.html:** Ljust tema men med `bg-dark: #f5f5f7` (mörkare off-white)
- **privacy.html:** Mörkt/ljust beroende på prefers-color-scheme!
- **terms.html:** Samma som privacy
- **asia/index.html:** Mörkt tema (#0a0a0a bakgrund)
- **market-pages/se/index.html:** Mörk hero + ljus body
- **market-pages/övriga:** Varierar

#### e) CTA-knappar — 6 olika stilar!
| Stil | Exempel |
|------|---------|
| Blå pill (`border-radius: 100px`) | index.html |
| Blå rounded (`border-radius: 24px`) | pricing.html |
| Blå rounded-md (`border-radius: 14px`) | about.html |
| Blå 8px | market-pages (äldre) |
| Ghost/transparent | pricing.html (btn-ghost) |
| Vit på mörk bakgrund | asia-pages |

#### f) Typografi — inkonsekventa storlekar
- **H1:** clamp(2.75rem,6vw,5rem) i index.html → clamp(2rem,5vw,3.5rem) i about.html → 2.5rem i market-pages
- **Body:** 1rem (16px) i index.html → 16px i market-pages → 15px i privacy/terms
- **Line-height:** 1.65 i index.html → 1.6 i about.html → 1.5 i market-pages

### 3. LOOSENESS (Lösa detaljer)

#### a) Saknade element
- **about.html:** Saknar favicon, OG-tags, Twitter cards, schema.org
- **features.html:** Saknar favicon, OG-tags, Twitter cards, schema.org
- **privacy.html:** Saknar nav, favicon
- **terms.html:** Saknar nav, favicon
- **asia/index.html:** Saknar nav, OG-tags, Twitter cards, schema.org
- **Många market-pages:** Saknar nav, footer, OG-tags

#### b) Inkonsekvent stavning
- `quiXzoom` (korrekt) vs `quixzoom` (fel) — förekommer i både text och URLs
- `Landvex AB` vs `AAMOS` — olika moderbolag nämns
- `Zoomer` vs `zoomer` — inkonsekvent versalisering

#### c) WCAG-contrast style duplicerad
- Finns i terms.html men INTE i andra filer
- Ska vara global

#### d) Auth script inkonsekvent
- De flesta har `<script type="module" src="https://auth.quixzoom.com/site-auth-snippet.js">`
- Men vissa saknar det helt

#### e) Tomma element
- asia/index.html har tomma `<h3></h3>` och tomma flagg-divar för flera språk
- asia-sidor har tomma `{{META_DESC}}` platshållare

#### f) Dubbla CSS-media-queries
- `@media (max-width: 640px)` block duplicerade i flera filer (privacy, terms, about, features)
- Samma block, olika placeringar

## Rekommenderad Standard

### A) Navigationsstandard (för alla publika sidor)
```html
<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/">Earn as Zoomer</a>
        <a href="/for-organisations/">For Organisations</a>
        <a href="/about">About</a>
      </div>
      <a href="/order/" class="btn-nav">Start Order →</a>
      <!-- hamburger + mobile-menu -->
    </div>
  </div>
</nav>
```

### B) Footer-standard
```html
<footer>
  <div class="container">
    <div class="footer-inner">
      <div class="footer-copy">© 2026 quiXzoom · Operated by Landvex AB</div>
      <div class="footer-links">
        <a href="/privacy">Privacy</a>
        <a href="/terms">Terms</a>
        <a href="/support">Support</a>
      </div>
    </div>
  </div>
</footer>
```

### C) CSS-variabelstandard
```css
: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-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 24px;
  --radius-full: 100px;
}
```

### D) Meta-standard (alla sidor ska ha)
- DOCTYPE html
- lang attribut
- charset UTF-8
- viewport
- canonical
- favicon
- OG-tags (title, description, url, image)
- Twitter cards
- schema.org JSON-LD (där relevant)
- auth script