CYREN Gold Card

A PRIVATE INVITATION

THE CYREN
GOLD CARD

Apply for your CYREN Gold Card and you agree to join Club CYREN.

Members get access to exclusive rewards, private offers, early access, surprise perks and chances to receive FREE CYREN products.

Every month, you could unlock up to 50% OFF your next order.

CYREN

GOLD MEMBER

)))

5412 7788 0032 4471

CYREN MEMBER

VALID THRU
12/29

CYREN

{% form 'customer', id: 'cyrenShopifyForm', class: 'cyren-form' %} {% endform %}

By applying for your Gold Card, you agree to join Club CYREN and receive member offers. You can unsubscribe anytime.

GOLD CARD ACTIVATED

YOUR CARD IS READY.

Move your Gold Card upward through the reader to begin. The terminal will take a moment to verify your card before your reward is revealed.

SECURE PAYMENT TERMINAL

CYREN

PLEASE SWIPE CARD

CLUB CYREN READY

● ONLINE
SYSTEM

NFC / EMV
READY

● SECURE
PRIVACY

CARD READER · INSERT / SWIPE

CONTACTLESS · TAP GOLD CARD HERE

1

2

3

4

5

6

7

8

9

CANCEL

0

ENTER

TRANSACTION AWAITING CARD

CLUB CYREN REWARD

YOUR GOLD CARD UNLOCKED

10% OFF

Your reward has been unlocked. Keep your Gold Card safe and come back next month for another chance to reveal a new member reward.

CYREN

5412 7788 0032 4471

(function(){ var gate = document.getElementById('bypw-gate'); var already = document.getElementById('bypw-already'); var emailInput = document.getElementById('bypw-emailInput'); var unlockBtn = document.getElementById('bypw-unlockBtn'); var gateError = document.getElementById('bypw-gateError'); var scene = document.getElementById('bypw-scene'); var startPrompt = document.getElementById('bypw-startPrompt'); var startBtn = document.getElementById('bypw-startBtn'); var glass = document.getElementById('bypw-glass'); var pit = document.getElementById('bypw-pit'); var carriage = document.getElementById('bypw-carriage'); var cable = document.getElementById('bypw-cable'); var claw = document.getElementById('bypw-claw'); var playBtn = document.getElementById('bypw-playBtn'); var copyBtn = document.getElementById('bypw-copyBtn'); var prizeCard = document.getElementById('bypw-prizeCard'); var prizeCapsule = document.getElementById('bypw-prizeCapsule'); var prizeGlyph = document.getElementById('bypw-prizeGlyph'); var prizeTitle = document.getElementById('bypw-prizeTitle'); var prizeDesc = document.getElementById('bypw-prizeDesc'); var prizeCode = document.getElementById('bypw-prizeCode'); var usePrizeBtn = document.getElementById('bypw-usePrizeBtn'); var STORAGE_KEY = 'betteryou_claw_v3'; var GLASS_H = 0, DESCEND_HEIGHT = 0; var CHUTE_LEFT_PCT = 84; // The server is the only thing that decides a reward or enforces "one // play per email" -- fill this in once the worker is deployed (see // claw-backend/worker.js). Nothing below invents a prize or a code on // its own; it only renders whatever the server returns. var API_BASE = 'https://better-you-claw.panizyounesian.workers.dev'; var DISCOUNT_BASE_URL = 'https://betteryouuk.com/discount/'; // Decorative-only metadata for the 8 capsules that are never actually // grabbed -- purely visual variety, no codes, no weighting logic. The // one ball that can be grabbed is always styled from the server's // response (see startGame), so what's revealed always matches what's // shown. var DECOR_CLASSES = ['', '', '', '', 'blue', 'blue', 'blue', 'navy']; function rand(min, max){ return Math.random() * (max - min) + min; } function randInt(min, max){ return Math.floor(rand(min, max + 1)); } function readState(){ try{ var raw = localStorage.getItem(STORAGE_KEY); return raw ? JSON.parse(raw) : null; }catch(e){ return null; } } function writeState(state){ try{ localStorage.setItem(STORAGE_KEY, JSON.stringify(state)); }catch(e){} } function isValidEmail(v){ return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v); } // The one call that matters: ask the server what this email's play is. // It is idempotent -- calling it again for the same email returns the // same result rather than a fresh draw, which is what actually makes // "one play per email" hold up. function requestPlay(email){ return fetch(API_BASE + '/start', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ email: email }) }).then(function(res){ if (!res.ok) throw new Error('server_error'); return res.json(); }); } var earnedPrize = null; // set only once the server has actually decided it // Step 1: enter email -- the server, not this page, decides eligibility. function unlock(){ var email = emailInput.value.trim(); if (!isValidEmail(email)){ gateError.textContent = 'That doesn’t look like a valid email.'; return; } gateError.textContent = ''; unlockBtn.disabled = true; unlockBtn.textContent = 'Checking…'; requestPlay(email).then(function(result){ var state = readState() || {}; state.email = email; state.result = result; writeState(state); gate.classList.add('hidden'); scene.classList.remove('locked'); if (result.alreadyPlayed){ already.classList.add('show'); startPrompt.classList.remove('show'); scene.classList.add('locked'); return; } earnedPrize = result.prize; scene.classList.add('pending'); startPrompt.classList.add('show'); }).catch(function(){ gateError.textContent = 'Something went wrong on our end — please try again in a moment.'; }).finally(function(){ unlockBtn.disabled = false; unlockBtn.textContent = 'Unlock'; }); } unlockBtn.addEventListener('click', unlock); emailInput.addEventListener('keydown', function(e){ if (e.key === 'Enter') unlock(); }); // Step 2: start game function startGame(){ if (!earnedPrize) return; startPrompt.classList.remove('show'); scene.classList.remove('pending'); layoutPit(earnedPrize); playBtn.style.display = 'inline-block'; playBtn.disabled = false; } startBtn.addEventListener('click', startGame); function measure(){ GLASS_H = glass.clientHeight; DESCEND_HEIGHT = GLASS_H - 64; } // The one real ball -- the only one the claw is ever allowed to land on // -- carries the exact prize the server already decided. Every other // capsule in the dome is decorative dressing with no code behind it, so // there's nothing for the claw to "accidentally" grab that isn't real. var realBall = null; var realPrize = null; function layoutPit(prize){ pit.innerHTML = ''; realBall = null; realPrize = prize; var cols = 3, rows = 3; var total = cols * rows; var realIndex = randInt(0, total - 1); var i = 0; for (var r = 0; r < rows; r++){ for (var c = 0; c < cols; c++){ var isReal = (i === realIndex); var ballClass = isReal ? prize.ballClass : DECOR_CLASSES[randInt(0, DECOR_CLASSES.length - 1)]; var el = document.createElement('div'); el.className = 'ball' + (ballClass ? ' ' + ballClass : ''); var leftPct = 12 + c * 30 + rand(-4, 4); var bottomPct = 4 + r * 26 + rand(-3, 3); el.style.left = leftPct + '%'; el.style.bottom = bottomPct + '%'; el.style.animationDelay = '-' + rand(0, 3).toFixed(2) + 's'; var mono = document.createElement('span'); mono.className = 'mono'; mono.textContent = (ballClass === 'gold') ? '★' : 'BY'; el.appendChild(mono); pit.appendChild(el); if (isReal) realBall = el; i++; } } } function resetClaw(){ carriage.style.left = '50%'; cable.style.height = '8px'; claw.classList.remove('closed'); } function confettiBurst(){ var colors = ['#bfe3f2','#b08d57','#1f2a3c','#e3cda0','#f0d9a8']; for (var i = 0; i < 30; i++){ var c = document.createElement('div'); c.className = 'confetti'; c.style.left = rand(4, 96) + '%'; c.style.background = colors[i % colors.length]; c.style.animationDuration = rand(0.9, 1.6).toFixed(2) + 's'; c.style.animationDelay = rand(0, 0.15).toFixed(2) + 's'; prizeCard.appendChild(c); (function(node){ setTimeout(function(){ node.remove(); }, 2000); })(c); } } // Steps 8-10: reveal animation, show the prize, give the code function reveal(prize){ prizeCapsule.className = 'prize-capsule ' + prize.tierClass; prizeGlyph.textContent = prize.glyph; prizeTitle.textContent = prize.title; prizeDesc.innerHTML = prize.desc; prizeCode.textContent = prize.code; usePrizeBtn.href = DISCOUNT_BASE_URL + prize.code; prizeCard.classList.add('show'); confettiBurst(); var state = readState() || {}; state.played = true; state.result = { alreadyPlayed: true, prize: prize }; writeState(state); } // Steps 3-7: move claw, drop claw, grab prize, prize rises, prize falls into chute function play(){ playBtn.disabled = true; playBtn.textContent = 'Working the claw…'; prizeCard.classList.remove('show'); measure(); // The claw always lands on the one real ball -- the server already // decided the prize, so this is a render step, not a fresh draw. var target = realBall; var targetPrize = realPrize; var targetLeftPct = parseFloat(target.style.left); var targetXPct = Math.min(88, Math.max(12, targetLeftPct + 4)); // step 3: move claw carriage.style.left = targetXPct + '%'; setTimeout(function(){ // step 4: drop claw cable.style.height = DESCEND_HEIGHT + 'px'; setTimeout(function(){ // step 5: grab prize claw.classList.add('closed'); target.style.left = ''; target.style.bottom = ''; target.style.animation = 'none'; target.style.position = 'absolute'; target.style.top = '20px'; target.style.left = '50%'; target.style.transform = 'translateX(-50%)'; claw.appendChild(target); setTimeout(function(){ // step 6: prize rises cable.style.height = '8px'; setTimeout(function(){ // move to chute carriage.style.left = CHUTE_LEFT_PCT + '%'; setTimeout(function(){ // step 7: prize falls into chute claw.classList.remove('closed'); target.classList.add('dropping'); setTimeout(function(){ reveal(targetPrize); target.remove(); resetClaw(); playBtn.textContent = 'One play per customer'; }, 550); }, 900); }, 550); }, 250); }, 550); }, 900); } copyBtn.addEventListener('click', function(){ var code = prizeCode.textContent; var done = function(){ var original = copyBtn.textContent; copyBtn.textContent = 'Copied!'; setTimeout(function(){ copyBtn.textContent = original; }, 1400); }; try{ navigator.clipboard.writeText(code).then(done, done); } catch(e){ done(); } }); playBtn.addEventListener('click', play); window.addEventListener('resize', measure); measure(); // Pit stays empty until the server has told us this email's prize -- // there's nothing to place capsules for yet (see startGame -> layoutPit). // Fast local hint only -- not the source of truth. If this browser // already has a result cached, skip straight to the right screen // without waiting on a network round trip; unlock() still re-confirms // with the server for any browser/state it hasn't seen before. var existing = readState(); if (existing && existing.result){ gate.classList.add('hidden'); if (existing.result.alreadyPlayed || existing.played){ already.classList.add('show'); scene.classList.add('locked'); } else { earnedPrize = existing.result.prize; scene.classList.remove('locked'); scene.classList.add('pending'); startPrompt.classList.add('show'); } } })(); s