{"id":1197,"date":"2023-07-28T19:24:03","date_gmt":"2023-07-28T19:24:03","guid":{"rendered":"https:\/\/jazzyjs.biz\/?page_id=1197"},"modified":"2026-11-04T12:12:58","modified_gmt":"2026-11-04T12:12:58","slug":"careers","status":"publish","type":"page","link":"https:\/\/jazzyjs.biz\/index.php\/careers\/","title":{"rendered":"Careers"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1197\" class=\"elementor elementor-1197\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-373ef779 elementor-section-content-bottom elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"373ef779\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6bc997bb\" data-id=\"6bc997bb\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-11d011e6 elementor-widget elementor-widget-heading\" data-id=\"11d011e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Careers<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-54155232 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"54155232\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-45b047fd\" data-id=\"45b047fd\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-90441e6 elementor-widget elementor-widget-image\" data-id=\"90441e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"2560\" height=\"1707\" src=\"https:\/\/jazzyjs.biz\/wp-content\/uploads\/2023\/02\/ian-dooley-DJ7bWa-Gwks-unsplash-scaled.jpg\" class=\"attachment-full size-full wp-image-1078\" alt=\"\" srcset=\"https:\/\/jazzyjs.biz\/wp-content\/uploads\/2023\/02\/ian-dooley-DJ7bWa-Gwks-unsplash-scaled.jpg 2560w, https:\/\/jazzyjs.biz\/wp-content\/uploads\/2023\/02\/ian-dooley-DJ7bWa-Gwks-unsplash-300x200.jpg 300w, https:\/\/jazzyjs.biz\/wp-content\/uploads\/2023\/02\/ian-dooley-DJ7bWa-Gwks-unsplash-1024x683.jpg 1024w, https:\/\/jazzyjs.biz\/wp-content\/uploads\/2023\/02\/ian-dooley-DJ7bWa-Gwks-unsplash-768x512.jpg 768w, https:\/\/jazzyjs.biz\/wp-content\/uploads\/2023\/02\/ian-dooley-DJ7bWa-Gwks-unsplash-1536x1024.jpg 1536w, https:\/\/jazzyjs.biz\/wp-content\/uploads\/2023\/02\/ian-dooley-DJ7bWa-Gwks-unsplash-2048x1365.jpg 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-654630\" data-id=\"654630\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-517d4481 elementor-widget elementor-widget-heading\" data-id=\"517d4481\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><p style=\"margin: 0px;font-size-adjust: none;font-stretch: normal;font-size: 11px;line-height: normal;font-family: Arial;letter-spacing: normal\"><span style=\"font-family: Aboreto, system-ui;font-size: 45px;letter-spacing: -1px\">Join our team<\/span><span style=\"font-family: Aboreto, system-ui;font-size: 45px;letter-spacing: -1px\"><\/span><\/p><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-55f17d8d elementor-widget elementor-widget-text-editor\" data-id=\"55f17d8d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"p1\"><i>We\u2019re excited to meet you \u2014 apply below and we\u2019ll be in touch soon!<\/i><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-136119d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"136119d\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-dc83ee8\" data-id=\"dc83ee8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6a53a74 elementor-widget elementor-widget-html\" data-id=\"6a53a74\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!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>Job Application Form<\/title>\n    <!-- Captcha script -->\n    <script src=\"https:\/\/js.hcaptcha.com\/1\/api.js\" async defer><\/script>\n    \n    <style>\n        :root {\n            --primary-text: #343a40; \n            --input-border: #ced4da;\n            --input-focus: #b185f5;\n            --btn-bg: #b185f5; \n            --btn-hover: #9b6be0;\n            --font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n        }\n\n        .custom-form-wrapper {\n            font-family: var(--font-family);\n            background-color: transparent;\n            padding: 20px 0;\n            display: flex;\n            justify-content: flex-start;\n        }\n\n        .form-container {\n            background: transparent;\n            max-width: 800px;\n            width: 100%;\n        }\n\n        .form-group {\n            margin-bottom: 20px;\n        }\n\n        .form-group label {\n            display: block;\n            margin-bottom: 8px;\n            font-size: 16px;\n            color: #2b324d; \/* Dark blue label color matching your screenshot *\/\n        }\n\n        .form-control {\n            width: 100%;\n            padding: 12px;\n            font-size: 15px;\n            color: #495057;\n            border: 1px solid var(--input-border);\n            border-radius: 4px;\n            box-sizing: border-box;\n            font-family: var(--font-family);\n            transition: border-color 0.15s ease-in-out;\n            background-color: #fff;\n        }\n\n        .form-control::placeholder {\n            color: #6c757d;\n        }\n\n        .form-control:focus {\n            outline: none;\n            border-color: var(--input-focus);\n            box-shadow: 0 0 0 0.2rem rgba(177, 133, 245, 0.25);\n        }\n\n        select.form-control {\n            appearance: auto;\n            background-color: #fff;\n        }\n\n        \/* File Input Styling *\/\n        input[type=\"file\"] {\n            padding: 0;\n            border: none;\n            font-size: 14px;\n            background-color: transparent;\n        }\n        \n        input[type=\"file\"]::file-selector-button {\n            padding: 6px 12px;\n            background: #efefef;\n            border: 1px solid #767676;\n            border-radius: 3px;\n            color: #000;\n            cursor: pointer;\n            margin-right: 10px;\n            font-size: 13px;\n        }\n\n        \/* Submit Button Styling *\/\n        .btn-submit {\n            background-color: var(--btn-bg);\n            color: #ffffff;\n            border: none;\n            padding: 12px 40px;\n            font-size: 16px;\n            border-radius: 50px; \/* Pill shape *\/\n            cursor: pointer;\n            transition: background-color 0.2s;\n            display: inline-block;\n            margin-top: 10px;\n            min-width: 150px;\n        }\n\n        .btn-submit:hover {\n            background-color: var(--btn-hover);\n        }\n\n        .btn-submit:disabled {\n            background-color: #cccccc;\n            cursor: not-allowed;\n        }\n\n        \/* Status Message Styling *\/\n        #form-status {\n            margin-top: 20px;\n            padding: 15px;\n            border-radius: 4px;\n            display: none;\n            font-weight: 500;\n        }\n\n        .status-success {\n            background-color: #d4edda;\n            color: #155724;\n            border: 1px solid #c3e6cb;\n        }\n\n        .status-error {\n            background-color: #f8d7da;\n            color: #721c24;\n            border: 1px solid #f5c6cb;\n        }\n\n        \/* Honeypot hidden field *\/\n        .honeypot-field {\n            display: none !important;\n            visibility: hidden;\n            position: absolute;\n            left: -9999px;\n        }\n        \n        .captcha-container {\n            margin: 20px 0;\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"custom-form-wrapper\">\n        <div class=\"form-container\">\n            <form id=\"application-form\">\n                <!-- Hidden Field for Subject -->\n                <input type=\"hidden\" name=\"subject\" value=\"New message from Jazzy J's\">\n                \n                <!-- Honeypot Field to catch bots -->\n                <input type=\"text\" name=\"_honey\" class=\"honeypot-field\" tabindex=\"-1\" autocomplete=\"off\" placeholder=\"Leave this field blank\">\n\n                <div class=\"form-group\">\n                    <label for=\"firstName\">First Name<\/label>\n                    <input type=\"text\" id=\"firstName\" name=\"First_Name\" class=\"form-control\" placeholder=\"First Name\" required>\n                <\/div>\n\n                <div class=\"form-group\">\n                    <label for=\"lastName\">Last Name<\/label>\n                    <input type=\"text\" id=\"lastName\" name=\"Last_Name\" class=\"form-control\" placeholder=\"Last Name\" required>\n                <\/div>\n\n                <div class=\"form-group\">\n                    <label for=\"emailAddress\">Email Address<\/label>\n                    <input type=\"email\" id=\"emailAddress\" name=\"Email_Address\" class=\"form-control\" placeholder=\"Email Address\" required>\n                <\/div>\n\n                <div class=\"form-group\">\n                    <label for=\"phoneNumber\">Phone Number<\/label>\n                    <input type=\"tel\" id=\"phoneNumber\" name=\"Phone_Number\" class=\"form-control\" placeholder=\"Phone Number\" required>\n                <\/div>\n\n                <div class=\"form-group\">\n                    <label for=\"jobPosition\">Select Job Position<\/label>\n                    <select id=\"jobPosition\" name=\"Job_Position\" class=\"form-control\" required>\n                        <option value=\"Customer Service Representative\">Customer Service Representative<\/option>\n                        <option value=\"Marketing\">Marketing<\/option>\n                        <option value=\"Other\">Other<\/option>\n                    <\/select>\n                <\/div>\n\n                <div class=\"form-group\">\n                    <label for=\"resumeUpload\">Upload Resume:<\/label>\n                    <input type=\"file\" id=\"resumeUpload\" name=\"Resume\" class=\"form-control\" accept=\".pdf,.doc,.docx\" required>\n                <\/div>\n\n                <!-- hCaptcha Widget Integration -->\n                <div class=\"captcha-container\">\n                    <div class=\"h-captcha\" data-sitekey=\"6df85320-595c-4a3c-9154-b44aee48278e\"><\/div>\n                <\/div>\n\n                <button type=\"submit\" class=\"btn-submit\" id=\"submit-btn\">Send<\/button>\n\n                <div id=\"form-status\"><\/div>\n            <\/form>\n        <\/div>\n    <\/div>\n\n    <script>\n        document.getElementById('application-form').addEventListener('submit', async function(e) {\n            e.preventDefault();\n            \n            const form = e.target;\n            const submitBtn = document.getElementById('submit-btn');\n            const statusDiv = document.getElementById('form-status');\n            \n            \/\/ 1. Honeypot check\n            const honeypot = form.querySelector('input[name=\"_honey\"]').value;\n            if (honeypot) {\n                return false; \n            }\n\n            \/\/ 2. 6MB File Size Limit Check\n            const fileInput = document.getElementById('resumeUpload');\n            if (fileInput.files.length > 0) {\n                const fileSize = fileInput.files[0].size;\n                const maxSize = 6 * 1024 * 1024; \/\/ 6 MB in bytes\n                if (fileSize > maxSize) {\n                    statusDiv.textContent = 'Your resume exceeds the 6MB limit. Please upload a smaller file.';\n                    statusDiv.classList.add('status-error');\n                    statusDiv.style.display = 'block';\n                    return false; \n                }\n            }\n\n            \/\/ 3. Setup Payload\n            const formData = new FormData(form);\n\n            \/\/ UI Feedback during submission\n            submitBtn.textContent = 'Sending...';\n            submitBtn.disabled = true;\n            statusDiv.style.display = 'none';\n            statusDiv.className = '';\n\n            try {\n                \/\/ Pointing to the custom WordPress API Endpoint created via PHP Code Snippet\n                const response = await fetch('\/wp-json\/jazzyjs\/v1\/submit-form', {\n                    method: 'POST',\n                    body: formData\n                });\n\n                const result = await response.json();\n\n                if (response.ok && result.success) {\n                    statusDiv.textContent = 'Thank you for submitting your application.';\n                    statusDiv.classList.add('status-success');\n                    statusDiv.style.display = 'block';\n                    form.reset();\n                    if(typeof hcaptcha !== 'undefined') { hcaptcha.reset(); }\n                } else {\n                    statusDiv.textContent = result.message || 'Your submission failed because of a server error.';\n                    statusDiv.classList.add('status-error');\n                    statusDiv.style.display = 'block';\n                }\n            } catch (error) {\n                statusDiv.textContent = 'Your submission failed because of an error. Please try again.';\n                statusDiv.classList.add('status-error');\n                statusDiv.style.display = 'block';\n            } finally {\n                submitBtn.textContent = 'Send';\n                submitBtn.disabled = false;\n            }\n        });\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Careers Join our team We\u2019re excited to meet you \u2014 apply below and we\u2019ll be in touch soon! Job Application Form First Name Last Name Email Address Phone Number Select Job Position Customer Service RepresentativeMarketingOther Upload Resume: Send<\/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-1197","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jazzyjs.biz\/index.php\/wp-json\/wp\/v2\/pages\/1197","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jazzyjs.biz\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jazzyjs.biz\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jazzyjs.biz\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jazzyjs.biz\/index.php\/wp-json\/wp\/v2\/comments?post=1197"}],"version-history":[{"count":40,"href":"https:\/\/jazzyjs.biz\/index.php\/wp-json\/wp\/v2\/pages\/1197\/revisions"}],"predecessor-version":[{"id":1745,"href":"https:\/\/jazzyjs.biz\/index.php\/wp-json\/wp\/v2\/pages\/1197\/revisions\/1745"}],"wp:attachment":[{"href":"https:\/\/jazzyjs.biz\/index.php\/wp-json\/wp\/v2\/media?parent=1197"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}