{"id":440,"date":"2025-07-28T10:03:28","date_gmt":"2025-07-28T10:03:28","guid":{"rendered":"https:\/\/aitoolbuildr.com\/upgrade\/"},"modified":"2025-08-04T14:15:20","modified_gmt":"2025-08-04T14:15:20","slug":"upgrade","status":"publish","type":"page","link":"https:\/\/aitoolbuildr.com\/upgrade\/","title":{"rendered":"Upgrade"},"content":{"rendered":"    <section class=\"form-part\">\r\n        <div class=\"container\">\r\n            <div style=\"border-bottom: 1px solid #f9a9a0;box-shadow: 0 10px 20px rgb(0 0 0 \/ 4%);background-color: #fff;padding: 30px;margin-top: 60px;\">\r\n                <h2 class=\"design_header_text\">You are one step away from upgrading your account. Please enter your username and password.<\/h2>\r\n                <p class=\"design_para_content\" style=\"font-size: 16px;\">Note: If you don't have an account, <a href=\"https:\/\/aitoolbuildr.com\/membership-checkout\/?pmpro_level=1\" target=\"_blank\">register<\/a> first then visit this page.<\/p>\r\n                <form method=\"post\" action=\"\" class=\"form-horizontal\" id=\"form-horizontal\">\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12\">\r\n                            <div class=\"form-group\"><label class=\"control-label\">Username<\/label><input class=\"form-control input-lg\" type=\"text\" name=\"username\" size=\"15\" value=\"\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"col-md-12\">\r\n                            <div class=\"form-group\"><label class=\"control-label\">Password<\/label><input class=\"form-control input-lg\" type=\"password\" name=\"password\" size=\"15\" value=\"\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"col-md-12\">\r\n                            <div class=\"signup_form_error\"><\/div>\r\n                        <\/div>\r\n                        <div class=\"col-md-12 text-center\"><input class=\"btn main-btn join_button\" type=\"button\" value=\"Upgrade\" style=\"padding: 8px 19px;border-radius: 3px;color: white;font-size: 16px;background-color: #2c3fce;\"><\/div>\r\n                    <\/div>\r\n                <\/form>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n   <style>\r\n\r\n#primary{\r\n    padding-top:0px;\r\n}\r\n\r\n.site-content {\r\n    border-top: 1px solid rgb\r\n#e9e9e9\r\n(233, 233, 233);\r\n    margin-top: -8px;\r\n}\r\n\r\n.container > div[style*=\"border-bottom: 1px solid #f9a9a0\"] {\r\n    max-width: 600px;\r\n    margin: 0 auto;\r\n    padding: 40px;\r\n    border-radius: 12px;\r\n    border: none !important;\r\n    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1) !important;\r\n    background-color: #170b3e !important;\r\n    margin-top: 60px !important;\r\n    color: #ffffff;\r\n    position: relative;\r\n    overflow: hidden;\r\n    font-family: 'Inter', sans-serif;\r\n}\r\n\r\n\r\n.container > div[style*=\"border-bottom: 1px solid #f9a9a0\"]::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -50%;\r\n    left: -50%;\r\n    width: 200%;\r\n    height: 200%;\r\n    background: radial-gradient(circle, rgba(147,112,219,0.1) 0%, rgba(147,112,219,0) 70%);\r\n    z-index: 0;\r\n}\r\n\r\n\r\n.container > div[style*=\"border-bottom: 1px solid #f9a9a0\"] .design_header_text {\r\n    color: #fff !important;\r\n    font-size: 21px !important;\r\n    font-weight: 600 !important;\r\n    margin-bottom: 20px !important;\r\n    text-align: center !important;\r\n    position: relative;\r\n    font-family: \"Poppins\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\r\n\r\n}\r\n\r\n\r\n.container > div[style*=\"border-bottom: 1px solid #f9a9a0\"] .design_para_content {\r\n    color: #ffffff !important;\r\n    text-align: center !important;\r\n    margin-bottom: 30px !important;\r\n    position: relative;\r\n    font-size: 16px !important;\r\n}\r\n\r\n.container > div[style*=\"border-bottom: 1px solid #f9a9a0\"] .design_para_content a {\r\n    color: #b19cd9 !important;\r\n    text-decoration: none !important;\r\n    font-weight: 500 !important;\r\n}\r\n\r\n.container > div[style*=\"border-bottom: 1px solid #f9a9a0\"] .design_para_content a:hover {\r\n    text-decoration: underline !important;\r\n}\r\n\r\n\r\n.container > div[style*=\"border-bottom: 1px solid #f9a9a0\"] .form-horizontal {\r\n    position: relative;\r\n}\r\n\r\n.container > div[style*=\"border-bottom: 1px solid #f9a9a0\"] .form-group {\r\n    margin-bottom: 25px !important;\r\n}\r\n\r\n.container > div[style*=\"border-bottom: 1px solid #f9a9a0\"] .control-label {\r\n    display: block !important;\r\n    margin-bottom: 8px !important;\r\n    font-weight: 500 !important;\r\n    color: #ffffff !important;\r\n}\r\n\r\n.container > div[style*=\"border-bottom: 1px solid #f9a9a0\"] .form-control {\r\n    width: 100% !important;\r\n    padding: 12px 15px !important;\r\n    border: 1px solid #6a4c93 !important;\r\n    border-radius: 8px !important;\r\n    background-color: #fff !important;\r\n    color: #000 !important;\r\n    font-size: 16px !important;\r\n    transition: all 0.3s ease !important;\r\n    box-shadow: inset 0 1px 3px rgba(0,0,0,0.2) !important;\r\n}\r\n\r\n\r\n\r\n\r\n.container > div[style*=\"border-bottom: 1px solid #f9a9a0\"] .main-btn {\r\n    position: relative !important;\r\n    padding: 12px 30px !important;\r\n    \r\n    border-radius: 8px !important;\r\n    font-size: 16px !important;\r\n    font-weight: 600 !important;\r\n    text-transform: uppercase !important;\r\n    letter-spacing: 1px !important;\r\n    background: rgba(177, 156, 217, 0.15) !important;\r\n    backdrop-filter: blur(10px) !important;\r\n    -webkit-backdrop-filter: blur(10px) !important;\r\n    border: 1px solid rgba(177, 156, 217, 0.3) !important;\r\n    color: #fff !important;\r\n    cursor: pointer !important;\r\n    transition: all 0.3s ease !important;\r\n    overflow: hidden !important;\r\n    z-index: 1 !important;\r\n    width:60%;\r\n}\r\n\r\n.container > div[style*=\"border-bottom: 1px solid #f9a9a0\"] .main-btn::before {\r\n    content: '' !important;\r\n    position: absolute !important;\r\n    top: 0 !important;\r\n    left: 0 !important;\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    background: linear-gradient(45deg, rgba(177,156,217,0.3), rgba(177,156,217,0.1)) !important;\r\n    z-index: -1 !important;\r\n    opacity: 0 !important;\r\n    transition: opacity 0.3s ease !important;\r\n}\r\n\r\n.container > div[style*=\"border-bottom: 1px solid #f9a9a0\"] .main-btn:hover {\r\n    box-shadow: 0 5px 15px rgba(177, 156, 217, 0.2) !important;\r\n    transform: translateY(-2px) !important;\r\n    color: #fff !important;\r\n    border-color: rgba(177, 156, 217, 0.5) !important;\r\n}\r\n\r\n.container > div[style*=\"border-bottom: 1px solid #f9a9a0\"] .main-btn:hover::before {\r\n    opacity: 1 !important;\r\n}\r\n\r\n.container > div[style*=\"border-bottom: 1px solid #f9a9a0\"] .main-btn:active {\r\n    transform: translateY(0) !important;\r\n}\r\n\r\n\r\n.container > div[style*=\"border-bottom: 1px solid #f9a9a0\"] .signup_form_error {\r\n    color: #ff6b6b !important;\r\n    padding: 10px !important;\r\n    border-radius: 5px !important;\r\n    margin-bottom: 15px !important;\r\n    text-align: center !important;\r\n}\r\n\r\nform#form-horizontal h1 {\r\n    font-family: 'Inter', sans-serif;\r\n    color: #fff;\r\n}\r\n\r\n\r\n@keyframes fadeIn {\r\n    from { opacity: 0; transform: translateY(10px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n.container > div[style*=\"border-bottom: 1px solid #f9a9a0\"] {\r\n    animation: fadeIn 0.5s ease-out forwards !important;\r\n}\r\n\r\n\/* Responsive css *\/\r\n\r\n\r\n@media (max-width: 1024px) {\r\n    .container > div[style*=\"border-bottom: 1px solid #f9a9a0\"] {\r\n        max-width: 500px;\r\n        padding: 30px;\r\n        margin-top: 40px !important;\r\n    }\r\n    \r\n    .container > div[style*=\"border-bottom: 1px solid #f9a9a0\"] .design_header_text {\r\n        font-size: 22px !important;\r\n        margin-bottom: 18px !important;\r\n    }\r\n    \r\n    .container > div[style*=\"border-bottom: 1px solid #f9a9a0\"] .design_para_content {\r\n        font-size: 15px !important;\r\n        margin-bottom: 25px !important;\r\n    }\r\n}\r\n\r\n\r\n@media (max-width: 768px) {\r\n    .container > div[style*=\"border-bottom: 1px solid #f9a9a0\"] {\r\n        max-width: 90%;\r\n        padding: 25px;\r\n        margin-top: 30px !important;\r\n        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1) !important;\r\n    }\r\n    \r\n    .container > div[style*=\"border-bottom: 1px solid #f9a9a0\"] .design_header_text {\r\n        font-size: 20px !important;\r\n        margin-bottom: 15px !important;\r\n    }\r\n    \r\n    .container > div[style*=\"border-bottom: 1px solid #f9a9a0\"] .design_para_content {\r\n        font-size: 14px !important;\r\n        margin-bottom: 20px !important;\r\n    }\r\n    \r\n    .container > div[style*=\"border-bottom: 1px solid #f9a9a0\"] .form-group {\r\n        margin-bottom: 20px !important;\r\n    }\r\n    \r\n    .container > div[style*=\"border-bottom: 1px solid #f9a9a0\"] .form-control {\r\n        padding: 10px 12px !important;\r\n        font-size: 14px !important;\r\n    }\r\n    \r\n    .container > div[style*=\"border-bottom: 1px solid #f9a9a0\"] .main-btn {\r\n        width: 80%;\r\n        padding: 10px 25px !important;\r\n        font-size: 14px !important;\r\n    }\r\n}\r\n\r\n\r\n@media (max-width: 480px) {\r\n    #primary {\r\n        padding-top: 0px;\r\n    }\r\n    \r\n    .container > div[style*=\"border-bottom: 1px solid #f9a9a0\"] {\r\n        max-width: 95%;\r\n        padding: 20px;\r\n        margin-top: 66px !important;\r\n        border-radius: 8px;\r\n    }\r\n    \r\n    .container > div[style*=\"border-bottom: 1px solid #f9a9a0\"] .design_header_text {\r\n        font-size: 18px !important;\r\n        margin-bottom: 12px !important;\r\n    }\r\n    \r\n    .container > div[style*=\"border-bottom: 1px solid #f9a9a0\"] .design_para_content {\r\n        font-size: 13px !important;\r\n        margin-bottom: 18px !important;\r\n    }\r\n    \r\n    .container > div[style*=\"border-bottom: 1px solid #f9a9a0\"] .form-group {\r\n        margin-bottom: 18px !important;\r\n    }\r\n    \r\n    .container > div[style*=\"border-bottom: 1px solid #f9a9a0\"] .control-label {\r\n        margin-bottom: 6px !important;\r\n        font-size: 14px !important;\r\n    }\r\n    \r\n    .container > div[style*=\"border-bottom: 1px solid #f9a9a0\"] .form-control {\r\n        padding: 9px 10px !important;\r\n        font-size: 13px !important;\r\n        border-radius: 6px !important;\r\n    }\r\n    \r\n    .container > div[style*=\"border-bottom: 1px solid #f9a9a0\"] .main-btn {\r\n        width: 100%;\r\n        padding: 9px 20px !important;\r\n        font-size: 13px !important;\r\n        border-radius: 6px !important;\r\n        letter-spacing: 0.5px !important;\r\n    }\r\n}\r\n\r\n\r\n@media (max-width: 360px) {\r\n    .container > div[style*=\"border-bottom: 1px solid #f9a9a0\"] {\r\n        padding: 15px;\r\n        margin-top: 15px !important;\r\n    }\r\n    \r\n    .container > div[style*=\"border-bottom: 1px solid #f9a9a0\"] .design_header_text {\r\n        font-size: 16px !important;\r\n    }\r\n    \r\n    .container > div[style*=\"border-bottom: 1px solid #f9a9a0\"] .design_para_content {\r\n        font-size: 12px !important;\r\n    }\r\n    \r\n    .container > div[style*=\"border-bottom: 1px solid #f9a9a0\"] .form-control {\r\n        padding: 8px !important;\r\n        font-size: 12px !important;\r\n    }\r\n    \r\n    .container > div[style*=\"border-bottom: 1px solid #f9a9a0\"] .main-btn {\r\n        padding: 8px 15px !important;\r\n        font-size: 12px !important;\r\n    }\r\n}\r\n\r\nhtml, body {\r\n  height: 100%;\r\n  margin: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n#page {\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.site-footer {\r\n  margin-top: auto;\r\n}\r\n\r\n.page-header{\r\n    display:none;\r\n}\r\n\r\n<\/style>\r\n\r\n    <script src=\"\/\/code.jquery.com\/jquery-1.10.2.js\"><\/script>\r\n    <script>\r\n    jQuery(document).ready(function($){\r\n        $(\".join_button\").click(function(){\r\n            var btn = $(this);\r\n            var original = btn.val();\r\n            btn.val('Wait...');\r\n            $('.signup_form_error').html('');\r\n\r\n            var username = $(\"input[name='username']\").val().trim();\r\n            var password = $(\"input[name='password']\").val().trim();\r\n\r\n            if (username === \"\") {\r\n                $('.signup_form_error').html('<div class=\"alert alert-danger\">Username is required.<\/div>');\r\n                btn.val(original);\r\n                return;\r\n            }\r\n            if (password === \"\") {\r\n                $('.signup_form_error').html('<div class=\"alert alert-danger\">Password is required.<\/div>');\r\n                btn.val(original);\r\n                return;\r\n            }\r\n\r\n            $.ajax({\r\n                type: \"post\",\r\n                url: \"https:\/\/aitoolbuildr.com\/wp-admin\/admin-ajax.php\",\r\n                data: {\r\n                    action: \"user_plan_upgrade\",\r\n                    t: \"\",\r\n                    d: \"\",\r\n                    username: username,\r\n                    password: password,\r\n                },\r\n                success: function(response) {\r\n                    try {\r\n                        var res = JSON.parse(response);\r\n                        if(res.status === false){\r\n                            $('.signup_form_error').html('<div class=\"alert alert-danger\">' + res.message + '<\/div>');\r\n                        } else {\r\n                            $('#form-horizontal').html('<h1>' + res.message + '<\/h1>');\r\n                            $(\".design_header_text, .design_para_content\").hide();\r\n                        }\r\n                    } catch (e) {\r\n                        $('.signup_form_error').html('<div class=\"alert alert-danger\">Unexpected error. Please try again.<\/div>');\r\n                    }\r\n                    btn.val(original);\r\n                }\r\n            });\r\n        });\r\n    });\r\n    <\/script>\r\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":"template-fullwidth.php","meta":{"pmpro_default_level":"","footnotes":""},"class_list":["post-440","page","type-page","status-publish","hentry","pmpro-has-access"],"_links":{"self":[{"href":"https:\/\/aitoolbuildr.com\/v\/wp\/v2\/pages\/440","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aitoolbuildr.com\/v\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aitoolbuildr.com\/v\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aitoolbuildr.com\/v\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aitoolbuildr.com\/v\/wp\/v2\/comments?post=440"}],"version-history":[{"count":1,"href":"https:\/\/aitoolbuildr.com\/v\/wp\/v2\/pages\/440\/revisions"}],"predecessor-version":[{"id":442,"href":"https:\/\/aitoolbuildr.com\/v\/wp\/v2\/pages\/440\/revisions\/442"}],"wp:attachment":[{"href":"https:\/\/aitoolbuildr.com\/v\/wp\/v2\/media?parent=440"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}