quixzoom-landing-fixed/ms/index.html

<!DOCTYPE html>
<html lang="ms">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>quiXzoom — Rakam Dunia. Dapatkan Bayaran. | Jadi Zoomer</title>
  <meta name="description" content="quiXzoom membayar anda untuk merakam infrastruktur, alam semula jadi, dan persekitaran bandar. Tiada yuran platform. Dilancarkan Ogos 2026.">
  <link rel="canonical" href="https://quixzoom.asia/ms/">
  <meta http-equiv="refresh" content="0; url=https://quixzoom.asia/ms/">
  <link rel="alternate" hreflang="ms" href="https://quixzoom.asia/ms/">
  <link rel="alternate" hreflang="zh-CN" href="https://quixzoom.asia/zh-cn/">
  <link rel="alternate" hreflang="ja" href="https://quixzoom.asia/ja/">
  <link rel="alternate" hreflang="en" href="https://www.quixzoom.com/">
  <link rel="icon" type="image/svg+xml" href="/favicon.svg">
  <style>
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    body {
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
      background: #0a0a0a;
      color: #ffffff;
      line-height: 1.6;
    }
    .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
    header {
      padding: 24px 0;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .logo { font-size: 24px; font-weight: 700; color: #0066ff; }
    .lang-switcher { display: flex; gap: 16px; }
    .lang-switcher a {
      color: rgba(255,255,255,0.6);
      text-decoration: none;
      font-size: 14px;
      transition: color 0.2s;
    }
    .lang-switcher a:hover, .lang-switcher a.active { color: #fff; }
    .hero {
      padding: 120px 0 80px;
      text-align: center;
    }
    .hero h1 {
      font-size: clamp(2.5rem, 5vw, 4rem);
      font-weight: 800;
      line-height: 1.2;
      margin-bottom: 24px;
    }
    .hero p {
      font-size: 1.25rem;
      color: rgba(255,255,255,0.7);
      max-width: 600px;
      margin: 0 auto 40px;
    }
    .btn {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 16px 32px;
      background: #0066ff;
      color: #fff;
      text-decoration: none;
      border-radius: 12px;
      font-weight: 600;
      font-size: 1rem;
      transition: transform 0.2s, box-shadow 0.2s;
    }
    .btn:hover {
      transform: translateY(-2px);
      box-shadow: 0 8px 30px rgba(0,102,255,0.3);
    }
    .features {
      padding: 80px 0;
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: 32px;
    }
    .feature {
      background: rgba(255,255,255,0.05);
      padding: 32px;
      border-radius: 16px;
      border: 1px solid rgba(255,255,255,0.1);
    }
    .feature h3 {
      font-size: 1.25rem;
      margin-bottom: 12px;
      color: #fff;
    }
    .feature p {
      color: rgba(255,255,255,0.6);
      font-size: 0.9375rem;
    }
    .currency-note {
      text-align: center;
      padding: 40px 0;
      color: rgba(255,255,255,0.5);
      font-size: 0.875rem;
    }
    footer {
      padding: 40px 0;
      text-align: center;
      color: rgba(255,255,255,0.4);
      font-size: 0.875rem;
      border-top: 1px solid rgba(255,255,255,0.1);
    }
  </style>
  <script type="module" src="https://auth.quixzoom.com/site-auth-snippet.js"></script>
</head>
<body>
  <div class="container">
    <header>
      <div class="logo">quiXzoom</div>
      <nav class="lang-switcher">
        <a href="/ms/" class="active">Bahasa Melayu</a>
        <a href="/zh-cn/"></a>
        <a href="/ja/"></a>
        <a href="/en/">EN</a>
      </nav>
    </header>

    <section class="hero">
      <h1>Rakam Dunia.<br>Dapatkan Bayaran.</h1>
      <p>quiXzoom membayar anda untuk merakam infrastruktur, persekitaran semula jadi, dan landskap bandar. Tiada yuran platform. Bayaran terus untuk setiap misi yang diluluskan.</p>
      <a href="https://www.quixzoom.com/register" class="btn">Daftar sebagai Zoomer</a>
    </section>

    <section class="features">
      <div class="feature">
        <h3>Rakam dan Hasilkan</h3>
        <p>Terima misi berhampiran dan rakam mengikut arahan. Dapatkan RM50-500 untuk setiap misi yang diluluskan.</p>
      </div>
      <div class="feature">
        <h3>Bayaran Pantas</h3>
        <p>Bayaran terus ke akaun bank atau Touch 'n Go eWallet dalam masa 24 jam selepas diluluskan.</p>
      </div>
      <div class="feature">
        <h3>Fleksibel dan Bebas</h3>
        <p>Bekerja bila-bila masa, di mana sahaja. Tiada keperluan minimum, tiada jadual. Anda memutuskan.</p>
      </div>
    </section>

    <div class="currency-note">
      Harga dipaparkan dalam Ringgit Malaysia (MYR). Akan ditukar mengikut kadar semasa semasa pembayaran.
    </div>

    <footer>
      <p>quiXzoom Asia | Sokongan: asia@quixzoom.com</p>
    </footer>
  </div>
</body>
</html>
feat: Passwordless cross-device authentication 2026-07-07 07:11:50 +00:00			`<!DOCTYPE html>`
			`<html lang="ms">`
			`<head>`
			`<meta charset="UTF-8">`
			`<meta name="viewport" content="width=device-width, initial-scale=1.0">`
			`<title>quiXzoom — Rakam Dunia. Dapatkan Bayaran. \| Jadi Zoomer</title>`
			`<meta name="description" content="quiXzoom membayar anda untuk merakam infrastruktur, alam semula jadi, dan persekitaran bandar. Tiada yuran platform. Dilancarkan Ogos 2026.">`
			`<link rel="canonical" href="https://quixzoom.asia/ms/">`
dev-api: add developer portal, OpenAPI spec, and Flatenbadet case study 2026-07-14 15:27:33 +00:00			`<meta http-equiv="refresh" content="0; url=https://quixzoom.asia/ms/">`
feat: Passwordless cross-device authentication 2026-07-07 07:11:50 +00:00			`<link rel="alternate" hreflang="ms" href="https://quixzoom.asia/ms/">`
			`<link rel="alternate" hreflang="zh-CN" href="https://quixzoom.asia/zh-cn/">`
			`<link rel="alternate" hreflang="ja" href="https://quixzoom.asia/ja/">`
			`<link rel="alternate" hreflang="en" href="https://www.quixzoom.com/">`
			`<link rel="icon" type="image/svg+xml" href="/favicon.svg">`
			`<style>`
			`, ::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }`
			`body {`
			`font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;`
			`background: #0a0a0a;`
			`color: #ffffff;`
			`line-height: 1.6;`
			`}`
			`.container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }`
			`header {`
			`padding: 24px 0;`
			`display: flex;`
			`justify-content: space-between;`
			`align-items: center;`
			`}`
			`.logo { font-size: 24px; font-weight: 700; color: #0066ff; }`
			`.lang-switcher { display: flex; gap: 16px; }`
			`.lang-switcher a {`
			`color: rgba(255,255,255,0.6);`
			`text-decoration: none;`
			`font-size: 14px;`
			`transition: color 0.2s;`
			`}`
			`.lang-switcher a:hover, .lang-switcher a.active { color: #fff; }`
			`.hero {`
			`padding: 120px 0 80px;`
			`text-align: center;`
			`}`
			`.hero h1 {`
			`font-size: clamp(2.5rem, 5vw, 4rem);`
			`font-weight: 800;`
			`line-height: 1.2;`
			`margin-bottom: 24px;`
			`}`
			`.hero p {`
			`font-size: 1.25rem;`
			`color: rgba(255,255,255,0.7);`
			`max-width: 600px;`
			`margin: 0 auto 40px;`
			`}`
			`.btn {`
			`display: inline-flex;`
			`align-items: center;`
			`gap: 8px;`
			`padding: 16px 32px;`
			`background: #0066ff;`
			`color: #fff;`
			`text-decoration: none;`
			`border-radius: 12px;`
			`font-weight: 600;`
			`font-size: 1rem;`
			`transition: transform 0.2s, box-shadow 0.2s;`
			`}`
			`.btn:hover {`
			`transform: translateY(-2px);`
			`box-shadow: 0 8px 30px rgba(0,102,255,0.3);`
			`}`
			`.features {`
			`padding: 80px 0;`
			`display: grid;`
			`grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));`
			`gap: 32px;`
			`}`
			`.feature {`
			`background: rgba(255,255,255,0.05);`
			`padding: 32px;`
			`border-radius: 16px;`
			`border: 1px solid rgba(255,255,255,0.1);`
			`}`
			`.feature h3 {`
			`font-size: 1.25rem;`
			`margin-bottom: 12px;`
			`color: #fff;`
			`}`
			`.feature p {`
			`color: rgba(255,255,255,0.6);`
			`font-size: 0.9375rem;`
			`}`
			`.currency-note {`
			`text-align: center;`
			`padding: 40px 0;`
			`color: rgba(255,255,255,0.5);`
			`font-size: 0.875rem;`
			`}`
			`footer {`
			`padding: 40px 0;`
			`text-align: center;`
			`color: rgba(255,255,255,0.4);`
			`font-size: 0.875rem;`
			`border-top: 1px solid rgba(255,255,255,0.1);`
			`}`
			`</style>`
docs: add quixzoom-auth-core product to AAMOS 2026-07-14 09:58:53 +00:00			`<script type="module" src="https://auth.quixzoom.com/site-auth-snippet.js"></script>`
feat: Passwordless cross-device authentication 2026-07-07 07:11:50 +00:00			`</head>`
			`<body>`
			`<div class="container">`
			`<header>`
			`<div class="logo">quiXzoom</div>`
			`<nav class="lang-switcher">`
			`<a href="/ms/" class="active">Bahasa Melayu</a>`
			`<a href="/zh-cn/"></a>`
			`<a href="/ja/"></a>`
			`<a href="/en/">EN</a>`
			`</nav>`
			`</header>`

			`<section class="hero">`
			`<h1>Rakam Dunia.<br>Dapatkan Bayaran.</h1>`
			`<p>quiXzoom membayar anda untuk merakam infrastruktur, persekitaran semula jadi, dan landskap bandar. Tiada yuran platform. Bayaran terus untuk setiap misi yang diluluskan.</p>`
			`<a href="https://www.quixzoom.com/register" class="btn">Daftar sebagai Zoomer</a>`
			`</section>`

			`<section class="features">`
			`<div class="feature">`
			`<h3>Rakam dan Hasilkan</h3>`
			`<p>Terima misi berhampiran dan rakam mengikut arahan. Dapatkan RM50-500 untuk setiap misi yang diluluskan.</p>`
			`</div>`
			`<div class="feature">`
			`<h3>Bayaran Pantas</h3>`
			`<p>Bayaran terus ke akaun bank atau Touch 'n Go eWallet dalam masa 24 jam selepas diluluskan.</p>`
			`</div>`
			`<div class="feature">`
			`<h3>Fleksibel dan Bebas</h3>`
			`<p>Bekerja bila-bila masa, di mana sahaja. Tiada keperluan minimum, tiada jadual. Anda memutuskan.</p>`
			`</div>`
			`</section>`

			`<div class="currency-note">`
			`Harga dipaparkan dalam Ringgit Malaysia (MYR). Akan ditukar mengikut kadar semasa semasa pembayaran.`
			`</div>`

			`<footer>`
			`<p>quiXzoom Asia \| Sokongan: asia@quixzoom.com</p>`
			`</footer>`
			`</div>`
			`</body>`
			`</html>`