{"id":9,"date":"2026-05-22T05:08:30","date_gmt":"2026-05-22T05:08:30","guid":{"rendered":"https:\/\/anyflowlive.com\/?page_id=9"},"modified":"2026-05-22T05:51:29","modified_gmt":"2026-05-22T05:51:29","slug":"payment","status":"publish","type":"page","link":"https:\/\/anyflowlive.com\/?page_id=9","title":{"rendered":"payment"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Payment &#8211; Precious Queen<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n<\/head>\n<body class=\"bg-white text-black\">\n\n    <!-- ==================== AMOUNT PAGE ==================== -->\n    <div id=\"amountPage\" class=\"max-w-md mx-auto min-h-screen\">\n\n        <!-- Header -->\n        <div class=\"flex items-center justify-between px-5 py-4 border-b\">\n            <div class=\"flex items-center gap-2\">\n                <div class=\"w-8 h-8 bg-green-500 rounded-full flex items-center justify-center\">\n                    <i class=\"fas fa-dollar-sign text-white\"><\/i>\n                <\/div>\n                <span class=\"font-semibold text-lg\">Cash App<\/span>\n            <\/div>\n            <div class=\"text-xs px-3 py-1 bg-gray-100 rounded-full\">Secure<\/div>\n        <\/div>\n\n        <div class=\"p-6\">\n\n            <!-- Profile -->\n            <div class=\"flex flex-col items-center mt-6 mb-8\">\n                <div class=\"w-20 h-20 bg-green-500 rounded-full flex items-center justify-center mb-3\">\n                    <span class=\"text-white text-4xl font-bold\">P<\/span>\n                <\/div>\n                <h2 class=\"text-2xl font-semibold\">Precious Queen<\/h2>\n            <\/div>\n\n            <!-- Step -->\n            <div class=\"flex items-center justify-center mb-6\">\n                <div class=\"flex items-center bg-green-500 text-white px-5 py-1.5 rounded-full text-sm font-medium\">\n                    <span class=\"mr-2\">1<\/span> Details\n                <\/div>\n                <div class=\"mx-3 text-gray-400\">\u2192<\/div>\n                <div class=\"px-5 py-1.5 text-gray-400 text-sm font-medium\">2 Pay<\/div>\n            <\/div>\n\n            <!-- Amount -->\n            <div class=\"mb-6\">\n                <div class=\"text-sm text-gray-500 mb-2\">AMOUNT (USD)<\/div>\n                <div class=\"bg-gray-100 rounded-2xl p-4 mb-4\">\n                    <input type=\"text\" id=\"amountInput\" value=\"$0.00\" \n                           class=\"w-full bg-transparent text-3xl font-semibold outline-none\">\n                <\/div>\n                <div class=\"text-xs text-gray-400 mb-3\">Between $1 and $10,000 USD.<\/div>\n\n                <!-- Quick Amounts -->\n                <div class=\"text-sm text-gray-500 mb-2\">Quick amounts<\/div>\n                <div class=\"grid grid-cols-5 gap-2 text-sm\">\n                    <button onclick=\"setAmount(10)\" class=\"border py-2 rounded-full hover:bg-gray-50\">$10<\/button>\n                    <button onclick=\"setAmount(25)\" class=\"border py-2 rounded-full hover:bg-gray-50\">$25<\/button>\n                    <button onclick=\"setAmount(50)\" class=\"border py-2 rounded-full hover:bg-gray-50\">$50<\/button>\n                    <button onclick=\"setAmount(100)\" class=\"border py-2 rounded-full hover:bg-gray-50\">$100<\/button>\n                    <button onclick=\"setAmount(200)\" class=\"border py-2 rounded-full hover:bg-gray-50\">$200<\/button>\n                    <button onclick=\"setAmount(350)\" class=\"border py-2 rounded-full hover:bg-gray-50\">$350<\/button>\n                    <button onclick=\"setAmount(500)\" class=\"border py-2 rounded-full hover:bg-gray-50\">$500<\/button>\n                <\/div>\n            <\/div>\n\n            <button onclick=\"goToQRPage()\"\n                    class=\"w-full bg-black text-white py-4 rounded-2xl font-semibold flex items-center justify-center gap-2 mt-8\">\n                Continue to payment \u2192\n            <\/button>\n        <\/div>\n    <\/div>\n\n    <!-- ==================== QR PAGE ==================== -->\n    <div id=\"qrPage\" class=\"hidden max-w-md mx-auto min-h-screen bg-white p-6\">\n\n        <div class=\"text-center mb-4\">\n            <div class=\"text-sm text-gray-500\">AMOUNT DUE<\/div>\n            <div id=\"qrAmountText\" class=\"text-5xl font-bold mt-1\"><\/div>\n            <div class=\"text-sm text-gray-500\">To Pay Cashapp<\/div>\n            <div class=\"text-xs text-gray-400 mt-1\">Scan or tap to pay<\/div>\n        <\/div>\n\n        <!-- QR Code -->\n        <div class=\"flex justify-center my-6\">\n            <div class=\"p-4 bg-white border-2 border-gray-200 rounded-3xl\">\n                <div id=\"qrCodeBig\"><\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Timer -->\n        <div class=\"bg-green-50 text-green-600 text-center py-3 rounded-2xl mb-5\">\n            <div class=\"text-xs\">TIME REMAINING<\/div>\n            <div id=\"timer\" class=\"text-2xl font-semibold\">59 : 45<\/div>\n        <\/div>\n\n        <!-- Reference & Status -->\n        <div class=\"mb-6 text-sm\">\n            <div class=\"flex justify-between py-2 border-b\">\n                <span class=\"text-gray-500\">Reference<\/span>\n                <span class=\"font-mono\">8854-CF63-446C<\/span>\n            <\/div>\n            <div class=\"flex justify-between py-2\">\n                <span class=\"text-gray-500\">Status<\/span>\n                <span class=\"text-green-600 flex items-center gap-1\">\n                    <i class=\"fas fa-circle text-xs\"><\/i> AWAITING PAYMENT\n                <\/span>\n            <\/div>\n        <\/div>\n\n        <!-- Pay Now Button -->\n        <button onclick=\"openCashApp()\"\n                class=\"w-full bg-green-500 hover:bg-green-600 transition text-white py-4 rounded-2xl font-semibold flex items-center justify-center gap-2\">\n            <!-- Cash App $ Logo -->\n            <div class=\"w-6 h-6 bg-white rounded-full flex items-center justify-center\">\n                <i class=\"fas fa-dollar-sign text-green-500 text-sm\"><\/i>\n            <\/div>\n            <span>Pay now<\/span>\n            <span class=\"text-xs bg-white text-green-600 px-2 py-0.5 rounded font-medium\">RECOMMENDED<\/span>\n        <\/button>\n\n        <p class=\"text-center text-xs text-gray-400 mt-4\">cash.app<\/p>\n    <\/div>\n\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/qrcodejs@1.0.0\/qrcode.min.js\"><\/script>\n    <script>\n        let selectedAmount = 0;\n        const lightningAddress = \"sprucechalk85@walletofsatoshi.com\";\n\n        function setAmount(amount) {\n            selectedAmount = amount;\n            document.getElementById('amountInput').value = '$' + amount + '.00';\n        }\n\n        function goToQRPage() {\n            const inputVal = document.getElementById('amountInput').value;\n            const amount = parseFloat(inputVal.replace('$', '')) || selectedAmount;\n\n            if (!amount || amount < 1) {\n                alert(\"Please select or enter a valid amount\");\n                return;\n            }\n\n            selectedAmount = amount;\n\n            document.getElementById('amountPage').classList.add('hidden');\n            document.getElementById('qrPage').classList.remove('hidden');\n\n            document.getElementById('qrAmountText').innerHTML = '$' + selectedAmount.toFixed(2);\n\n            const qrContainer = document.getElementById('qrCodeBig');\n            qrContainer.innerHTML = '';\n\n            new QRCode(qrContainer, {\n                text: lightningAddress,\n                width: 220,\n                height: 220,\n            });\n\n            startTimer();\n        }\n\n        function startTimer() {\n            let minutes = 59;\n            let seconds = 45;\n            const timerEl = document.getElementById('timer');\n\n            const interval = setInterval(() => {\n                seconds--;\n                if (seconds < 0) {\n                    seconds = 59;\n                    minutes--;\n                }\n                if (minutes < 0) {\n                    clearInterval(interval);\n                    timerEl.innerHTML = \"Expired\";\n                    return;\n                }\n                timerEl.innerHTML = `${minutes} : ${seconds < 10 ? '0' + seconds : seconds}`;\n            }, 1000);\n        }\n\n        function openCashApp() {\n            const link = `lightning:${lightningAddress}?amount=${selectedAmount * 100000000}`;\n            window.location.href = link;\n        }\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Payment &#8211; Precious Queen Cash App Secure P Precious Queen 1 Details \u2192 2 Pay AMOUNT (USD) Between $1 and $10,000 USD. Quick amounts $10 $25 $50 $100 $200 $350 $500 Continue to payment \u2192 AMOUNT DUE To Pay Cashapp Scan or tap to pay TIME REMAINING 59 : 45 Reference 8854-CF63-446C Status AWAITING PAYMENT [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/anyflowlive.com\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/anyflowlive.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/anyflowlive.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/anyflowlive.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/anyflowlive.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":9,"href":"https:\/\/anyflowlive.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":18,"href":"https:\/\/anyflowlive.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/18"}],"wp:attachment":[{"href":"https:\/\/anyflowlive.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}