{"id":23,"date":"2026-01-05T12:20:02","date_gmt":"2026-01-05T12:20:02","guid":{"rendered":"https:\/\/petafusion.com\/demo\/?page_id=23"},"modified":"2026-01-05T12:20:03","modified_gmt":"2026-01-05T12:20:03","slug":"demos","status":"publish","type":"page","link":"https:\/\/petafusion.com\/demo\/demos\/","title":{"rendered":"Demos"},"content":{"rendered":"<div class=\"demo_sys-launcher\"><form method=\"post\"><input type=\"hidden\" id=\"_wpnonce\" name=\"_wpnonce\" value=\"6679b7d1dc\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/demo\/wp-json\/wp\/v2\/pages\/23\" \/><h3 style=\"margin-top:0\">Choose a Demo<\/h3><div class=\"demo_sys-products\"><div class=\"demo_sys-product-card\"><label><input type=\"radio\" name=\"product_id\" value=\"plugin:dfux-white-label-pro\/dwl-white-label.php\" required><div class=\"demo_sys-product-content\"><strong class=\"demo_sys-product-name\">DWL White Label<\/strong><p class=\"demo_sys-product-desc\">Custom login\/logout pages with social login (Google\/Facebook), custom dashboards (replace wp-admin for non-admins), role-based admin menu visibility, and white-label admin experience.<\/p><\/div><\/label><\/div><\/div><p><button type=\"submit\" name=\"demo_sys_launch_demo\" value=\"1\" class=\"demo_sys-btn demo_sys-btn-primary\">Launch Demo<\/button><\/p><\/form><\/div><style>\n        .demo_sys-launcher{\n            padding:32px;\n            border:none;\n            border-radius:20px;\n            max-width:800px;\n            background:linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);\n            box-shadow:0 4px 20px rgba(83,84,96,0.1);\n            margin:20px auto;\n        }\n        .demo_sys-launcher h3{\n            margin:0 0 24px 0;\n            font-size:28px;\n            font-weight:700;\n            color:#535460;\n            letter-spacing:-0.5px;\n        }\n        .demo_sys-products{\n            display:grid;\n            gap:16px;\n            margin:24px 0;\n        }\n        .demo_sys-product-card{\n            border:2px solid #e8e9eb;\n            border-radius:16px;\n            padding:20px 24px;\n            cursor:pointer;\n            transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n            background:#fff;\n            position:relative;\n            overflow:hidden;\n        }\n        .demo_sys-product-card::before{\n            content:\"\";\n            position:absolute;\n            top:0;\n            left:0;\n            width:4px;\n            height:100%;\n            background:#5584AC;\n            transform:scaleY(0);\n            transition:transform 0.3s ease;\n        }\n        .demo_sys-product-card:hover{\n            border-color:#5584AC;\n            background:linear-gradient(135deg, #f0f8fb 0%, #ffffff 100%);\n            box-shadow:0 8px 24px rgba(85,132,172,0.15);\n            transform:translateY(-2px);\n        }\n        .demo_sys-product-card:hover::before{\n            transform:scaleY(1);\n            background:#5584AC;\n        }\n        .demo_sys-product-card input[type=\"radio\"]:checked + .demo_sys-product-content{\n            color:#535460;\n        }\n        .demo_sys-product-card input[type=\"radio\"]:checked ~ .demo_sys-product-card{\n            border-color:#5584AC;\n        }\n        .demo_sys-product-card label{\n            display:flex;\n            align-items:flex-start;\n            cursor:pointer;\n            margin:0;\n        }\n        .demo_sys-product-card input[type=\"radio\"]{\n            margin-right:16px;\n            margin-top:6px;\n            flex-shrink:0;\n            width:20px;\n            height:20px;\n            accent-color:#5584AC;\n            cursor:pointer;\n        }\n        .demo_sys-product-content{\n            flex:1;\n        }\n        .demo_sys-product-name{\n            display:block;\n            font-size:20px;\n            margin:0 0 8px 0;\n            color:#535460;\n            font-weight:600;\n            letter-spacing:-0.3px;\n        }\n        .demo_sys-product-desc{\n            margin:0;\n            color:#6b7280;\n            line-height:1.6;\n            font-size:15px;\n        }\n        .demo_sys-btn{\n            display:inline-block;\n            background:linear-gradient(135deg, #5584AC 0%, #4a7ba0 100%);\n            color:#fff;\n            border:none;\n            padding:16px 32px;\n            border-radius:12px;\n            cursor:pointer;\n            text-decoration:none;\n            font-size:16px;\n            font-weight:700;\n            transition:all 0.3s ease;\n            box-shadow:0 4px 12px rgba(85,132,172,0.3);\n            letter-spacing:0.3px;\n        }\n        .demo_sys-btn:hover{\n            background:linear-gradient(135deg, #4a7ba0 0%, #5584AC 100%);\n            box-shadow:0 6px 20px rgba(85,132,172,0.4);\n            transform:translateY(-2px);\n            color:#fff;\n        }\n        .demo_sys-btn:active{\n            transform:translateY(0);\n        }\n        .demo_sys-btn-primary{\n            width:100%;\n            text-align:center;\n            margin-top:8px;\n        }\n        .demo_sys-card{\n            margin-top:20px;\n            padding:32px;\n            border:none;\n            border-radius:20px;\n            max-width:800px;\n            background:linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);\n            box-shadow:0 4px 20px rgba(83,84,96,0.1);\n        }\n        .demo_sys-card h3{\n            margin:0 0 20px 0;\n            font-size:24px;\n            font-weight:700;\n            color:#535460;\n            display:flex;\n            align-items:center;\n            gap:12px;\n        }\n        .demo_sys-card h3::before{\n            content:\"\u2713\";\n            display:inline-flex;\n            align-items:center;\n            justify-content:center;\n            width:36px;\n            height:36px;\n            background:linear-gradient(135deg, #5584AC 0%, #4a7ba0 100%);\n            color:#fff;\n            border-radius:50%;\n            font-size:20px;\n            font-weight:700;\n        }\n        .demo_sys-card p{\n            margin:12px 0;\n            color:#535460;\n            line-height:1.6;\n        }\n        .demo_sys-card strong{\n            color:#5584AC;\n            font-weight:600;\n        }\n        .demo_sys-card code{\n            background:#f0f1f3;\n            color:#535460;\n            padding:4px 10px;\n            border-radius:6px;\n            font-family:\"Monaco\",\"Menlo\",\"Ubuntu Mono\",monospace;\n            font-size:13px;\n            border:1px solid #e8e9eb;\n        }\n        .demo_sys-card a{\n            color:#5584AC;\n            text-decoration:none;\n            font-weight:600;\n            transition:color 0.2s ease;\n        }\n        .demo_sys-card a:hover{\n            color:#4a7ba0;\n            text-decoration:underline;\n        }\n        .demo_sys-msg{\n            margin:16px 0;\n            padding:16px 20px;\n            border-radius:12px;\n            border-left:4px solid;\n        }\n        .demo_sys-error{\n            background:#fff5f5;\n            border-left-color:#ef4444;\n            color:#991b1b;\n        }\n        .demo_sys-success{\n            background:#f0fdf4;\n            border-left-color:#22c55e;\n            color:#166534;\n        }\n        .demo_sys-email-field:hover{\n            border-color:#5584AC;\n            box-shadow:0 4px 12px rgba(85,132,172,0.15);\n        }\n        .demo_sys-email-input:focus{\n            outline:none;\n            border-color:#5584AC;\n            box-shadow:0 0 0 3px rgba(85,132,172,0.1);\n        }\n        .demo_sys-email-input::placeholder{\n            color:#9ca3af;\n        }\n        @media (max-width:640px){\n            .demo_sys-launcher{\n                padding:24px;\n                margin:16px;\n            }\n            .demo_sys-card{\n                padding:24px;\n            }\n        }\n        <\/style>\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-23","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/petafusion.com\/demo\/wp-json\/wp\/v2\/pages\/23","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/petafusion.com\/demo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/petafusion.com\/demo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/petafusion.com\/demo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/petafusion.com\/demo\/wp-json\/wp\/v2\/comments?post=23"}],"version-history":[{"count":1,"href":"https:\/\/petafusion.com\/demo\/wp-json\/wp\/v2\/pages\/23\/revisions"}],"predecessor-version":[{"id":24,"href":"https:\/\/petafusion.com\/demo\/wp-json\/wp\/v2\/pages\/23\/revisions\/24"}],"wp:attachment":[{"href":"https:\/\/petafusion.com\/demo\/wp-json\/wp\/v2\/media?parent=23"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}