Dashboard – AnyFlow Live<\/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 <style>\n body {\n background-color: #0f172a;\n }\n .card {\n background-color: #1e2937;\n transition: transform 0.2s;\n }\n .card:hover {\n transform: translateY(-2px);\n }\n <\/style>\n<\/head>\n<body class=\"text-white\">\n \n <nav class=\"bg-slate-900 border-b border-slate-700\">\n <div class=\"max-w-7xl mx-auto px-6 py-4 flex justify-between items-center\">\n <div class=\"flex items-center gap-3\">\n <div class=\"w-9 h-9 bg-orange-500 rounded-xl flex items-center justify-center\">\n <i class=\"fas fa-bolt text-white text-xl\"><\/i>\n <\/div>\n <div>\n <span class=\"font-bold text-2xl\">AnyFlow<\/span>\n <span class=\"text-orange-400 font-semibold\">Live<\/span>\n <\/div>\n <\/div>\n \n <div class=\"flex items-center gap-4\">\n <div class=\"flex items-center gap-2 bg-slate-800 px-4 py-2 rounded-2xl\">\n <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/32?img=47\" class=\"w-8 h-8 rounded-full\" alt=\"\">\n <span class=\"font-medium\">Lovely<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/nav>\n\n <div class=\"max-w-7xl mx-auto px-6 py-8\">\n \n \n <div class=\"flex justify-between items-end mb-8\">\n <div>\n <h1 class=\"text-4xl font-bold\">Dashboard<\/h1>\n <p class=\"text-slate-400 mt-1\">Welcome back, Lovely \ud83d\udc4b<\/p>\n <\/div>\n \n <button onclick=\"showNewInvoiceModal()\"\n class=\"flex items-center gap-2 bg-orange-500 hover:bg-orange-600 transition px-6 py-3 rounded-2xl font-semibold\">\n <i class=\"fas fa-plus\"><\/i>\n <span>New Invoice<\/span>\n <\/button>\n <\/div>\n\n \n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 mb-8\">\n \n \n <div class=\"card p-6 rounded-3xl border border-slate-700\">\n <div class=\"flex items-center justify-between\">\n <div>\n <p class=\"text-slate-400 text-sm\">TOTAL BALANCE<\/p>\n <h2 class=\"text-4xl font-bold text-orange-400 mt-1\">$1,498.00<\/h2>\n <p class=\"text-emerald-400 text-sm mt-1\">From your paid invoices<\/p>\n <\/div>\n <div class=\"w-14 h-14 bg-orange-500\/10 rounded-2xl flex items-center justify-center\">\n <i class=\"fas fa-wallet text-orange-400 text-3xl\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"card p-6 rounded-3xl border border-slate-700\">\n <div class=\"flex items-center justify-between\">\n <div>\n <p class=\"text-slate-400 text-sm\">MY INVOICES<\/p>\n <h2 class=\"text-4xl font-bold mt-1\">169<\/h2>\n <p class=\"text-slate-400 text-sm mt-1\">total created<\/p>\n <\/div>\n <div class=\"w-14 h-14 bg-blue-500\/10 rounded-2xl flex items-center justify-center\">\n <i class=\"fas fa-file-invoice text-blue-400 text-3xl\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"card p-6 rounded-3xl border border-slate-700\">\n <div class=\"flex items-center justify-between\">\n <div>\n <p class=\"text-slate-400 text-sm\">PAID INVOICES<\/p>\n <h2 class=\"text-4xl font-bold text-emerald-400 mt-1\">30<\/h2>\n <p class=\"text-emerald-400 text-sm mt-1\">successfully received<\/p>\n <\/div>\n <div class=\"w-14 h-14 bg-emerald-500\/10 rounded-2xl flex items-center justify-center\">\n <i class=\"fas fa-check-circle text-emerald-400 text-3xl\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"card rounded-3xl border border-slate-700 overflow-hidden\">\n <div class=\"px-6 py-4 border-b border-slate-700 flex justify-between items-center\">\n <h3 class=\"font-semibold text-lg\">Recent Paid Invoices<\/h3>\n <a href=\"#\" class=\"text-orange-400 hover:text-orange-300 text-sm flex items-center gap-1\">\n View all <i class=\"fas fa-arrow-right text-xs\"><\/i>\n <\/a>\n <\/div>\n \n <div class=\"divide-y divide-slate-700\">\n \n <div class=\"px-6 py-4 flex items-center justify-between hover:bg-slate-800\/50\">\n <div>\n <div class=\"font-medium\">Payment from @john_doe<\/div>\n <div class=\"text-sm text-slate-400\">lnbc577670…ne4sjj \u2022 May 21, 2026<\/div>\n <\/div>\n <div class=\"text-right\">\n <div class=\"font-semibold text-emerald-400\">$45.00<\/div>\n <span class=\"inline-block mt-1 px-3 py-0.5 text-xs bg-emerald-500\/20 text-emerald-400 rounded-full\">Paid<\/span>\n <\/div>\n <\/div>\n\n <div class=\"px-6 py-4 flex items-center justify-between hover:bg-slate-800\/50\">\n <div>\n <div class=\"font-medium\">Payment from @sarah_design<\/div>\n <div class=\"text-sm text-slate-400\">lnbc89210…k9m2p \u2022 May 20, 2026<\/div>\n <\/div>\n <div class=\"text-right\">\n <div class=\"font-semibold text-emerald-400\">$120.00<\/div>\n <span class=\"inline-block mt-1 px-3 py-0.5 text-xs bg-emerald-500\/20 text-emerald-400 rounded-full\">Paid<\/span>\n <\/div>\n <\/div>\n\n <div class=\"px-6 py-4 flex items-center justify-between hover:bg-slate-800\/50\">\n <div>\n <div class=\"font-medium\">Payment from @mike_store<\/div>\n <div class=\"text-sm text-slate-400\">lnbc34000…x7h2q \u2022 May 19, 2026<\/div>\n <\/div>\n <div class=\"text-right\">\n <div class=\"font-semibold text-emerald-400\">$89.00<\/div>\n <span class=\"inline-block mt-1 px-3 py-0.5 text-xs bg-emerald-500\/20 text-emerald-400 rounded-full\">Paid<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <p class=\"text-center text-slate-500 text-sm mt-8\">\n This is a demo dashboard. Real data will be connected after Alby Hub setup.\n <\/p>\n <\/div>\n\n <script>\n function showNewInvoiceModal() {\n alert(\"New Invoice feature will be added after Alby Hub is connected.\\n\\nFor now this is just a demo.\");\n }\n \n \/\/ Tailwind script\n function initializeTailwind() {\n document.documentElement.style.setProperty('--accent', '#f97316');\n }\n window.onload = initializeTailwind;\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Dashboard – AnyFlow Live AnyFlow Live Lovely Dashboard Welcome back, Lovely \ud83d\udc4b New Invoice TOTAL BALANCE $1,498.00 From your paid invoices MY INVOICES 169 total created PAID INVOICES 30 successfully received Recent Paid Invoices View all Payment from @john_doe lnbc577670…ne4sjj \u2022 May 21, 2026 $45.00 Paid Payment from @sarah_design lnbc89210…k9m2p \u2022 May 20, 2026 $120.00 […]<\/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-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/anyflowlive.com\/index.php?rest_route=\/wp\/v2\/pages\/6","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=6"}],"version-history":[{"count":1,"href":"https:\/\/anyflowlive.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":8,"href":"https:\/\/anyflowlive.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/8"}],"wp:attachment":[{"href":"https:\/\/anyflowlive.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":6,"date":"2026-05-22T04:41:57","date_gmt":"2026-05-22T04:41:57","guid":{"rendered":"https:\/\/anyflowlive.com\/?page_id=6"},"modified":"2026-05-22T04:41:57","modified_gmt":"2026-05-22T04:41:57","slug":"dashboard","status":"publish","type":"page","link":"https:\/\/anyflowlive.com\/?page_id=6","title":{"rendered":"Dashboard"},"content":{"rendered":"\n\n\n\n \n \n Dashboard – AnyFlow Live<\/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 <style>\n body {\n background-color: #0f172a;\n }\n .card {\n background-color: #1e2937;\n transition: transform 0.2s;\n }\n .card:hover {\n transform: translateY(-2px);\n }\n <\/style>\n<\/head>\n<body class=\"text-white\">\n \n <nav class=\"bg-slate-900 border-b border-slate-700\">\n <div class=\"max-w-7xl mx-auto px-6 py-4 flex justify-between items-center\">\n <div class=\"flex items-center gap-3\">\n <div class=\"w-9 h-9 bg-orange-500 rounded-xl flex items-center justify-center\">\n <i class=\"fas fa-bolt text-white text-xl\"><\/i>\n <\/div>\n <div>\n <span class=\"font-bold text-2xl\">AnyFlow<\/span>\n <span class=\"text-orange-400 font-semibold\">Live<\/span>\n <\/div>\n <\/div>\n \n <div class=\"flex items-center gap-4\">\n <div class=\"flex items-center gap-2 bg-slate-800 px-4 py-2 rounded-2xl\">\n <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/32?img=47\" class=\"w-8 h-8 rounded-full\" alt=\"\">\n <span class=\"font-medium\">Lovely<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/nav>\n\n <div class=\"max-w-7xl mx-auto px-6 py-8\">\n \n \n <div class=\"flex justify-between items-end mb-8\">\n <div>\n <h1 class=\"text-4xl font-bold\">Dashboard<\/h1>\n <p class=\"text-slate-400 mt-1\">Welcome back, Lovely \ud83d\udc4b<\/p>\n <\/div>\n \n <button onclick=\"showNewInvoiceModal()\"\n class=\"flex items-center gap-2 bg-orange-500 hover:bg-orange-600 transition px-6 py-3 rounded-2xl font-semibold\">\n <i class=\"fas fa-plus\"><\/i>\n <span>New Invoice<\/span>\n <\/button>\n <\/div>\n\n \n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 mb-8\">\n \n \n <div class=\"card p-6 rounded-3xl border border-slate-700\">\n <div class=\"flex items-center justify-between\">\n <div>\n <p class=\"text-slate-400 text-sm\">TOTAL BALANCE<\/p>\n <h2 class=\"text-4xl font-bold text-orange-400 mt-1\">$1,498.00<\/h2>\n <p class=\"text-emerald-400 text-sm mt-1\">From your paid invoices<\/p>\n <\/div>\n <div class=\"w-14 h-14 bg-orange-500\/10 rounded-2xl flex items-center justify-center\">\n <i class=\"fas fa-wallet text-orange-400 text-3xl\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"card p-6 rounded-3xl border border-slate-700\">\n <div class=\"flex items-center justify-between\">\n <div>\n <p class=\"text-slate-400 text-sm\">MY INVOICES<\/p>\n <h2 class=\"text-4xl font-bold mt-1\">169<\/h2>\n <p class=\"text-slate-400 text-sm mt-1\">total created<\/p>\n <\/div>\n <div class=\"w-14 h-14 bg-blue-500\/10 rounded-2xl flex items-center justify-center\">\n <i class=\"fas fa-file-invoice text-blue-400 text-3xl\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"card p-6 rounded-3xl border border-slate-700\">\n <div class=\"flex items-center justify-between\">\n <div>\n <p class=\"text-slate-400 text-sm\">PAID INVOICES<\/p>\n <h2 class=\"text-4xl font-bold text-emerald-400 mt-1\">30<\/h2>\n <p class=\"text-emerald-400 text-sm mt-1\">successfully received<\/p>\n <\/div>\n <div class=\"w-14 h-14 bg-emerald-500\/10 rounded-2xl flex items-center justify-center\">\n <i class=\"fas fa-check-circle text-emerald-400 text-3xl\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"card rounded-3xl border border-slate-700 overflow-hidden\">\n <div class=\"px-6 py-4 border-b border-slate-700 flex justify-between items-center\">\n <h3 class=\"font-semibold text-lg\">Recent Paid Invoices<\/h3>\n <a href=\"#\" class=\"text-orange-400 hover:text-orange-300 text-sm flex items-center gap-1\">\n View all <i class=\"fas fa-arrow-right text-xs\"><\/i>\n <\/a>\n <\/div>\n \n <div class=\"divide-y divide-slate-700\">\n \n <div class=\"px-6 py-4 flex items-center justify-between hover:bg-slate-800\/50\">\n <div>\n <div class=\"font-medium\">Payment from @john_doe<\/div>\n <div class=\"text-sm text-slate-400\">lnbc577670…ne4sjj \u2022 May 21, 2026<\/div>\n <\/div>\n <div class=\"text-right\">\n <div class=\"font-semibold text-emerald-400\">$45.00<\/div>\n <span class=\"inline-block mt-1 px-3 py-0.5 text-xs bg-emerald-500\/20 text-emerald-400 rounded-full\">Paid<\/span>\n <\/div>\n <\/div>\n\n <div class=\"px-6 py-4 flex items-center justify-between hover:bg-slate-800\/50\">\n <div>\n <div class=\"font-medium\">Payment from @sarah_design<\/div>\n <div class=\"text-sm text-slate-400\">lnbc89210…k9m2p \u2022 May 20, 2026<\/div>\n <\/div>\n <div class=\"text-right\">\n <div class=\"font-semibold text-emerald-400\">$120.00<\/div>\n <span class=\"inline-block mt-1 px-3 py-0.5 text-xs bg-emerald-500\/20 text-emerald-400 rounded-full\">Paid<\/span>\n <\/div>\n <\/div>\n\n <div class=\"px-6 py-4 flex items-center justify-between hover:bg-slate-800\/50\">\n <div>\n <div class=\"font-medium\">Payment from @mike_store<\/div>\n <div class=\"text-sm text-slate-400\">lnbc34000…x7h2q \u2022 May 19, 2026<\/div>\n <\/div>\n <div class=\"text-right\">\n <div class=\"font-semibold text-emerald-400\">$89.00<\/div>\n <span class=\"inline-block mt-1 px-3 py-0.5 text-xs bg-emerald-500\/20 text-emerald-400 rounded-full\">Paid<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <p class=\"text-center text-slate-500 text-sm mt-8\">\n This is a demo dashboard. Real data will be connected after Alby Hub setup.\n <\/p>\n <\/div>\n\n <script>\n function showNewInvoiceModal() {\n alert(\"New Invoice feature will be added after Alby Hub is connected.\\n\\nFor now this is just a demo.\");\n }\n \n \/\/ Tailwind script\n function initializeTailwind() {\n document.documentElement.style.setProperty('--accent', '#f97316');\n }\n window.onload = initializeTailwind;\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Dashboard – AnyFlow Live AnyFlow Live Lovely Dashboard Welcome back, Lovely \ud83d\udc4b New Invoice TOTAL BALANCE $1,498.00 From your paid invoices MY INVOICES 169 total created PAID INVOICES 30 successfully received Recent Paid Invoices View all Payment from @john_doe lnbc577670…ne4sjj \u2022 May 21, 2026 $45.00 Paid Payment from @sarah_design lnbc89210…k9m2p \u2022 May 20, 2026 $120.00 […]<\/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-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/anyflowlive.com\/index.php?rest_route=\/wp\/v2\/pages\/6","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=6"}],"version-history":[{"count":1,"href":"https:\/\/anyflowlive.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":8,"href":"https:\/\/anyflowlive.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/8"}],"wp:attachment":[{"href":"https:\/\/anyflowlive.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}