<!-- WordPress Landing Page Template for SofaScore Affiliate -->
<!DOCTYPE html>
<html lang="ar">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>حمل تطبيق SofaScore الآن</title>
    <style>
        body {
            margin: 0;
            font-family: 'Tajawal', sans-serif;
            background: #f8f9fa;
            color: #222;
            text-align: center;
        }
        header {
            background: linear-gradient(135deg, #005bea, #00c6fb);
            color: white;
            padding: 20px;
        }
        h1 {
            font-size: 28px;
        }
        p {
            font-size: 18px;
            margin-top: 10px;
        }
        .buttons {
            margin: 30px 0;
        }
        .btn {
            display: inline-block;
            background: #28a745;
            color: white;
            padding: 15px 25px;
            margin: 10px;
            font-size: 18px;
            border-radius: 8px;
            text-decoration: none;
            transition: 0.3s ease;
        }
        .btn.ios {
            background: #007bff;
        }
        .btn:hover {
            opacity: 0.8;
        }
        .screenshot {
            max-width: 300px;
            margin-top: 20px;
            border: 2px solid #ccc;
            border-radius: 10px;
        }
        footer {
            margin-top: 40px;
            padding: 15px;
            background: #eee;
            font-size: 14px;
        }
            .phone-mockup{display:flex;justify-content:center;margin:10px 0 30px}
        .phone-frame{width:320px;height:600px;background:#0b1e3a;border-radius:28px;box-shadow:0 12px 30px rgba(0,0,0,.25);padding:16px;color:#fff;position:relative}
        .statusbar{display:flex;justify-content:space-between;font-size:12px;opacity:.8;margin-bottom:6px}
        .app-header{display:flex;justify-content:space-between;align-items:center;background:#122a55;border-radius:12px;padding:10px 12px;margin-bottom:12px}
        .app-header .logo{font-weight:700}
        .app-header .live{background:#e53935;color:#fff;border-radius:8px;padding:2px 8px;font-size:12px}
        .match-card{background:#11264d;border-radius:16px;padding:14px}
        .teams{display:flex;justify-content:space-between;align-items:center;font-size:16px;margin-bottom:8px}
        .score{font-weight:700;font-size:18px}
        .event{background:#0f2142;border-radius:10px;padding:8px 10px;margin:6px 0;font-size:14px}
        .event.goal{border:1px solid #2ecc71}
        .event.assist{border:1px dashed #5dade2;opacity:.95}
        .minute{opacity:.8;margin-right:6px}
        .timeline{display:flex;gap:8px;justify-content:center;margin-top:10px}
        .dot{width:7px;height:7px;border-radius:50%;background:#244a86;opacity:.6}
        .dot.active{background:#2ecc71;opacity:1}
        .cta-strip{position:absolute;left:16px;right:16px;bottom:16px;background:#0e2244;border-radius:12px;padding:10px;font-size:13px;text-align:center;border:1px solid #1f3f7a}
    </style>
</head>
<body>
    <header>
        <h1>⚽ تابع كل مبارياتك لحظة بلحظة</h1>
        <p>واحصل على الإشعارات الفورية للأهداف والإحصائيات الدقيقة لكل الفرق واللاعبين</p>
    </header>

    <div class="buttons">
        <a class="btn android" href="https://app.sofascore.com/nixz/hegazy" target="_blank">📲 تحميل للأندرويد</a>
        <a class="btn ios" href="https://app.sofascore.com/nixz/hegazy" target="_blank">🍏 تحميل للآيفون</a>
    </div>

        <div class="phone-mockup" aria-label="تنبيه هدف من داخل التطبيق">
        <div class="phone-frame">
            <div class="statusbar">
                <span>9:41</span>
                <span>LTE • 100%</span>
            </div>
            <div class="app-header">
                <div class="logo">SofaScore</div>
                <div class="live">LIVE</div>
            </div>
            <div class="match-card">
                <div class="teams">
                    <span>ليفربول</span>
                    <span class="score">1 - 0</span>
                    <span>تشيلسي</span>
                </div>
                <div class="event goal">
                    <strong>هدف! محمد صلاح</strong>
                    <span class="minute">'23</span>
                </div>
                <div class="event assist">
                    صناعة: داروين نونيز
                </div>
                <div class="timeline">
                    <span class="dot active"></span>
                    <span class="dot"></span>
                    <span class="dot"></span>
                    <span class="dot"></span>
                </div>
            </div>
            <div class="cta-strip">
                استلم إشعارات الأهداف فورًا – حمّل التطبيق الآن
            </div>
        </div>
    </div>

    <footer>
        <p>© 2025 - لن يفوتك أي هدف بعد اليوم مع SofaScore</p>
    </footer>
</body>
</html>