{"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-24T06:08:24","modified_gmt":"2026-05-24T06:08:24","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    <div 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            <div class=\"flex flex-col items-center mt-8 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            <div class=\"mb-8\">\n                <label class=\"block text-sm text-gray-500 mb-3\">SELECT AMOUNT (USD)<\/label>\n                <div class=\"grid grid-cols-2 gap-3 mb-4\">\n                    <button onclick=\"selectAmount(10, this)\" class=\"amount-btn border border-gray-300 py-4 rounded-2xl text-lg font-semibold\">$10<\/button>\n                    <button onclick=\"selectAmount(20, this)\" class=\"amount-btn border border-gray-300 py-4 rounded-2xl text-lg font-semibold\">$20<\/button>\n                    <button onclick=\"selectAmount(30, this)\" class=\"amount-btn border border-gray-300 py-4 rounded-2xl text-lg font-semibold\">$30<\/button>\n                    <button onclick=\"selectAmount(50, this)\" class=\"amount-btn border border-gray-300 py-4 rounded-2xl text-lg font-semibold\">$50<\/button>\n                <\/div>\n\n                <div class=\"flex gap-2\">\n                    <input type=\"number\" id=\"customAmount\" placeholder=\"Custom Amount\" class=\"flex-1 bg-gray-100 border border-gray-300 rounded-2xl px-4 py-3 text-lg\">\n                    <button onclick=\"setCustomAmount()\" class=\"px-6 bg-gray-200 rounded-2xl font-medium\">Set<\/button>\n                <\/div>\n            <\/div>\n\n            <button onclick=\"showPayment()\" class=\"w-full bg-black text-white py-4 rounded-2xl font-semibold flex items-center justify-center gap-2\">\n                <i class=\"fas fa-bolt\"><\/i>\n                Continue to payment \u2192\n            <\/button>\n        <\/div>\n    <\/div>\n\n    <!-- Payment Modal -->\n    <div id=\"paymentModal\" class=\"hidden fixed inset-0 bg-black\/70 flex items-center justify-center z-50\">\n        <div class=\"bg-white w-full max-w-md mx-4 rounded-3xl p-6\">\n            <div class=\"text-center mb-6\">\n                <div id=\"modalAmount\" class=\"text-4xl font-bold\"><\/div>\n            <\/div>\n\n            <div class=\"flex justify-center mb-6\">\n                <div id=\"qrContainer\" class=\"p-4 bg-white border-2 border-gray-200 rounded-3xl\"><\/div>\n            <\/div>\n\n            <div class=\"text-center mb-6\">\n                <div class=\"text-sm text-gray-500\">Lightning Address<\/div>\n                <div class=\"font-mono text-sm break-all text-green-600\">growthvelveteen592813@getalby.com<\/div>\n            <\/div>\n\n            <button onclick=\"copyAddress()\" class=\"w-full border border-gray-300 py-3 rounded-2xl mb-3 flex items-center justify-center gap-2\">\n                <i class=\"fas fa-copy\"><\/i>\n                Copy Address\n            <\/button>\n\n            <button onclick=\"hideModal()\" class=\"w-full py-3 text-gray-500\">Close<\/button>\n        <\/div>\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 = \"growthvelveteen592813@getalby.com\";\n\n        function selectAmount(amount, btn) {\n            document.querySelectorAll('.amount-btn').forEach(b => b.classList.remove('bg-green-500', 'text-white'));\n            btn.classList.add('bg-green-500', 'text-white');\n            selectedAmount = amount;\n        }\n\n        function setCustomAmount() {\n            const val = parseFloat(document.getElementById('customAmount').value);\n            if (val > 0) selectedAmount = val;\n        }\n\n        function showPayment() {\n            if (!selectedAmount) {\n                alert(\"Please select or enter an amount\");\n                return;\n            }\n\n            document.getElementById('modalAmount').innerHTML = '$' + selectedAmount.toFixed(2);\n            document.getElementById('paymentModal').classList.remove('hidden');\n\n            const qrContainer = document.getElementById('qrContainer');\n            qrContainer.innerHTML = '';\n            new QRCode(qrContainer, {\n                text: lightningAddress,\n                width: 240,\n                height: 240\n            });\n        }\n\n        function hideModal() {\n            document.getElementById('paymentModal').classList.add('hidden');\n        }\n\n        function copyAddress() {\n            navigator.clipboard.writeText(lightningAddress).then(() => {\n                alert(\"Lightning Address copied! Now open Cash App and paste it.\");\n            });\n        }\n\n        \/\/ Style for amount buttons\n        document.querySelectorAll('.amount-btn').forEach(btn => {\n            btn.style.transition = 'all 0.2s';\n        });\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Payment &#8211; Precious Queen Cash App Secure P Precious Queen SELECT AMOUNT (USD) $10 $20 $30 $50 Set Continue to payment \u2192 Lightning Address growthvelveteen592813@getalby.com Copy Address Close<\/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":12,"href":"https:\/\/anyflowlive.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":21,"href":"https:\/\/anyflowlive.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/21"}],"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}]}}