<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Download Batua Wallet</title>
    
    <meta name="description" content="Sinple & Safe ডিজিটাল পেমেন্ট সেবা।">
SI
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://mfudevlop.top/batua/app_link/">
    <meta property="og:title" content="Batua Wallet - Download APK">
    <meta property="og:description" content=" Sinple & Safe ডিজিটাল পেমেন্ট সেবা। সরাসরি APK ডাউনলোড করতে এখানে ক্লিক করুন।">
    <meta property="og:image" content="https://mfudevlop.top/batua/app_link/logo.png">
    <meta property="og:image:width" content="1200">
    <meta property="og:image:height" content="630">

    <meta property="twitter:card" content="summary_large_image">
    <meta property="twitter:url" content="https://mfudevlop.top/batua/app_link/">
    <meta property="twitter:title" content="Batua Wallet - Download APK">
    <meta property="twitter:description" content="সাভারবাসীর জন্য দ্রুত ও নিরাপদ ডিজিটাল পেমেন্ট সেবা।">
    <meta property="twitter:image" content="https://mfudevlop.top/batua/app_link/logo.png">

    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap" rel="stylesheet">
    
    <style>
        body {
            margin: 0;
            padding: 0;
            font-family: 'Poppins', sans-serif;
            background: linear-gradient(135deg, #FF9800 0%, #F57C00 100%);
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
        }
        .download-card {
            background: #ffffff;
            width: 90%;
            max-width: 400px;
            padding: 40px 20px;
            border-radius: 30px;
            box-shadow: 0 15px 35px rgba(0,0,0,0.2);
            text-align: center;
        }
        .app-logo {
            width: 100px;
            height: 100px;
            border-radius: 20px;
            margin-bottom: 20px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
            object-fit: cover;
        }
        h2 { color: #212121; margin: 10px 0; font-weight: 700; }
        p { color: #666; font-size: 14px; margin-bottom: 30px; }
        
        .qr-section {
            background: #f9f9f9;
            padding: 15px;
            border-radius: 20px;
            display: inline-block;
            margin-bottom: 25px;
            border: 1px dashed #ddd;
        }
        .qr-code {
            width: 150px;
            height: 150px;
        }
        .qr-text {
            font-size: 12px;
            color: #888;
            margin-top: 8px;
            font-weight: 600;
        }

        .btn-download {
            display: block;
            background: #212121;
            color: #fff;
            text-decoration: none;
            padding: 15px 30px;
            border-radius: 50px;
            font-weight: 600;
            font-size: 16px;
            transition: all 0.3s ease;
            box-shadow: 0 10px 20px rgba(0,0,0,0.15);
        }
        .btn-download:hover {
            transform: translateY(-3px);
            background: #444;
            box-shadow: 0 12px 25px rgba(0,0,0,0.2);
        }
        .version {
            margin-top: 20px;
            font-size: 12px;
            color: #bbb;
        }
    </style>
</head>
<body>

    <div class="download-card">
        <img src="https://mfudevlop.top/batua/app_link/logo.png" alt="Batua Logo" class="app-logo">
        
        <h2>Batua Wallet</h2>
        <p>Simple & Safe Payment Solution</p>

        <div class="qr-section">
           <img src="https://api.qrserver.com/v1/create-qr-code/?size=200x200&data=https://mfudevlop.top/batua/app_link/batua_wallet.apk" alt="Scan to Download" class="qr-code">
           <div class="qr-text">Scan QR to Download</div>
        </div>

        <a href="https://mfudevlop.top/batua/app_link/batua_wallet.apk" class="btn-download">Download APK</a>

        <div class="version">Version 2.0.1 (Stable)</div>
    </div>

</body>
</html>