{"id":6,"date":"2026-09-03T06:24:49","date_gmt":"2026-09-03T06:24:49","guid":{"rendered":"https:\/\/angels-devils.adilbannar.my\/index.php\/home\/"},"modified":"2026-09-03T06:24:49","modified_gmt":"2026-09-03T06:24:49","slug":"home","status":"publish","type":"page","link":"https:\/\/angels-devils.adilbannar.my\/","title":{"rendered":"Home"},"content":{"rendered":"<style>\n\/* \u2500\u2500\u2500 CINEMATIC HERO \u2500\u2500\u2500 *\/\n.srp-hero {\n    position: relative;\n    min-height: 100vh;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n    overflow: hidden;\n    background: #06060b;\n    margin-top: -122px;\n    padding-top: 122px;\n}\n@media (max-width: 768px) {\n    .srp-hero {\n        margin-top: -106px;\n        padding-top: 106px;\n    }\n}\n.srp-hero-bg {\n    position: absolute;\n    inset: 0;\n    background-image: url('https:\/\/angels-devils.adilbannar.my\/wp-content\/plugins\/street-rp\/assets\/images\/thum.png');\n    background-size: cover;\n    background-position: center 30%;\n    background-attachment: fixed;\n    transform: scale(1.04);\n    transition: transform 8s ease;\n}\n.srp-hero:hover .srp-hero-bg { transform: scale(1.0); }\n\/* Cinematic gradient overlay *\/\n.srp-hero-overlay {\n    position: absolute;\n    inset: 0;\n    background:\n        linear-gradient(90deg, rgba(6,6,11,0.88) 40%, rgba(6,6,11,0.2) 100%),\n        linear-gradient(0deg, rgba(6,6,11,0.95) 0%, rgba(6,6,11,0.0) 50%);\n    z-index: 1;\n}\n\/* Scan lines for cinematic feel *\/\n.srp-hero-scanlines {\n    position: absolute;\n    inset: 0;\n    background: repeating-linear-gradient(\n        0deg,\n        transparent,\n        transparent 2px,\n        rgba(0,0,0,0.04) 2px,\n        rgba(0,0,0,0.04) 4px\n    );\n    z-index: 2;\n    pointer-events: none;\n}\n\n\/* \u2500\u2500\u2500 HERO BADGE ROW (inside hero content) \u2500\u2500\u2500 *\/\n.srp-hero-badge-row {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 20px;\n    padding: 6px 16px 6px 14px;\n    border-radius: 50px;\n    background: rgba(6,6,11,0.7);\n    border: 1px solid rgba(168, 85, 247, 0.25);\n    box-shadow: 0 4px 20px rgba(0,0,0,0.4), 0 0 15px rgba(168, 85, 247, 0.12);\n    backdrop-filter: blur(12px);\n    width: fit-content;\n}\n.srp-hero-season {\n    font-size: 11.5px;\n    font-weight: 800;\n    letter-spacing: 2.5px;\n    color: rgba(241,241,246,0.9);\n    text-transform: uppercase;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n.srp-hero-season::before {\n    content: '';\n    display: inline-block;\n    width: 14px; height: 2px;\n    background: #a855f7;\n    box-shadow: 0 0 8px #a855f7;\n}\n.srp-hero-live-pill {\n    background: #a855f7;\n    color: #06060b;\n    font-size: 10px;\n    font-weight: 900;\n    letter-spacing: 1.5px;\n    padding: 2px 9px;\n    border-radius: 50px;\n    text-transform: uppercase;\n    box-shadow: 0 0 10px rgba(168, 85, 247, 0.5);\n    animation: livePulse 2s ease-in-out infinite;\n}\n@keyframes livePulse {\n    0%,100% { opacity: 1; }\n    50% { opacity: 0.7; }\n}\n\n\/* \u2500\u2500\u2500 SERVER STATUS PANEL (top-right) \u2500\u2500\u2500 *\/\n.srp-hero-status-panel {\n    position: absolute;\n    top: 140px;\n    right: 48px;\n    z-index: 10;\n    width: 300px;\n    background: rgba(6,6,11,0.75);\n    border: 1px solid rgba(168, 85, 247, 0.2);\n    border-radius: 12px;\n    padding: 18px 20px;\n    backdrop-filter: blur(20px);\n    -webkit-backdrop-filter: blur(20px);\n}\n.srp-status-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 14px;\n}\n.srp-status-online-dot {\n    display: flex;\n    align-items: center;\n    gap: 7px;\n    font-size: 11px;\n    font-weight: 700;\n    color: #06d6a0;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n}\n.srp-status-online-dot::before {\n    content: '';\n    width: 7px; height: 7px;\n    background: #06d6a0;\n    border-radius: 50%;\n    box-shadow: 0 0 8px #06d6a0;\n    animation: dotPulse 2s infinite;\n}\n@keyframes dotPulse {\n    0%,100% { opacity:1; transform:scale(1); }\n    50% { opacity:0.5; transform:scale(0.7); }\n}\n.srp-status-region {\n    font-size: 10px;\n    color: rgba(241,241,246,0.4);\n    font-weight: 600;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n}\n.srp-status-count-row {\n    display: flex;\n    align-items: flex-end;\n    gap: 10px;\n    margin-bottom: 12px;\n}\n.srp-status-big-num {\n    font-size: 52px;\n    font-weight: 900;\n    color: #f1f1f6;\n    line-height: 1;\n    font-variant-numeric: tabular-nums;\n}\n.srp-status-count-info {\n    padding-bottom: 6px;\n}\n.srp-status-max {\n    font-size: 13px;\n    color: rgba(241,241,246,0.5);\n    font-weight: 600;\n    line-height: 1.2;\n}\n.srp-status-label-small {\n    font-size: 11px;\n    color: rgba(241,241,246,0.35);\n    font-weight: 500;\n}\n\n\/* Bars chart *\/\n.srp-status-bars {\n    display: flex;\n    align-items: flex-end;\n    gap: 3px;\n    height: 36px;\n    margin-bottom: 12px;\n}\n.srp-bar {\n    flex: 1;\n    background: rgba(168, 85, 247, 0.25);\n    border-radius: 2px;\n    transition: height 1s ease;\n    min-height: 4px;\n}\n.srp-bar.active { background: #a855f7; }\n.srp-status-footer {\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr;\n    gap: 8px;\n    padding-top: 12px;\n    border-top: 1px solid rgba(255,255,255,0.07);\n}\n.srp-status-stat { }\n.srp-status-stat-label {\n    font-size: 9px;\n    color: rgba(241,241,246,0.3);\n    font-weight: 700;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n    margin-bottom: 2px;\n}\n.srp-status-stat-val {\n    font-size: 13px;\n    font-weight: 800;\n    color: rgba(241,241,246,0.8);\n}\n\n\/* \u2500\u2500\u2500 MAIN HERO CONTENT \u2500\u2500\u2500 *\/\n.srp-hero-content {\n    position: relative;\n    z-index: 5;\n    padding: 0 48px 72px;\n    max-width: 900px;\n}\n.srp-hero-headline {\n    font-size: clamp(56px, 8.5vw, 110px);\n    font-weight: 900;\n    line-height: 0.95;\n    text-transform: uppercase;\n    letter-spacing: -2.5px;\n    margin-bottom: 28px;\n    color: #f1f1f6;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 8px;\n}\n.srp-hero-headline span {\n    display: inline-block;\n}\n.srp-hero-headline .srp-hl {\n    display: inline-block;\n    background: #a855f7;\n    color: #06060b;\n    padding: 2px 14px 4px;\n    border-radius: 6px;\n    line-height: 1;\n    box-shadow: 0 0 35px rgba(168, 85, 247, 0.35);\n}\n.srp-hero-headline .srp-hl-outline {\n    display: block;\n    color: transparent;\n    -webkit-text-stroke: 2px rgba(241,241,246,0.35);\n}\n.srp-hero-tagline {\n    font-size: 15px;\n    color: rgba(241,241,246,0.6);\n    max-width: 420px;\n    line-height: 1.7;\n    margin-bottom: 36px;\n    font-weight: 400;\n    letter-spacing: 0.2px;\n}\n.srp-hero-ctas {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    flex-wrap: wrap;\n}\n.srp-hero-cta-main {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    background: #a855f7;\n    color: #06060b;\n    font-size: 13px;\n    font-weight: 800;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    padding: 14px 30px;\n    border-radius: 6px;\n    text-decoration: none;\n    transition: all 0.3s;\n    border: 2px solid #a855f7;\n}\n.srp-hero-cta-main:hover {\n    background: transparent;\n    color: #a855f7;\n    box-shadow: 0 0 30px rgba(168, 85, 247, 0.2);\n    transform: translateY(-2px);\n}\n.srp-hero-cta-ghost {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    background: transparent;\n    color: rgba(241,241,246,0.7);\n    font-size: 13px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    padding: 14px 24px;\n    border-radius: 6px;\n    text-decoration: none;\n    border: 2px solid rgba(255,255,255,0.15);\n    transition: all 0.3s;\n}\n.srp-hero-cta-ghost:hover {\n    color: #f1f1f6;\n    border-color: rgba(255,255,255,0.4);\n    transform: translateY(-2px);\n}\n\/* Coordinates watermark *\/\n.srp-hero-coords {\n    position: absolute;\n    bottom: 28px;\n    right: 48px;\n    z-index: 5;\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 2px;\n    color: rgba(241,241,246,0.2);\n    font-family: monospace;\n    text-transform: uppercase;\n}\n\n\/* \u2500\u2500\u2500 STATS SECTION \u2500\u2500\u2500 *\/\n.srp-home-stats{padding:80px 24px;background:transparent;}\n.srp-home-stats-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}\n.srp-home-stat{text-align:center;padding:32px 16px;background:rgba(10,10,18,0.7);border-radius:18px;border:1px solid rgba(26,26,46,0.8);backdrop-filter:blur(12px);transition:all 0.3s;position:relative;overflow:hidden;}\n.srp-home-stat::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#a855f7,transparent);opacity:0;transition:opacity 0.3s;}\n.srp-home-stat:hover{border-color:rgba(168, 85, 247, 0.2);transform:translateY(-4px);box-shadow:0 8px 32px rgba(0,0,0,0.4),0 0 30px rgba(168, 85, 247, 0.08);}\n.srp-home-stat:hover::before{opacity:1;}\n.srp-home-stat-icon{width:44px;height:44px;background:rgba(168, 85, 247, 0.08);border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;color:#a855f7;}\n.srp-home-stat-num{font-size:clamp(32px,5vw,52px);font-weight:900;color:#a855f7;line-height:1;text-shadow:0 0 20px rgba(168, 85, 247, 0.3);}\n.srp-home-stat-label{color:#7a7a9a;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-top:6px;}\n\n\/* \u2500\u2500\u2500 FEATURES \u2500\u2500\u2500 *\/\n.srp-home-features{padding:80px 24px;max-width:1280px;margin:0 auto;}\n.srp-home-features-title{text-align:center;font-size:36px;font-weight:900;text-transform:uppercase;letter-spacing:2px;margin-bottom:16px;}\n.srp-home-features-title .accent{color:#a855f7;text-shadow:0 0 30px rgba(168, 85, 247, 0.3);}\n.srp-home-features-sub{text-align:center;color:#7a7a9a;font-size:16px;margin-bottom:48px;}\n.srp-home-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;}\n.srp-home-feature{padding:28px;border-radius:18px;background:rgba(16,16,30,0.8);border:1px solid rgba(26,26,46,0.8);transition:all 0.3s;position:relative;overflow:hidden;backdrop-filter:blur(10px);}\n.srp-home-feature::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#a855f7,transparent);transform:scaleX(0);transition:transform 0.4s;}\n.srp-home-feature:hover::before{transform:scaleX(1);}\n.srp-home-feature:hover{border-color:rgba(168, 85, 247, 0.2);transform:translateY(-6px);box-shadow:0 16px 40px rgba(0,0,0,0.4),0 0 30px rgba(168, 85, 247, 0.06);}\n.srp-home-feature-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:rgba(168, 85, 247, 0.08);border:1px solid rgba(168, 85, 247, 0.15);border-radius:14px;margin-bottom:18px;color:#a855f7;}\n.srp-home-feature-icon svg{width:26px;height:26px;}\n.srp-home-feature h3{font-size:17px;font-weight:800;margin-bottom:8px;color:#f1f1f6;}\n.srp-home-feature p{color:#7a7a9a;font-size:14px;line-height:1.7;}\n\n\/* \u2500\u2500\u2500 CTA \u2500\u2500\u2500 *\/\n.srp-home-cta{padding:100px 24px;text-align:center;position:relative;overflow:hidden;}\n.srp-home-cta::before{content:'';position:absolute;top:50%;left:50%;width:700px;height:700px;background:radial-gradient(circle,rgba(168, 85, 247, 0.06) 0%,transparent 70%);transform:translate(-50%,-50%);pointer-events:none;}\n.srp-home-cta-title{font-size:clamp(32px,6vw,56px);font-weight:900;text-transform:uppercase;margin-bottom:16px;}\n.srp-home-cta-sub{color:#7a7a9a;font-size:18px;margin-bottom:40px;}\n.accent{color:#a855f7;text-shadow:0 0 30px rgba(168, 85, 247, 0.3);}\n\n@media(max-width:900px){\n    .srp-hero-status-panel{display:none;}\n    .srp-hero-content{padding:0 24px 56px;}\n    .srp-hero-headline{font-size:clamp(44px, 10vw, 76px);gap:6px;}\n    .srp-hero-topbar{left:24px;right:24px;top:120px;}\n    .srp-home-stats-inner{grid-template-columns:repeat(2,1fr);}\n}\n@media(max-width:768px){\n    .srp-hero-headline{font-size:clamp(36px, 9vw, 56px);gap:5px;}\n    .srp-home-stats-inner{grid-template-columns:repeat(2,1fr);gap:12px;}\n    .srp-hero-bg{background-attachment:scroll;}\n    .srp-hero-coords{display:none;}\n}\n<\/style>\n\n<!-- \u2500\u2500\u2500 CINEMATIC HERO \u2500\u2500\u2500 -->\n<section class=\"srp-hero\">\n    <div class=\"srp-hero-bg\" id=\"srpHeroBg\"><\/div>\n    <div class=\"srp-hero-overlay\"><\/div>\n    <div class=\"srp-hero-scanlines\"><\/div>\n\n    <!-- Server Status Panel (top-right) -->\n    <div class=\"srp-hero-status-panel\" id=\"srpStatusPanel\">\n        <div class=\"srp-status-header\">\n            <div class=\"srp-status-online-dot\" id=\"srpOnlineDot\" style=\"color:#ef4444;\">SERVER OFFLINE<\/div>\n            <div class=\"srp-status-region\">MA \u00b7 FiveM<\/div>\n        <\/div>\n        <div class=\"srp-status-count-row\">\n            <div class=\"srp-status-big-num\" id=\"srpBigNum\">0<\/div>\n            <div class=\"srp-status-count-info\">\n                <div class=\"srp-status-max\" id=\"srpMaxNum\">of 200<\/div>\n                <div class=\"srp-status-label-small\">players connected<\/div>\n            <\/div>\n        <\/div>\n        <!-- Animated bar chart -->\n        <div class=\"srp-status-bars\" id=\"srpBars\">\n                            <div class=\"srp-bar\" style=\"height:8%\"><\/div>\n                            <div class=\"srp-bar\" style=\"height:15%\"><\/div>\n                            <div class=\"srp-bar\" style=\"height:16%\"><\/div>\n                            <div class=\"srp-bar\" style=\"height:8%\"><\/div>\n                            <div class=\"srp-bar\" style=\"height:8%\"><\/div>\n                            <div class=\"srp-bar\" style=\"height:8%\"><\/div>\n                            <div class=\"srp-bar\" style=\"height:8%\"><\/div>\n                            <div class=\"srp-bar\" style=\"height:12%\"><\/div>\n                            <div class=\"srp-bar\" style=\"height:18%\"><\/div>\n                            <div class=\"srp-bar\" style=\"height:8%\"><\/div>\n                            <div class=\"srp-bar\" style=\"height:8%\"><\/div>\n                            <div class=\"srp-bar active\" style=\"height:8%\"><\/div>\n                    <\/div>\n        <div class=\"srp-status-footer\">\n            <div class=\"srp-status-stat\">\n                <div class=\"srp-status-stat-label\">Queue<\/div>\n                <div class=\"srp-status-stat-val\" id=\"srpQueueVal\">0<\/div>\n            <\/div>\n            <div class=\"srp-status-stat\">\n                <div class=\"srp-status-stat-label\">Ping<\/div>\n                <div class=\"srp-status-stat-val\" id=\"srpPingVal\">3050 ms<\/div>\n            <\/div>\n            <div class=\"srp-status-stat\">\n                <div class=\"srp-status-stat-label\">Uptime<\/div>\n                <div class=\"srp-status-stat-val\">24 \/ 7<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Main headline -->\n    <div class=\"srp-hero-content\">\n        <!-- Top badge row -->\n        <div class=\"srp-hero-badge-row\">\n            <div class=\"srp-hero-season\" id=\"srpHeroSeason\">ANGELS & DEVILS RP<\/div>\n            <div class=\"srp-hero-live-pill\">LIVE<\/div>\n        <\/div>\n\n        <h1 class=\"srp-hero-headline\">\n            <span id=\"srpLine1\">DESTINED FOR <\/span>\n            <span class=\"srp-hl\" id=\"srpLine2\">GLORY.<\/span>\n            <span id=\"srpLine3\">THE CITY IS <\/span>\n            <span id=\"srpLine4\">YOURS.<\/span>\n        <\/h1>\n        <p class=\"srp-hero-tagline\" id=\"srpTagline\">No limits. No shortcuts. Just raw roleplay \u2014 your way.<\/p>\n        <div class=\"srp-hero-ctas\">\n            <a href=\"\/whitelist\" class=\"srp-hero-cta-main\" id=\"srpCtaMain\">\n                JOIN THE SERVER\n                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n            <\/a>\n            <a href=\"https:\/\/discord.gg\/streetrp\" target=\"_blank\" class=\"srp-hero-cta-ghost\" id=\"srpCtaGhost\">\n                <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z\"\/><\/svg>\n                DISCORD\n            <\/a>\n        <\/div>\n    <\/div>\n\n    <!-- Coordinates watermark -->\n    <div class=\"srp-hero-coords\" id=\"srpCoords\">33.5731\u00b0 N \u00b7 7.5898\u00b0 W<\/div>\n<\/section>\n\n<!-- \u2500\u2500\u2500 STATS \u2500\u2500\u2500 -->\n<section class=\"srp-home-stats\">\n    <div class=\"srp-home-stats-inner\">\n        <div class=\"srp-home-stat\">\n            <div class=\"srp-home-stat-icon\">\n                <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n            <\/div>\n            <div class=\"srp-home-stat-num\">2<\/div>\n            <div class=\"srp-home-stat-label\" id=\"sStat1\">PLAYERS<\/div>\n        <\/div>\n        <div class=\"srp-home-stat\">\n            <div class=\"srp-home-stat-icon\">\n                <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M9 11l3 3L22 4\"\/><path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"\/><\/svg>\n            <\/div>\n            <div class=\"srp-home-stat-num\">0<\/div>\n            <div class=\"srp-home-stat-label\" id=\"sStat2\">WHITELISTED<\/div>\n        <\/div>\n        <div class=\"srp-home-stat\">\n            <div class=\"srp-home-stat-icon\">\n                <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n            <\/div>\n            <div class=\"srp-home-stat-num\">0<\/div>\n            <div class=\"srp-home-stat-label\" id=\"sStat3\">STAFF<\/div>\n        <\/div>\n        <div class=\"srp-home-stat\">\n            <div class=\"srp-home-stat-icon\">\n                <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12,6 12,12 16,14\"\/><\/svg>\n            <\/div>\n            <div class=\"srp-home-stat-num\">24\/7<\/div>\n            <div class=\"srp-home-stat-label\" id=\"sStat4\">ONLINE<\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- \u2500\u2500\u2500 FEATURES \u2500\u2500\u2500 -->\n<section class=\"srp-home-features\">\n    <h2 class=\"srp-home-features-title\">WHY <span class=\"accent\">ANGELS & DEVILS RP<\/span><\/h2>\n    <p class=\"srp-home-features-sub\" id=\"fSub\">The ultimate FiveM roleplay experience<\/p>\n    <div class=\"srp-home-features-grid\">\n        <div class=\"srp-home-feature\">\n            <div class=\"srp-home-feature-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"2\"\/><path d=\"M16 8h4a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-1\"\/><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\/><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\/><\/svg>\n            <\/div>\n            <h3 id=\"f1t\">Custom Vehicles<\/h3>\n            <p id=\"f1d\">Hundreds of custom vehicles \u2014 luxury, sports, trucks and bikes built exclusively for Angels & Devils Rp.<\/p>\n        <\/div>\n        <div class=\"srp-home-feature\">\n            <div class=\"srp-home-feature-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polygon points=\"3,11 12,2 21,11\"\/><polyline points=\"9,22 9,12 15,12 15,22\"\/><rect x=\"3\" y=\"11\" width=\"18\" height=\"2\"\/><\/svg>\n            <\/div>\n            <h3 id=\"f2t\">Custom MLOs<\/h3>\n            <p id=\"f2d\">Exclusive interior maps and locations built for deep, immersive roleplay scenarios.<\/p>\n        <\/div>\n        <div class=\"srp-home-feature\">\n            <div class=\"srp-home-feature-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg>\n            <\/div>\n            <h3 id=\"f3t\">Serious Roleplay<\/h3>\n            <p id=\"f3d\">Strict standards, active staff, and a committed community guarantee quality RP every session.<\/p>\n        <\/div>\n        <div class=\"srp-home-feature\">\n            <div class=\"srp-home-feature-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n            <\/div>\n            <h3 id=\"f4t\">Active Community<\/h3>\n            <p id=\"f4d\">Regular events, constant updates, and a passionate player base make every session unique.<\/p>\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- \u2500\u2500\u2500 CTA \u2500\u2500\u2500 -->\n<section class=\"srp-home-cta\">\n    <h2 class=\"srp-home-cta-title\" id=\"sCtaTitle\">READY TO <span class=\"accent\">PLAY<\/span>?<\/h2>\n    <p class=\"srp-home-cta-sub\" id=\"sCtaSub\">Join Angels & Devils Rp today \u2014 the ultimate roleplay experience<\/p>\n    <div style=\"display:flex;gap:16px;justify-content:center;flex-wrap:wrap;\">\n        <a href=\"\/whitelist\" class=\"srp-hero-cta-main\" id=\"sCta1\">\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M9 11l3 3L22 4\"\/><path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"\/><\/svg>\n            APPLY FOR WHITELIST\n        <\/a>\n        <a href=\"\/store\" class=\"srp-hero-cta-ghost\" id=\"sCta2\">\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"9\" cy=\"21\" r=\"1\"\/><circle cx=\"20\" cy=\"21\" r=\"1\"\/><path d=\"M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6\"\/><\/svg>\n            VIP STORE\n        <\/a>\n    <\/div>\n<\/section>\n\n<script>\n\/\/ \u2500\u2500\u2500 LIVE SERVER STATUS \u2500\u2500\u2500\n(function(){\n    var startTime = performance.now();\n    var apiUrl = \"https:\\\/\\\/angels-devils.adilbannar.my\\\/index.php\\\/wp-json\\\/srp\\\/v1\\\/server-status\";\n    fetch(apiUrl)\n        .then(function(r){ return r.json(); })\n        .then(function(data){\n            var clientPing = Math.round(performance.now() - startTime);\n            var pingVal = document.getElementById('srpPingVal');\n            var bigNum = document.getElementById('srpBigNum');\n            var maxNum = document.getElementById('srpMaxNum');\n            var queueVal = document.getElementById('srpQueueVal');\n            var dot = document.getElementById('srpOnlineDot');\n\n            if (data && data.online) {\n                if (dot) { dot.style.color = '#a855f7'; dot.textContent = 'SERVER ONLINE'; }\n                if (pingVal) pingVal.textContent = (data.ping || clientPing) + ' ms';\n                if (bigNum) bigNum.textContent = data.clients || 0;\n                if (maxNum) maxNum.textContent = 'of ' + (data.max_clients || 200);\n                if (queueVal) queueVal.textContent = data.queue || '0';\n\n                var pct = (data.clients || 0) \/ (data.max_clients || 200);\n                var bars = document.querySelectorAll('.srp-bar');\n                bars.forEach(function(b, i){\n                    var fill = Math.max(8, Math.round((pct * 100) + (Math.sin(i) * 18)));\n                    b.style.height = Math.min(fill, 100) + '%';\n                    b.classList.toggle('active', i === bars.length - 1);\n                });\n            } else {\n                if (dot) { dot.style.color = '#ef4444'; dot.textContent = 'SERVER OFFLINE'; }\n                if (bigNum) bigNum.textContent = '0';\n                if (pingVal) pingVal.textContent = '\u2014 ms';\n            }\n        })\n        .catch(function(){\n            var bigNum = document.getElementById('srpBigNum');\n            if (bigNum) bigNum.textContent = '\u2014';\n            var pingVal = document.getElementById('srpPingVal');\n            if (pingVal) pingVal.textContent = '\u2014 ms';\n        });\n})();\n\n\/\/ \u2500\u2500\u2500 LANGUAGE \u2500\u2500\u2500\n(function(){\n    var lang = (document.cookie.split(';').find(function(c){return c.trim().startsWith('srp_lang=');})||'').split('=')[1]||'en';\n    if (lang === 'ar') {\n        var l1=document.getElementById('srpLine1'); if(l1) l1.textContent='\u0645\u0642\u062f\u0631 \u0644\u0640 ';\n        var l3=document.getElementById('srpLine3'); if(l3) l3.textContent='\u0627\u0644\u0645\u062f\u064a\u0646\u0629 ';\n        var l4=document.getElementById('srpLine4'); if(l4) l4.textContent='\u0645\u0644\u0643\u0643.';\n        var t=document.getElementById('srpTagline'); if(t) t.textContent='\u0628\u0644\u0627 \u062d\u062f\u0648\u062f. \u0628\u0644\u0627 \u0627\u062e\u062a\u0635\u0627\u0631\u0627\u062a. \u0631\u0648\u0644 \u0628\u0644\u0627\u064a \u062d\u0642\u064a\u0642\u064a \u2014 \u0628\u0623\u0633\u0644\u0648\u0628\u0643.';\n        var m=document.getElementById('srpCtaMain'); if(m) m.innerHTML='\u0627\u0646\u0636\u0645 \u0644\u0644\u0633\u064a\u0631\u0641\u0631 <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>';\n        var g=document.getElementById('srpCtaGhost'); if(g) g.textContent='\u062f\u064a\u0633\u0643\u0648\u0631\u062f';\n        var s=document.getElementById('srpHeroSeason'); if(s) s.textContent='Angels & Devils Rp';\n        var stat1=document.getElementById('sStat1'); if(stat1) stat1.textContent='\u0644\u0627\u0639\u0628';\n        var stat2=document.getElementById('sStat2'); if(stat2) stat2.textContent='\u0645\u0642\u0628\u0648\u0644';\n        var stat3=document.getElementById('sStat3'); if(stat3) stat3.textContent='\u0637\u0627\u0642\u0645';\n        var stat4=document.getElementById('sStat4'); if(stat4) stat4.textContent='\u0645\u062a\u0635\u0644';\n        var f1t=document.getElementById('f1t'); if(f1t) f1t.textContent='\u0645\u0639\u062f\u0627\u062a \u0645\u062e\u0635\u0635\u0629';\n        var f2t=document.getElementById('f2t'); if(f2t) f2t.textContent='\u062e\u0631\u0627\u0626\u0637 \u0645\u062e\u0635\u0635\u0629';\n        var f3t=document.getElementById('f3t'); if(f3t) f3t.textContent='\u0631\u0648\u0644 \u0628\u0644\u0627\u064a \u062c\u062f\u064a';\n        var f4t=document.getElementById('f4t'); if(f4t) f4t.textContent='\u0645\u062c\u062a\u0645\u0639 \u0646\u0634\u0637';\n        var cta1=document.getElementById('sCta1'); if(cta1) cta1.textContent='\u0627\u0644\u062a\u0642\u062f\u064a\u0645 \u0639\u0644\u0649 \u0627\u0644\u0642\u0628\u0648\u0644';\n        var cta2=document.getElementById('sCta2'); if(cta2) cta2.textContent='\u0645\u062a\u062c\u0631 VIP';\n    }\n})();\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/angels-devils.adilbannar.my\/index.php\/wp-json\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/angels-devils.adilbannar.my\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/angels-devils.adilbannar.my\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/angels-devils.adilbannar.my\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/angels-devils.adilbannar.my\/index.php\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":0,"href":"https:\/\/angels-devils.adilbannar.my\/index.php\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"wp:attachment":[{"href":"https:\/\/angels-devils.adilbannar.my\/index.php\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}