<!DOCTYPE html>
<html lang="en-AU">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Purelux Labs | Links</title>
<meta name="description" content="Purelux Labs Australia - Research peptides, shop, calculator and more.">
<meta name="robots" content="noindex">
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Bebas+Neue&family=JetBrains+Mono:wght@300;400;500&display=swap" rel="stylesheet">
<style>
*{box-sizing:border-box;margin:0;padding:0}
:root{--blue:#0057b8;--accent:#4a9eff;--green:#00e87a;--dark:#050d1f;--border:rgba(255,255,255,0.08);--text-mid:rgba(255,255,255,0.6);--font-head:'Bebas Neue',sans-serif;--font-body:'Space Grotesk',sans-serif;--font-mono:'JetBrains Mono',monospace}
html,body{min-height:100%;background:#050d1f;color:#fff;font-family:var(--font-body)}
body{display:flex;flex-direction:column;align-items:center;padding:48px 20px 64px;position:relative;overflow-x:hidden}

/* Background */
canvas{position:fixed;inset:0;z-index:0;pointer-events:none}

/* Content */
.wrap{position:relative;z-index:1;width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center}

/* Logo & Profile */
.logo-wrap{margin-bottom:16px}
.logo-wrap img{height:64px;width:auto;object-fit:contain}
.handle{font-family:var(--font-mono);font-size:12px;letter-spacing:2px;color:var(--text-mid);margin-bottom:8px}
.bio{font-size:14px;color:var(--text-mid);text-align:center;line-height:1.6;margin-bottom:8px;max-width:320px}
.badges{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:32px}
.badge{font-family:var(--font-mono);font-size:9px;letter-spacing:1px;color:var(--green);border:1px solid rgba(0,232,122,0.25);background:rgba(0,232,122,0.06);padding:4px 10px;border-radius:100px}

/* Divider */
.div-label{font-family:var(--font-mono);font-size:9px;letter-spacing:3px;color:rgba(255,255,255,0.2);margin-bottom:16px;width:100%;text-align:center;position:relative}
.div-label::before,.div-label::after{content:'';position:absolute;top:50%;width:calc(50% - 60px);height:1px;background:rgba(255,255,255,0.07)}
.div-label::before{left:0}.div-label::after{right:0}

/* Link Cards */
.links{width:100%;display:flex;flex-direction:column;gap:12px;margin-bottom:24px}
.link-card{display:flex;align-items:center;gap:16px;background:#0a1628;border:1px solid var(--border);border-radius:14px;padding:16px 20px;text-decoration:none;color:#fff;transition:all 0.2s;position:relative;overflow:hidden}
.link-card:hover{background:#0d1f3a;border-color:rgba(74,158,255,0.35);transform:translateY(-1px)}
.link-card:active{transform:translateY(0)}
.link-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.link-icon svg{width:20px;height:20px}
.link-text{flex:1}
.link-title{font-family:var(--font-head);font-size:17px;letter-spacing:1px;color:#fff;line-height:1}
.link-sub{font-family:var(--font-mono);font-size:9px;letter-spacing:1px;color:rgba(255,255,255,0.35);margin-top:4px}
.link-arrow{font-size:18px;color:rgba(255,255,255,0.2);flex-shrink:0}
.link-card.primary{background:linear-gradient(135deg,#0057b8,#003d8a);border-color:rgba(74,158,255,0.3)}
.link-card.primary:hover{background:linear-gradient(135deg,#0068d6,#0057b8)}
.link-card.primary .link-sub{color:rgba(255,255,255,0.5)}
.link-card.green-card{border-color:rgba(0,232,122,0.2)}
.link-card.green-card .link-icon{background:rgba(0,232,122,0.1)}
.link-card .link-icon.blue{background:rgba(74,158,255,0.12)}
.link-card .link-icon.purple{background:rgba(139,92,246,0.12)}
.link-card .link-icon.orange{background:rgba(255,149,0,0.12)}
.link-card .link-icon.teal{background:rgba(0,212,170,0.12)}

/* Social row */
.social-row{display:flex;gap:12px;justify-content:center;margin-top:8px}
.social-btn{width:44px;height:44px;border-radius:12px;background:#0a1628;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all 0.2s}
.social-btn:hover{background:#0d1f3a;border-color:rgba(74,158,255,0.3)}
.social-btn svg{width:20px;height:20px;fill:#fff;opacity:0.6}
.social-btn:hover svg{opacity:1}

/* Footer */
.foot{font-family:var(--font-mono);font-size:9px;letter-spacing:1px;color:rgba(255,255,255,0.2);margin-top:32px;text-align:center;line-height:1.8}
</style>
<link rel="manifest" href="manifest.json">
<meta name="theme-color" content="#0057b8">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="apple-mobile-web-app-title" content="Purelux Labs">
<link rel="apple-touch-icon" sizes="180x180" href="icon-180.png?v=2">
<link rel="apple-touch-icon" sizes="152x152" href="icon-152.png?v=2">
<link rel="apple-touch-icon" sizes="120x120" href="icon-120.png?v=2">
</head>
<body>
<div id="tiktok-banner" style="display:none;position:fixed;top:0;left:0;right:0;z-index:9999;background:#0057b8;padding:14px 20px;text-align:center;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:1px;color:#fff;line-height:1.6">
  📱 To open WhatsApp &amp; Email links, tap <strong>···</strong> (top right) → <strong>"Open in browser"</strong>
  <button onclick="document.getElementById('tiktok-banner').style.display='none'" style="background:none;border:1px solid rgba(255,255,255,0.4);color:#fff;font-family:'JetBrains Mono',monospace;font-size:10px;padding:4px 10px;border-radius:4px;cursor:pointer;margin-left:12px">DISMISS</button>
</div>
<script>
// Detect TikTok / Instagram / Facebook in-app browser
(function(){
  var ua = navigator.userAgent || '';
  var isInApp = /TikTok|musical_ly|Instagram|FBAN|FBAV|FB_IAB|FB4A|BytedanceWebview/i.test(ua);
  if(isInApp){
    document.getElementById('tiktok-banner').style.display='block';
    document.body.style.paddingTop='80px';
  }
})();
</script>
<canvas id="hex-bg"></canvas>

<div class="wrap">

  <!-- LOGO -->
  <div class="logo-wrap">
    <img src="purelux-logo.png" alt="Purelux Labs">
  </div>
  <div class="handle">@pureluxlabs</div>
  <p class="bio">Australian research peptides. 99%+ HPLC purity. COA with every order. Same-day Sydney dispatch.</p>
  <div class="badges">
    <span class="badge">✓ 99%+ PURITY</span>
    <span class="badge">✓ COA INCLUDED</span>
    <span class="badge">✓ SAME-DAY DISPATCH</span>
  </div>

  <!-- MAIN LINKS -->
  <div class="div-label">SHOP & ORDER</div>
  <div class="links">

    <a href="https://pureluxlabs.com.au/shop.html" class="link-card primary">
      <div class="link-icon blue">
        <svg viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><circle cx="9" cy="21" r="1"/><circle cx="20" cy="21" r="1"/><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"/></svg>
      </div>
      <div class="link-text">
        <div class="link-title">SHOP ALL PEPTIDES</div>
        <div class="link-sub">Retatrutide · GHK-CU · BPC-157 · MOTS-C</div>
      </div>
      <div class="link-arrow">›</div>
    </a>

    <a href="https://pureluxlabs.com.au/product.html?p=retatrutide" class="link-card">
      <div class="link-icon blue">
        <svg viewBox="0 0 24 24" fill="none" stroke="#4a9eff" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M9 3H5a2 2 0 0 0-2 2v4m6-6h10a2 2 0 0 1 2 2v4M9 3v18m0 0h10a2 2 0 0 0 2-2v-4M9 21H5a2 2 0 0 1-2-2v-4m0 0h18"/></svg>
      </div>
      <div class="link-text">
        <div class="link-title">RETATRUTIDE</div>
        <div class="link-sub">Triple GIP/GLP-1/Glucagon · From $189 AUD</div>
      </div>
      <div class="link-arrow">›</div>
    </a>

    <a href="https://pureluxlabs.com.au/product.html?p=ghkcu" class="link-card">
      <div class="link-icon purple">
        <svg viewBox="0 0 24 24" fill="none" stroke="#8b5cf6" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M8 14s1.5 2 4 2 4-2 4-2"/><line x1="9" y1="9" x2="9.01" y2="9"/><line x1="15" y1="9" x2="15.01" y2="9"/></svg>
      </div>
      <div class="link-text">
        <div class="link-title">GHK-CU</div>
        <div class="link-sub">Copper Peptide · 100MG · $149 AUD</div>
      </div>
      <div class="link-arrow">›</div>
    </a>

    <a href="https://pureluxlabs.com.au/product.html?p=wolverine" class="link-card green-card">
      <div class="link-icon" style="background:rgba(0,232,122,0.1)">
        <svg viewBox="0 0 24 24" fill="none" stroke="#00e87a" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
      </div>
      <div class="link-text">
        <div class="link-title">WOLVERINE STACK</div>
        <div class="link-sub">BPC-157 + TB-500 · $169 AUD</div>
      </div>
      <div class="link-arrow">›</div>
    </a>

  </div>

  <!-- TOOLS -->
  <div class="div-label">TOOLS & INFO</div>
  <div class="links">

    <a href="https://pureluxlabs.com.au/quiz.html" class="link-card">
      <div class="link-icon orange">
        <svg viewBox="0 0 24 24" fill="none" stroke="#ff9500" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>
      </div>
      <div class="link-text">
        <div class="link-title">FIND MY PEPTIDE</div>
        <div class="link-sub">3-question quiz · Instant result</div>
      </div>
      <div class="link-arrow">›</div>
    </a>

    <a href="https://pureluxlabs.com.au/calculator.html" class="link-card">
      <div class="link-icon teal">
        <svg viewBox="0 0 24 24" fill="none" stroke="#00d4aa" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="2" width="16" height="20" rx="2"/><line x1="8" y1="6" x2="16" y2="6"/><line x1="8" y1="10" x2="10" y2="10"/><line x1="14" y1="10" x2="16" y2="10"/><line x1="8" y1="14" x2="10" y2="14"/><line x1="14" y1="14" x2="16" y2="14"/></svg>
      </div>
      <div class="link-text">
        <div class="link-title">PEPTIDE CALCULATOR</div>
        <div class="link-sub">Reconstitution volumes · Dosage guide</div>
      </div>
      <div class="link-arrow">›</div>
    </a>

    <a href="https://pureluxlabs.com.au/coa.html" class="link-card">
      <div class="link-icon blue">
        <svg viewBox="0 0 24 24" fill="none" stroke="#4a9eff" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/></svg>
      </div>
      <div class="link-text">
        <div class="link-title">LAB RESULTS (COA)</div>
        <div class="link-sub">HPLC certificates · Janoshik Analytical</div>
      </div>
      <div class="link-arrow">›</div>
    </a>

    <a href="https://pureluxlabs.com.au/track.html" class="link-card">
      <div class="link-icon" style="background:rgba(255,255,255,0.06)">
        <svg viewBox="0 0 24 24" fill="none" stroke="rgba(255,255,255,0.5)" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
      </div>
      <div class="link-text">
        <div class="link-title">TRACK MY ORDER</div>
        <div class="link-sub">AusPost Express tracking</div>
      </div>
      <div class="link-arrow">›</div>
    </a>

  </div>

  <!-- CONTACT -->
  <div class="div-label">CONTACT US</div>
  <div class="links">

    <a href="https://pureluxlabs.com.au/contact.html" class="link-card">
      <div class="link-icon blue">
        <svg viewBox="0 0 24 24" fill="none" stroke="#4a9eff" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
      </div>
      <div class="link-text">
        <div class="link-title">CONTACT US</div>
        <div class="link-sub">Live chat · Email · General enquiries</div>
      </div>
      <div class="link-arrow">›</div>
    </a>

    <div class="link-card" onclick="openEmail()" style="cursor:pointer">
      <div class="link-icon orange">
        <svg viewBox="0 0 24 24" fill="none" stroke="#ff9500" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
      </div>
      <div class="link-text">
        <div class="link-title">EMAIL US</div>
        <div class="link-sub" id="email-copied">TAP TO COPY · pureluxlabsaustralia@gmail.com</div>
      </div>
      <div class="link-arrow">⎘</div>
    </div>

    <div class="link-card" onclick="openWA()" style="cursor:pointer">
      <div class="link-icon" style="background:rgba(37,211,102,0.1)">
        <svg viewBox="0 0 24 24" fill="#25d366" xmlns="http://www.w3.org/2000/svg"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413z"/></svg>
      </div>
      <div class="link-text">
        <div class="link-title">WHATSAPP</div>
        <div class="link-sub" id="wa-copied">TAP TO COPY · +61 432 784 676</div>
      </div>
      <div class="link-arrow">⎘</div>
    </div>

  </div>

  <!-- SOCIAL -->
  <div class="div-label">FOLLOW US</div>
  <div class="social-row">
    <a href="https://www.tiktok.com/@pureluxlabs" class="social-btn" target="_blank" aria-label="TikTok">
      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-2.88 2.5 2.89 2.89 0 0 1-2.89-2.89 2.89 2.89 0 0 1 2.89-2.89c.28 0 .54.04.79.1V9.01a6.33 6.33 0 0 0-.79-.05 6.34 6.34 0 0 0-6.34 6.34 6.34 6.34 0 0 0 6.34 6.34 6.34 6.34 0 0 0 6.33-6.34V8.69a8.18 8.18 0 0 0 4.79 1.54V6.78a4.85 4.85 0 0 1-1.02-.09z"/></svg>
    </a>
    <a href="https://www.instagram.com/pureluxlabs" class="social-btn" target="_blank" aria-label="Instagram">
      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 0 0 0-12.324zM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6.406-11.845a1.44 1.44 0 1 0 0 2.881 1.44 1.44 0 0 0 0-2.881z"/></svg>
    </a>
    <a href="mailto:pureluxlabsaustralia@gmail.com" target="_blank" rel="noopener" class="social-btn" aria-label="Email">
      <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg>
    </a>
  </div>

  <div class="foot">
    pureluxlabs.com.au<br>
    All products for research use only · Sydney, Australia
  </div>

</div>

<script>
(function(){
  var c=document.getElementById('hex-bg'),ctx=c.getContext('2d');
  function resize(){c.width=window.innerWidth;c.height=window.innerHeight;}
  resize();window.addEventListener('resize',resize);
  var t=0;
  function hexPath(cx,cy,r){ctx.beginPath();for(var i=0;i<6;i++){var a=Math.PI/180*(60*i-30);ctx.lineTo(cx+r*Math.cos(a),cy+r*Math.sin(a));}ctx.closePath();}
  function draw(){
    var W=c.width,H=c.height;ctx.clearRect(0,0,W,H);t+=0.008;
    var r=26,xs=r*1.75,ys=r*1.52;
    for(var row=-1;row<Math.ceil(H/ys)+2;row++){
      for(var col=-1;col<Math.ceil(W/xs)+2;col++){
        var cx=col*xs+(row%2?xs/2:0),cy=row*ys;
        var wave=Math.sin(t-Math.sqrt(Math.pow(cx-W/2,2)+Math.pow(cy-H/2,2))*0.025)*0.5+0.5;
        var g=(col+row)%2===0;
        ctx.strokeStyle=g?'rgba(0,184,87,'+(0.04+wave*0.1)+')':'rgba(0,87,184,'+(0.04+wave*0.12)+')';
        ctx.lineWidth=0.7;hexPath(cx,cy,r-1);ctx.stroke();
      }
    }
    requestAnimationFrame(draw);
  }
  draw();
})();
</script>
<script>
if('serviceWorker' in navigator){
  window.addEventListener('load', function(){
    navigator.serviceWorker.register('/sw.js')
      .then(function(r){ console.log('SW registered'); })
      .catch(function(e){ console.log('SW failed:', e); });
  });
}
</script>
</body>
</html>
