{"id":13,"date":"2026-08-04T09:45:55","date_gmt":"2026-08-04T09:45:55","guid":{"rendered":"https:\/\/99bbet-pk.app\/?page_id=13"},"modified":"2026-08-04T09:57:20","modified_gmt":"2026-08-04T09:57:20","slug":"homepage","status":"publish","type":"page","link":"https:\/\/99bbet-pk.app\/","title":{"rendered":"HomePage"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/99bbet-pk.app\/wp-content\/uploads\/2026\/08\/86e82ae3-73d2-450d-bc29-a0f6f8a9a06d-1024x683.png\" alt=\"\" class=\"wp-image-21\" srcset=\"https:\/\/99bbet-pk.app\/wp-content\/uploads\/2026\/08\/86e82ae3-73d2-450d-bc29-a0f6f8a9a06d-1024x683.png 1024w, https:\/\/99bbet-pk.app\/wp-content\/uploads\/2026\/08\/86e82ae3-73d2-450d-bc29-a0f6f8a9a06d-300x200.png 300w, https:\/\/99bbet-pk.app\/wp-content\/uploads\/2026\/08\/86e82ae3-73d2-450d-bc29-a0f6f8a9a06d-768x512.png 768w, https:\/\/99bbet-pk.app\/wp-content\/uploads\/2026\/08\/86e82ae3-73d2-450d-bc29-a0f6f8a9a06d.png 1536w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n<!-- Khu v\u1ef1c Hero Banner Website H\u01b0\u1edbng D\u1eabn Betting - Th\u1ecb tr\u01b0\u1eddng Pakistan (UI\/UX Optimized) -->\n<section class=\"bbet-hero\">\n    <div class=\"bbet-hero-container\">\n        <!-- N\u1ed9i dung b\u00ean tr\u00e1i -->\n        <div class=\"bbet-hero-content\">\n            <div class=\"hero-badge-wrapper\">\n                <span class=\"hero-badge\">\u2b50 Pakistan&#8217;s #1 Betting Guide Hub<\/span>\n            <\/div>\n            <h1>Play Smart, Win Big with <span class=\"brand-highlight\">99BBET<\/span><\/h1>\n            <p>Master top-tier betting strategies, explore verified PKR bookmakers, and navigate safe payment methods designed specifically for the Pakistani market to maximize your winning edge.<\/p>\n            \n            <div class=\"hero-buttons\">\n                <a href=\"#strategies\" class=\"bbet-btn-primary\">\n                    <span>Explore Strategies<\/span>\n                    <svg class=\"btn-icon\" viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" stroke=\"currentColor\" stroke-width=\"2.5\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\n                <\/a>\n                <a href=\"#register\" class=\"bbet-btn-secondary\">Join Guide Free<\/a>\n            <\/div>\n\n            <!-- Th\u1ed1ng k\u00ea nhanh \/ \u0110i\u1ec3m nh\u1ea5n tin c\u1eady -->\n            <div class=\"hero-stats\">\n                <div class=\"stat-item\">\n                    <span class=\"stat-num\">100%<\/span>\n                    <span class=\"stat-label\">Verified Reviews<\/span>\n                <\/div>\n                <div class=\"stat-divider\"><\/div>\n                <div class=\"stat-item\">\n                    <span class=\"stat-num\">24\/7<\/span>\n                    <span class=\"stat-label\">PKR Support<\/span>\n                <\/div>\n                <div class=\"stat-divider\"><\/div>\n                <div class=\"stat-item\">\n                    <span class=\"stat-num\">18+<\/span>\n                    <span class=\"stat-label\">Play Responsibly<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Kh\u1ed1i h\u00ecnh \u1ea3nh \/ \u0110\u1ed3 h\u1ecda b\u00ean ph\u1ea3i (M\u00f4 ph\u1ecfng 3D Badge & Logo) -->\n        <div class=\"bbet-hero-visual\">\n            <div class=\"hero-card-glow\"><\/div>\n            <div class=\"hero-floating-elements\">\n                <div class=\"floating-pill pill-1\">\ud83c\uddf5\ud83c\uddf0 PKR Friendly<\/div>\n                <div class=\"floating-pill pill-2\">\u26a1 Fast Guides<\/div>\n            <\/div>\n            <div class=\"bbet-hero-badge-box\">\n                <div class=\"badge-crown-wrapper\">\n                    <div class=\"badge-crown\">\ud83d\udc51<\/div>\n                <\/div>\n                <div class=\"badge-number\">99<span>BBET<\/span><\/div>\n                <div class=\"badge-divider\"><\/div>\n                <div class=\"badge-slogan\">PLAY SMART \u2022 WIN BIG<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- Kh\u1ed1i CSS t\u00f9y ch\u1ec9nh c\u1ea3i thi\u1ec7n UI\/UX -->\n<style>\n    :root {\n        --bbet-gold: #FFD700;\n        --bbet-gold-dark: #CCA100;\n        --bbet-green: #00B050;\n        --bbet-green-light: #00e664;\n        --bbet-dark: #0A0A0A;\n        --bbet-darker: #050505;\n        --bbet-card-bg: #111111;\n        --bbet-silver: #E0E0E0;\n        --bbet-gray: #A0A0A0;\n    }\n\n    .bbet-hero {\n        position: relative;\n        background: radial-gradient(circle at 80% 20%, rgba(0, 176, 80, 0.08) 0%, transparent 40%),\n                    linear-gradient(135deg, var(--bbet-darker) 0%, var(--bbet-dark) 100%);\n        padding: 90px 20px;\n        overflow: hidden;\n        border-bottom: 2px solid rgba(255, 215, 0, 0.15);\n        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    }\n\n    \/* \u0110\u00e8n n\u1ec1n trang tr\u00ed tinh t\u1ebf h\u01a1n *\/\n    .bbet-hero::before {\n        content: '';\n        position: absolute;\n        top: -100px;\n        right: -100px;\n        width: 500px;\n        height: 500px;\n        background: radial-gradient(circle, rgba(0, 176, 80, 0.15) 0%, transparent 65%);\n        z-index: 1;\n        pointer-events: none;\n    }\n\n    .bbet-hero::after {\n        content: '';\n        position: absolute;\n        bottom: -100px;\n        left: -100px;\n        width: 400px;\n        height: 400px;\n        background: radial-gradient(circle, rgba(255, 215, 0, 0.08) 0%, transparent 65%);\n        z-index: 1;\n        pointer-events: none;\n    }\n\n    .bbet-hero-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        display: grid;\n        grid-template-columns: 1.1fr 0.9fr;\n        gap: 50px;\n        align-items: center;\n        position: relative;\n        z-index: 2;\n    }\n\n    \/* N\u1ed9i dung v\u0103n b\u1ea3n & Typography t\u1ed1i \u01b0u \u0111\u1ed9 tho\u00e1ng *\/\n    .hero-badge-wrapper {\n        display: inline-block;\n        margin-bottom: 22px;\n    }\n\n    .hero-badge {\n        display: inline-flex;\n        align-items: center;\n        background: linear-gradient(135deg, rgba(255, 215, 0, 0.12), rgba(255, 215, 0, 0.04));\n        border: 1px solid rgba(255, 215, 0, 0.35);\n        color: var(--bbet-gold);\n        padding: 8px 16px;\n        border-radius: 30px;\n        font-size: 13px;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        box-shadow: 0 4px 12px rgba(0,0,0,0.3);\n    }\n\n    .bbet-hero-content h1 {\n        font-size: 46px;\n        font-weight: 900;\n        color: #fff;\n        line-height: 1.18;\n        margin-bottom: 22px;\n        letter-spacing: -0.5px;\n    }\n\n    .bbet-hero-content h1 .brand-highlight {\n        background: linear-gradient(135deg, var(--bbet-gold) 20%, var(--bbet-green-light) 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        filter: drop-shadow(0 2px 10px rgba(0,176,80,0.3));\n    }\n\n    .bbet-hero-content p {\n        font-size: 16px;\n        color: var(--bbet-silver);\n        margin-bottom: 35px;\n        line-height: 1.65;\n        max-width: 580px;\n    }\n\n    \/* Nh\u00f3m n\u00fat b\u1ea5m CTA c\u1ea3i ti\u1ebfn tr\u1ea3i nghi\u1ec7m t\u01b0\u01a1ng t\u00e1c (Micro-interactions) *\/\n    .hero-buttons {\n        display: flex;\n        gap: 16px;\n        margin-bottom: 45px;\n        flex-wrap: wrap;\n    }\n\n    .bbet-btn-primary {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        background: linear-gradient(135deg, var(--bbet-gold), var(--bbet-gold-dark));\n        color: #0A0A0A;\n        padding: 14px 28px;\n        border-radius: 35px;\n        font-weight: 800;\n        font-size: 14px;\n        text-decoration: none;\n        text-transform: uppercase;\n        box-shadow: 0 6px 20px rgba(255, 215, 0, 0.35);\n        transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n        letter-spacing: 0.5px;\n    }\n\n    .bbet-btn-primary:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 10px 25px rgba(255, 215, 0, 0.5);\n        background: linear-gradient(135deg, #ffe44d, var(--bbet-gold));\n    }\n\n    .bbet-btn-primary .btn-icon {\n        transition: transform 0.3s ease;\n    }\n\n    .bbet-btn-primary:hover .btn-icon {\n        transform: translateX(4px);\n    }\n\n    .bbet-btn-secondary {\n        display: inline-flex;\n        align-items: center;\n        background: rgba(255, 255, 255, 0.03);\n        border: 2px solid rgba(0, 176, 80, 0.6);\n        color: #fff;\n        padding: 14px 28px;\n        border-radius: 35px;\n        font-weight: 700;\n        font-size: 14px;\n        text-decoration: none;\n        text-transform: uppercase;\n        transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n        letter-spacing: 0.5px;\n    }\n\n    .bbet-btn-secondary:hover {\n        background: rgba(0, 176, 80, 0.12);\n        border-color: var(--bbet-green-light);\n        color: var(--bbet-gold);\n        transform: translateY(-3px);\n        box-shadow: 0 8px 20px rgba(0, 176, 80, 0.2);\n    }\n\n    \/* Th\u1ed1ng k\u00ea nhanh tinh ch\u1ec9nh alignment & ph\u00e2n c\u00e1ch \u0111\u1eb9p m\u1eaft *\/\n    .hero-stats {\n        display: flex;\n        align-items: center;\n        gap: 25px;\n        border-top: 1px solid rgba(255, 255, 255, 0.08);\n        padding-top: 30px;\n    }\n\n    .stat-item {\n        display: flex;\n        flex-direction: column;\n    }\n\n    .stat-num {\n        font-size: 22px;\n        font-weight: 900;\n        color: var(--bbet-gold);\n        letter-spacing: -0.5px;\n    }\n\n    .stat-label {\n        font-size: 12px;\n        color: var(--bbet-gray);\n        text-transform: uppercase;\n        font-weight: 600;\n        margin-top: 2px;\n    }\n\n    .stat-divider {\n        width: 1px;\n        height: 30px;\n        background: rgba(255, 255, 255, 0.1);\n    }\n\n    \/* Kh\u1ed1i \u0111\u1ed3 h\u1ecda b\u00ean ph\u1ea3i - Thi\u1ebft k\u1ebf n\u1ed5i kh\u1ed1i chi\u1ec1u s\u00e2u cao c\u1ea5p *\/\n    .bbet-hero-visual {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        position: relative;\n        min-height: 380px;\n    }\n\n    .hero-card-glow {\n        position: absolute;\n        width: 320px;\n        height: 320px;\n        background: radial-gradient(circle, rgba(255, 215, 0, 0.22) 0%, rgba(0, 176, 80, 0.08) 50%, transparent 75%);\n        border-radius: 50%;\n        z-index: 1;\n        filter: blur(15px);\n    }\n\n    \/* C\u00e1c th\u1ebb trang tr\u00ed nh\u1ecf tr\u00f4i n\u1ed5i t\u0103ng t\u00ednh sinh \u0111\u1ed9ng (UI UX Modern) *\/\n    .hero-floating-elements {\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        z-index: 3;\n        pointer-events: none;\n    }\n\n    .floating-pill {\n        position: absolute;\n        background: rgba(17, 17, 17, 0.85);\n        backdrop-filter: blur(8px);\n        border: 1px solid rgba(255, 215, 0, 0.25);\n        color: #fff;\n        padding: 8px 14px;\n        border-radius: 20px;\n        font-size: 11px;\n        font-weight: 700;\n        box-shadow: 0 8px 20px rgba(0,0,0,0.5);\n    }\n\n    .pill-1 {\n        top: 20px;\n        left: 10px;\n        animation: floatSlow 5s ease-in-out infinite;\n    }\n\n    .pill-2 {\n        bottom: 30px;\n        right: 10px;\n        animation: floatSlow 4s ease-in-out infinite 1s;\n    }\n\n    .bbet-hero-badge-box {\n        position: relative;\n        z-index: 2;\n        background: linear-gradient(145deg, #181818, #0c0c0c);\n        border: 2px solid;\n        border-image: linear-gradient(to bottom right, var(--bbet-gold), var(--bbet-green)) 1;\n        padding: 45px 55px;\n        border-radius: 24px;\n        text-align: center;\n        box-shadow: 0 20px 50px rgba(0,0,0,0.85), inset 0 0 25px rgba(255,215,0,0.08);\n        animation: floatBadge 4.5s ease-in-out infinite;\n    }\n\n    .badge-crown-wrapper {\n        position: relative;\n        display: inline-block;\n        margin-bottom: 12px;\n    }\n\n    .badge-crown {\n        font-size: 42px;\n        filter: drop-shadow(0 4px 8px rgba(255,215,0,0.4));\n    }\n\n    .badge-number {\n        font-size: 52px;\n        font-weight: 900;\n        color: var(--bbet-gold);\n        line-height: 1;\n        text-shadow: 0 3px 10px rgba(0,0,0,0.6);\n        letter-spacing: -1px;\n    }\n\n    .badge-number span {\n        background: linear-gradient(135deg, var(--bbet-green-light), #ffffff);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n    }\n\n    .badge-divider {\n        width: 40px;\n        height: 2px;\n        background: var(--bbet-gold);\n        margin: 14px auto;\n        opacity: 0.5;\n    }\n\n    .badge-slogan {\n        font-size: 10px;\n        letter-spacing: 2.5px;\n        color: var(--bbet-gold);\n        text-transform: uppercase;\n        font-weight: 800;\n    }\n\n    @keyframes floatBadge {\n        0%, 100% { transform: translateY(0) rotate(0deg); }\n        50% { transform: translateY(-12px) rotate(0.5deg); }\n    }\n\n    @keyframes floatSlow {\n        0%, 100% { transform: translateY(0); }\n        50% { transform: translateY(-8px); }\n    }\n\n    \/* Responsive t\u01b0\u01a1ng th\u00edch ho\u00e0n h\u1ea3o thi\u1ebft b\u1ecb di \u0111\u1ed9ng *\/\n    @media (max-width: 992px) {\n        .bbet-hero {\n            padding: 60px 15px;\n        }\n\n        .bbet-hero-container {\n            grid-template-columns: 1fr;\n            text-align: center;\n            gap: 40px;\n        }\n\n        .bbet-hero-content p {\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .hero-badge-wrapper {\n            display: flex;\n            justify-content: center;\n        }\n\n        .hero-buttons, .hero-stats {\n            justify-content: center;\n        }\n\n        .hero-stats {\n            gap: 20px;\n        }\n\n        .bbet-hero-visual {\n            margin-top: 15px;\n            min-height: 320px;\n        }\n        \n        .bbet-hero-content h1 {\n            font-size: 36px;\n        }\n    }\n<\/style>","protected":false},"excerpt":{"rendered":"<p>\u2b50 Pakistan&#8217;s #1 Betting Guide Hub Play Smart, Win Big with 99BBET Master top-tier betting strategies, explore verified PKR bookmakers, and navigate safe payment methods designed specifically for the Pakistani market to maximize your winning edge. Explore Strategies Join Guide Free 100% Verified Reviews 24\/7 PKR Support 18+ Play Responsibly \ud83c\uddf5\ud83c\uddf0 PKR Friendly \u26a1 Fast [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/99bbet-pk.app\/index.php?rest_route=\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/99bbet-pk.app\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/99bbet-pk.app\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/99bbet-pk.app\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/99bbet-pk.app\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13"}],"version-history":[{"count":6,"href":"https:\/\/99bbet-pk.app\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":29,"href":"https:\/\/99bbet-pk.app\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions\/29"}],"wp:attachment":[{"href":"https:\/\/99bbet-pk.app\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}