{"id":32,"date":"2026-05-05T20:34:03","date_gmt":"2026-05-05T20:34:03","guid":{"rendered":"https:\/\/xplaytube.com\/demo\/?page_id=32"},"modified":"2026-05-05T20:36:29","modified_gmt":"2026-05-05T20:36:29","slug":"advertise","status":"publish","type":"page","link":"https:\/\/xplaytube.com\/demo\/advertise\/","title":{"rendered":"advertise"},"content":{"rendered":"<div class=\"xplay-wrap\" id=\"xplay-ad-form-wrap\">\n\n    <!-- \u2500\u2500 Step 1: Form \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <div class=\"xplay-step\" id=\"xplay-step-form\">\n        <h2 class=\"xplay-heading\">Submit Your Advertisement<\/h2>\n        <p class=\"xplay-subheading\">Fill in the details below. You'll preview your ad in the actual slot before paying.<\/p>\n\n        <div id=\"xplay-notice\"><\/div>\n\n        <form id=\"xplay-submission-form\" enctype=\"multipart\/form-data\" novalidate>\n            <input type=\"hidden\" id=\"nonce\" name=\"nonce\" value=\"ad8c1afc3e\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/demo\/wp-json\/wp\/v2\/pages\/32\" \/>\n            <div class=\"xplay-field\">\n                <label for=\"advertiser_name\">Your Name <span>*<\/span><\/label>\n                <input type=\"text\" id=\"advertiser_name\" name=\"advertiser_name\" value=\"\" required>\n            <\/div>\n\n            <div class=\"xplay-field\">\n                <label for=\"advertiser_email\">Email Address <span>*<\/span><\/label>\n                <input type=\"email\" id=\"advertiser_email\" name=\"advertiser_email\" value=\"\" required>\n            <\/div>\n\n            <div class=\"xplay-field\">\n                <label for=\"target_url\">Target URL <span>*<\/span><\/label>\n                <input type=\"url\" id=\"target_url\" name=\"target_url\" placeholder=\"https:\/\/yourwebsite.com\" required>\n            <\/div>\n\n            <div class=\"xplay-field\">\n                <label for=\"slot_id\">Ad Slot <span>*<\/span><\/label>\n                                <select id=\"slot_id\" name=\"slot_id\" required>\n                    <option value=\"\">\u2014 Choose a slot \u2014<\/option>\n                                            <option value=\"4\"\n                            data-width=\"728\"\n                            data-height=\"90\"\n                            data-price=\"39.99\"\n                            data-name=\"Footer Banner\"\n                            data-slug=\"footer\"\n                                                        >\n                            Footer Banner                            (728\u00d790)\n                            \u2014 $39.99\/week\n                                                    <\/option>\n                                            <option value=\"5\"\n                            data-width=\"300\"\n                            data-height=\"250\"\n                            data-price=\"29.99\"\n                            data-name=\"grid ad\"\n                            data-slug=\"grid-ad\"\n                                                        >\n                            grid ad                            (300\u00d7250)\n                            \u2014 $29.99\/week\n                                                    <\/option>\n                                            <option value=\"1\"\n                            data-width=\"728\"\n                            data-height=\"90\"\n                            data-price=\"49.99\"\n                            data-name=\"Header Banner\"\n                            data-slug=\"header\"\n                                                        >\n                            Header Banner                            (728\u00d790)\n                            \u2014 $49.99\/week\n                                                    <\/option>\n                                            <option value=\"3\"\n                            data-width=\"300\"\n                            data-height=\"250\"\n                            data-price=\"24.99\"\n                            data-name=\"Sidebar Bottom\"\n                            data-slug=\"sidebar-bottom\"\n                                                        >\n                            Sidebar Bottom                            (300\u00d7250)\n                            \u2014 $24.99\/week\n                                                    <\/option>\n                                            <option value=\"2\"\n                            data-width=\"300\"\n                            data-height=\"250\"\n                            data-price=\"29.99\"\n                            data-name=\"Sidebar Top\"\n                            data-slug=\"sidebar-top\"\n                                                        >\n                            Sidebar Top                            (300\u00d7250)\n                            \u2014 $29.99\/week\n                                                    <\/option>\n                                    <\/select>\n                            <\/div>\n\n            <div class=\"xplay-field\">\n                <label for=\"duration_days\">Select Duration <span>*<\/span><\/label>\n                <select id=\"duration_days\" name=\"duration_days\">\n                    <option value=\"7\"  data-weeks=\"1\" selected>1 week (7 days)<\/option>\n                    <option value=\"14\" data-weeks=\"2\">2 weeks (14 days)<\/option>\n                    <option value=\"30\" data-weeks=\"4\">1 month (30 days)<\/option>\n                    <option value=\"60\" data-weeks=\"8\">2 months (60 days)<\/option>\n                    <option value=\"90\" data-weeks=\"12\">3 months (90 days)<\/option>\n                <\/select>\n            <\/div>\n\n            <!-- Live price breakdown -->\n            <div class=\"xplay-price-summary\" id=\"xplay-price-summary\" style=\"display:none;\">\n                <div class=\"xplay-price-summary__row\">\n                    <span id=\"xplay-price-slot-name\"><\/span>\n                    <span>$<span id=\"xplay-price-base\"><\/span>\/week<\/span>\n                <\/div>\n                <div class=\"xplay-price-summary__row\">\n                    <span>Duration<\/span>\n                    <span id=\"xplay-price-duration-label\"><\/span>\n                <\/div>\n                <div class=\"xplay-price-summary__row xplay-price-summary__total\">\n                    <span>Total due<\/span>\n                    <span>$<span id=\"xplay-price-total\"><\/span><\/span>\n                <\/div>\n            <\/div>\n\n            <div class=\"xplay-field\">\n                <label for=\"banner\">Banner Image <span>*<\/span><\/label>\n                <input type=\"file\" id=\"banner\" name=\"banner\" accept=\"image\/jpeg,image\/png,image\/gif,image\/webp\" required>\n                <p class=\"xplay-hint\">JPEG, PNG, GIF, or WebP. Max 2 MB.<\/p>\n                <div id=\"xplay-banner-preview\"><\/div>\n            <\/div>\n\n            <button type=\"submit\" class=\"xplay-btn xplay-btn--primary\" id=\"xplay-submit-btn\">\n                Preview My Ad in Slot \u2192            <\/button>\n        <\/form>\n    <\/div>\n\n    <!-- \u2500\u2500 Step 2: Slot Preview \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <div class=\"xplay-step\" id=\"xplay-step-preview\" style=\"display:none;\">\n        <h2 class=\"xplay-heading\">Preview Your Ad<\/h2>\n        <p class=\"xplay-subheading\">This is exactly how your ad will look in the selected slot. Happy with it? Proceed to payment.<\/p>\n\n        <!-- Slot context mockup -->\n        <div class=\"xplay-mockup\" id=\"xplay-mockup\">\n\n            <!-- Header slot mockup -->\n            <div class=\"xplay-mockup__layout xplay-mockup__layout--header\" id=\"xplay-mockup-header\" style=\"display:none;\">\n                <div class=\"xplay-mockup__bar\">\n                    <div class=\"xplay-mockup__logo\"><\/div>\n                    <div class=\"xplay-mockup__nav\"><span><\/span><span><\/span><span><\/span><\/div>\n                <\/div>\n                <div class=\"xplay-mockup__slot-area xplay-mockup__slot-area--full\">\n                    <div class=\"xplay-mockup__slot-label\">\u2191 Your ad appears here (Header)<\/div>\n                    <div class=\"xplay-mockup__ad-frame\" id=\"xplay-mockup-ad-frame-header\">\n                        <a href=\"#\" id=\"xplay-preview-link-header\" target=\"_blank\"><img decoding=\"async\" id=\"xplay-preview-img-header\" src=\"\" alt=\"\"><\/a>\n                    <\/div>\n                <\/div>\n                <div class=\"xplay-mockup__content-row\">\n                    <div class=\"xplay-mockup__text-block\"><\/div>\n                    <div class=\"xplay-mockup__text-block\"><\/div>\n                    <div class=\"xplay-mockup__text-block\"><\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Sidebar slot mockup -->\n            <div class=\"xplay-mockup__layout xplay-mockup__layout--sidebar\" id=\"xplay-mockup-sidebar\" style=\"display:none;\">\n                <div class=\"xplay-mockup__bar\">\n                    <div class=\"xplay-mockup__logo\"><\/div>\n                    <div class=\"xplay-mockup__nav\"><span><\/span><span><\/span><span><\/span><\/div>\n                <\/div>\n                <div class=\"xplay-mockup__body-row\">\n                    <div class=\"xplay-mockup__main-content\">\n                        <div class=\"xplay-mockup__text-block\"><\/div>\n                        <div class=\"xplay-mockup__text-block xplay-mockup__text-block--short\"><\/div>\n                        <div class=\"xplay-mockup__text-block\"><\/div>\n                    <\/div>\n                    <div class=\"xplay-mockup__sidebar-col\">\n                        <div class=\"xplay-mockup__slot-label\">\u2190 Your ad (Sidebar)<\/div>\n                        <div class=\"xplay-mockup__ad-frame\" id=\"xplay-mockup-ad-frame-sidebar\">\n                            <a href=\"#\" id=\"xplay-preview-link-sidebar\" target=\"_blank\"><img decoding=\"async\" id=\"xplay-preview-img-sidebar\" src=\"\" alt=\"\"><\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Footer slot mockup -->\n            <div class=\"xplay-mockup__layout xplay-mockup__layout--footer\" id=\"xplay-mockup-footer\" style=\"display:none;\">\n                <div class=\"xplay-mockup__bar\">\n                    <div class=\"xplay-mockup__logo\"><\/div>\n                    <div class=\"xplay-mockup__nav\"><span><\/span><span><\/span><span><\/span><\/div>\n                <\/div>\n                <div class=\"xplay-mockup__content-row\">\n                    <div class=\"xplay-mockup__text-block\"><\/div>\n                    <div class=\"xplay-mockup__text-block\"><\/div>\n                    <div class=\"xplay-mockup__text-block\"><\/div>\n                <\/div>\n                <div class=\"xplay-mockup__slot-area xplay-mockup__slot-area--full\">\n                    <div class=\"xplay-mockup__slot-label\">\u2193 Your ad appears here (Footer)<\/div>\n                    <div class=\"xplay-mockup__ad-frame\" id=\"xplay-mockup-ad-frame-footer\">\n                        <a href=\"#\" id=\"xplay-preview-link-footer\" target=\"_blank\"><img decoding=\"async\" id=\"xplay-preview-img-footer\" src=\"\" alt=\"\"><\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Generic fallback mockup -->\n            <div class=\"xplay-mockup__layout xplay-mockup__layout--generic\" id=\"xplay-mockup-generic\" style=\"display:none;\">\n                <div class=\"xplay-mockup__slot-label\" id=\"xplay-mockup-generic-label\"><\/div>\n                <div class=\"xplay-mockup__ad-frame\" id=\"xplay-mockup-ad-frame-generic\">\n                    <a href=\"#\" id=\"xplay-preview-link-generic\" target=\"_blank\"><img decoding=\"async\" id=\"xplay-preview-img-generic\" src=\"\" alt=\"\"><\/a>\n                <\/div>\n            <\/div>\n\n        <\/div><!-- \/.xplay-mockup -->\n\n        <!-- CTA to proceed -->\n        <div class=\"xplay-preview-cta\">\n            <p>Looking good? Proceed to payment to make it live.<\/p>\n            <button class=\"xplay-btn xplay-btn--primary xplay-btn--large\" id=\"xplay-proceed-to-pay\">\n                \ud83d\udcb3 Looks Good \u2014 Proceed to Payment \u2192            <\/button>\n            <button class=\"xplay-btn xplay-btn--ghost\" id=\"xplay-back-btn\">\u2190 Back & Edit<\/button>\n        <\/div>\n    <\/div>\n\n    <!-- \u2500\u2500 Step 3: Payment \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n    <div class=\"xplay-step\" id=\"xplay-step-payment\" style=\"display:none;\">\n        <h2 class=\"xplay-heading\">Complete Payment<\/h2>\n\n        <div class=\"xplay-payment-box\">\n            <div class=\"xplay-price-summary xplay-price-summary--payment\" id=\"xplay-preview-price-breakdown\"><\/div>\n            <div id=\"xplay-payment-notice\"><\/div>\n            <div class=\"xplay-payment-methods\">\n                                <button class=\"xplay-btn xplay-btn--stripe\" data-method=\"stripe\">\n                    \ud83d\udcb3 Pay with Stripe                <\/button>\n                                                <button class=\"xplay-btn xplay-btn--paypal\" data-method=\"paypal\">\n                    \ud83c\udd7f\ufe0f Pay with PayPal                <\/button>\n                                            <\/div>\n        <\/div>\n\n        <button class=\"xplay-btn xplay-btn--ghost\" id=\"xplay-back-to-preview-btn\">\u2190 Back to Preview<\/button>\n    <\/div>\n\n<\/div>\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":"","meta":{"footnotes":""},"class_list":["post-32","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/xplaytube.com\/demo\/wp-json\/wp\/v2\/pages\/32","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xplaytube.com\/demo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xplaytube.com\/demo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xplaytube.com\/demo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xplaytube.com\/demo\/wp-json\/wp\/v2\/comments?post=32"}],"version-history":[{"count":3,"href":"https:\/\/xplaytube.com\/demo\/wp-json\/wp\/v2\/pages\/32\/revisions"}],"predecessor-version":[{"id":35,"href":"https:\/\/xplaytube.com\/demo\/wp-json\/wp\/v2\/pages\/32\/revisions\/35"}],"wp:attachment":[{"href":"https:\/\/xplaytube.com\/demo\/wp-json\/wp\/v2\/media?parent=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}