{"id":14,"date":"2026-05-06T10:01:22","date_gmt":"2026-05-06T10:01:22","guid":{"rendered":"https:\/\/newuser.levelsit.com.au\/?page_id=14"},"modified":"2026-07-06T15:11:04","modified_gmt":"2026-07-06T15:11:04","slug":"homepage","status":"publish","type":"page","link":"https:\/\/newuser.levelsit.com.au\/","title":{"rendered":"homepage"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"14\" class=\"elementor elementor-14\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e5b401b e-con-full e-flex e-con e-parent\" data-id=\"e5b401b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-747d335 elementor-widget elementor-widget-shortcode\" data-id=\"747d335\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\nhtml,\nbody{\n    overflow-x:hidden !important;\n}\n\n.lit-user-request-page{\n    font-family:'Plus Jakarta Sans',sans-serif;\n    background:#f5f8fc;\n    color:#102033;\n    width:100vw;\n    margin-left:calc(50% - 50vw);\n    margin-right:calc(50% - 50vw);\n}\n\n\/* HERO *\/\n\n.lit-ur-hero{\n    position:relative;\n    overflow:hidden;\n    padding:105px 20px 185px;\n    text-align:center;\n    color:#fff;\n    background:\n        linear-gradient(135deg,rgba(2,12,32,.94),rgba(4,25,68,.90),rgba(7,63,126,.78)),\n        url('https:\/\/levelsit.com.au\/wp-content\/uploads\/2025\/12\/Levels-IT-For-All-Your-IT-Needs-Homepage-background-scaled.webp');\n    background-size:cover;\n    background-position:center;\n}\n\n.lit-ur-hero::before{\n    content:\"\";\n    position:absolute;\n    inset:0;\n    background:\n        linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),\n        linear-gradient(0deg,rgba(255,255,255,.018) 1px,transparent 1px);\n    background-size:120px 120px;\n    opacity:.45;\n    z-index:1;\n}\n\n.lit-ur-hero::after{\n    content:\"\";\n    position:absolute;\n    left:-8%;\n    right:-8%;\n    bottom:-90px;\n    height:180px;\n    background:#f5f8fc;\n    transform:rotate(-3deg);\n    z-index:2;\n}\n\n.lit-ur-hero-content{\n    position:relative;\n    z-index:3;\n    max-width:950px;\n    margin:0 auto;\n}\n\n.lit-ur-logo{\n    display:flex;\n    justify-content:center;\n    margin-bottom:26px;\n}\n\n.lit-ur-logo img{\n    max-width:165px;\n    width:100%;\n    height:auto;\n}\n\n.lit-ur-hero h1{\n    margin:0;\n    font-size:clamp(42px,5.5vw,78px);\n    line-height:.96;\n    font-weight:800;\n    letter-spacing:-2.7px;\n    color:#fff;\n    text-shadow:0 14px 40px rgba(0,0,0,.32);\n}\n\n.lit-ur-hero h1 span{\n    display:block;\n    background:linear-gradient(180deg,#65d8ff,#1da1ff);\n    -webkit-background-clip:text;\n    -webkit-text-fill-color:transparent;\n    background-clip:text;\n}\n\n\/* CARD *\/\n\n.lit-ur-section{\n    position:relative;\n    z-index:5;\n    max-width:1180px;\n    margin:-140px auto 0;\n    padding:0 20px 90px;\n}\n\n.lit-ur-card{\n    display:grid;\n    grid-template-columns:.82fr 1.38fr;\n    background:#fff;\n    border-radius:24px;\n    overflow:hidden;\n    box-shadow:0 28px 80px rgba(7,24,51,.16);\n    border:1px solid rgba(16,32,51,.07);\n}\n\n\/* LEFT PANEL *\/\n\n.lit-ur-info{\n    background:linear-gradient(180deg,#0b376f 0%,#06182d 100%);\n    padding:48px 40px;\n    color:#fff;\n}\n\n.lit-ur-info h2{\n    margin:0 0 14px;\n    font-size:32px;\n    line-height:1.12;\n    font-weight:800;\n    letter-spacing:-.9px;\n    color:#fff;\n}\n\n.lit-ur-info p{\n    margin:0;\n    font-size:14px;\n    line-height:1.75;\n    color:#c8d7ea;\n}\n\n.lit-phone-card{\n    margin-top:32px;\n    padding:24px;\n    border-radius:20px;\n    background:#ffffff;\n    color:#102033;\n    box-shadow:0 18px 40px rgba(0,0,0,.18);\n}\n\n.lit-phone-icon{\n    width:52px;\n    height:52px;\n    border-radius:16px;\n    background:#146eea;\n    color:#fff;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    margin-bottom:16px;\n    box-shadow:0 12px 26px rgba(20,110,234,.32);\n}\n\n.lit-phone-icon svg{\n    width:24px;\n    height:24px;\n}\n\n.lit-phone-card h3{\n    margin:0 0 5px;\n    font-size:15px;\n    font-weight:800;\n    color:#102033;\n}\n\n.lit-phone-card a{\n    display:inline-block;\n    margin-top:4px;\n    font-size:25px;\n    line-height:1.2;\n    font-weight:800;\n    letter-spacing:-.7px;\n    color:#146eea;\n    text-decoration:none;\n}\n\n.lit-phone-card small{\n    display:block;\n    margin-top:8px;\n    font-size:12px;\n    line-height:1.6;\n    color:#65758a;\n}\n\n.lit-ur-checklist{\n    margin-top:28px;\n    display:grid;\n    gap:12px;\n}\n\n.lit-ur-check{\n    display:flex;\n    align-items:flex-start;\n    gap:10px;\n    font-size:13px;\n    line-height:1.6;\n    color:#d7e6f8;\n}\n\n.lit-ur-check span{\n    width:20px;\n    height:20px;\n    min-width:20px;\n    border-radius:50%;\n    background:rgba(86,210,255,.14);\n    color:#65d8ff;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    font-size:12px;\n    font-weight:800;\n}\n\n\/* FORM PANEL *\/\n\n.lit-ur-form{\n    padding:50px;\n    background:#fff;\n}\n\n.lit-ur-form h2{\n    margin:0 0 8px;\n    font-size:31px;\n    line-height:1.15;\n    font-weight:800;\n    letter-spacing:-.8px;\n    color:#102033;\n}\n\n.lit-ur-form-intro{\n    margin:0 0 26px;\n    font-size:14px;\n    line-height:1.7;\n    color:#65758a;\n}\n\n.lit-form-message{\n    display:none;\n    margin-bottom:18px;\n    padding:14px;\n    border-radius:12px;\n    font-size:14px;\n}\n\n.lit-form-message.error{\n    display:block;\n    background:#fef2f2;\n    color:#991b1b;\n    border:1px solid #ef4444;\n}\n\n.lit-grid{\n    display:grid;\n    grid-template-columns:1fr 1fr;\n    gap:16px;\n}\n\n.lit-field{\n    display:flex;\n    flex-direction:column;\n    gap:7px;\n}\n\n.lit-field.full{\n    grid-column:1 \/ -1;\n}\n\n.lit-field label{\n    font-size:12px;\n    font-weight:800;\n    color:#37465a;\n}\n\n.lit-field input,\n.lit-field select,\n.lit-field textarea{\n    width:100%;\n    border:1px solid transparent;\n    outline:none;\n    border-radius:13px;\n    background:#f5f7fb;\n    padding:14px 15px;\n    font-family:'Plus Jakarta Sans',sans-serif;\n    font-size:14px;\n    color:#102033;\n    transition:.25s ease;\n    box-sizing:border-box;\n}\n\n.lit-field textarea{\n    min-height:105px;\n    resize:vertical;\n}\n\n.lit-field input:focus,\n.lit-field select:focus,\n.lit-field textarea:focus{\n    background:#fff;\n    border-color:#146eea;\n    box-shadow:0 0 0 4px rgba(20,110,234,.10);\n}\n\n.lit-section-title{\n    grid-column:1 \/ -1;\n    margin:8px 0 -2px;\n    font-size:14px;\n    font-weight:800;\n    color:#0c2f65;\n    border-top:1px solid #edf1f7;\n    padding-top:18px;\n}\n\n.lit-submit-btn{\n    grid-column:1 \/ -1;\n    margin-top:8px;\n    width:100%;\n    border:none;\n    border-radius:13px;\n    padding:16px 24px;\n    background:#146eea;\n    color:#fff;\n    font-family:'Plus Jakarta Sans',sans-serif;\n    font-size:14px;\n    font-weight:800;\n    cursor:pointer;\n    transition:.25s ease;\n    box-shadow:0 12px 28px rgba(20,110,234,.25);\n}\n\n.lit-submit-btn:hover{\n    background:#0b4f77;\n    color:#fff;\n    transform:translateY(-2px);\n}\n\n.lit-submit-btn:disabled{\n    opacity:.75;\n    cursor:not-allowed;\n}\n\n\/* SUCCESS MODAL *\/\n\n.lit-modal{\n    position:fixed;\n    inset:0;\n    background:rgba(15,23,42,.55);\n    display:none;\n    align-items:center;\n    justify-content:center;\n    z-index:999999;\n    padding:20px;\n}\n\n.lit-modal.show{\n    display:flex;\n}\n\n.lit-modal-box{\n    max-width:420px;\n    background:#fff;\n    border-radius:18px;\n    padding:30px;\n    text-align:center;\n    box-shadow:0 25px 60px rgba(0,0,0,.18);\n}\n\n.lit-modal-icon{\n    width:62px;\n    height:62px;\n    margin:0 auto 15px;\n    border-radius:50%;\n    background:#ecfdf5;\n    color:#10b981;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    font-size:30px;\n    font-weight:800;\n}\n\n.lit-modal-box h4{\n    margin:0 0 10px;\n    font-size:24px;\n    color:#102033;\n}\n\n.lit-modal-box p{\n    margin:0 0 18px;\n    color:#475569;\n    line-height:1.7;\n    font-size:15px;\n}\n\n.lit-modal-close{\n    background:#146eea;\n    color:#fff;\n    border:none;\n    border-radius:12px;\n    padding:12px 22px;\n    font-weight:800;\n    cursor:pointer;\n    min-width:120px;\n    transition:.25s ease;\n}\n\n.lit-modal-close:hover{\n    background:#0b4f77;\n}\n\n\/* MOBILE *\/\n\n@media(max-width:900px){\n    .lit-ur-card{\n        grid-template-columns:1fr;\n    }\n\n    .lit-ur-info,\n    .lit-ur-form{\n        padding:36px 26px;\n    }\n\n    .lit-ur-section{\n        margin-top:-125px;\n    }\n}\n\n@media(max-width:640px){\n    .lit-ur-hero{\n        padding:85px 18px 165px;\n    }\n\n    .lit-ur-logo img{\n        max-width:140px;\n    }\n\n    .lit-ur-hero h1{\n        font-size:45px;\n        letter-spacing:-1.8px;\n    }\n\n    .lit-grid{\n        grid-template-columns:1fr;\n    }\n\n    .lit-ur-form h2,\n    .lit-ur-info h2{\n        font-size:26px;\n    }\n\n    .lit-phone-card a{\n        font-size:22px;\n    }\n}\n<\/style>\n\n<div class=\"lit-user-request-page\">\n\n    <section class=\"lit-ur-hero\">\n        <div class=\"lit-ur-hero-content\">\n\n            <div class=\"lit-ur-logo\">\n                <img decoding=\"async\" src=\"https:\/\/levelsit.com.au\/wp-content\/uploads\/2026\/01\/cropped-cropped-Levels-IT-Logo-favicon.png\" alt=\"LEVELS IT Logo\">\n            <\/div>\n\n            <h1>\n                Streamlined\n                <span>New User Requests<\/span>\n            <\/h1>\n\n        <\/div>\n    <\/section>\n\n    <section class=\"lit-ur-section\">\n\n        <div class=\"lit-ur-card\">\n\n            <div class=\"lit-ur-info\">\n\n                <h2>Need help with a new user setup?<\/h2>\n\n                <p>\n                    Complete the request form and our team will review the details.\n                    For urgent assistance, call our support team directly.\n                <\/p>\n\n                <div class=\"lit-phone-card\">\n                    <div class=\"lit-phone-icon\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\">\n                            <path d=\"M22 16.9v3a2 2 0 0 1-2.2 2A19.8 19.8 0 0 1 3 5.2 2 2 0 0 1 5 3h3a2 2 0 0 1 2 1.7c.1.9.3 1.8.6 2.6a2 2 0 0 1-.4 2.1L8 11.6a16 16 0 0 0 4.4 4.4l2.2-2.2a2 2 0 0 1 2.1-.4c.8.3 1.7.5 2.6.6A2 2 0 0 1 22 16.9Z\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                        <\/svg>\n                    <\/div>\n                    <h3>Call LEVELS IT<\/h3>\n                    <a href=\"tel:0283551619\">02 8355 1619<\/a>\n                    <small>For urgent new user setup or access requests.<\/small>\n                <\/div>\n\n                <div class=\"lit-ur-checklist\">\n                    <div class=\"lit-ur-check\"><span>\u2713<\/span> New user onboarding details<\/div>\n                    <div class=\"lit-ur-check\"><span>\u2713<\/span> SharePoint and network drive access<\/div>\n                    <div class=\"lit-ur-check\"><span>\u2713<\/span> Phone and printer requirements<\/div>\n                <\/div>\n\n            <\/div>\n\n            <div class=\"lit-ur-form\">\n\n                <h2>Submit request<\/h2>\n\n                <p class=\"lit-ur-form-intro\">\n                    Fill in the required details below so our team can process the setup correctly.\n                <\/p>\n\n                <div class=\"lit-form-message\"><\/div>\n\n                <form class=\"lit-contact-ajax-form\">\n\n                    <input type=\"hidden\" name=\"action\" value=\"lit_send_user_request\">\n                    <input type=\"hidden\" name=\"nonce\" value=\"96a646c366\">\n\n                    <div class=\"lit-grid\">\n\n                        <div class=\"lit-section-title\">User Details<\/div>\n\n                        <div class=\"lit-field\">\n                            <label>Full Name *<\/label>\n                            <input name=\"full_name\" type=\"text\" placeholder=\"Full Name\" required>\n                        <\/div>\n\n                        <div class=\"lit-field\">\n                            <label>Title *<\/label>\n                            <input name=\"title\" type=\"text\" placeholder=\"Title\" required>\n                        <\/div>\n\n                        <div class=\"lit-field\">\n                            <label>Company Email<\/label>\n                            <input name=\"company_email\" type=\"email\" placeholder=\"name@company.com\">\n                        <\/div>\n\n                        <div class=\"lit-field\">\n                            <label>Phone Number<\/label>\n                            <input name=\"phone_number\" type=\"tel\" placeholder=\"Phone Number\">\n                        <\/div>\n\n                        <div class=\"lit-field\">\n                            <label>Phone Set<\/label>\n                            <select name=\"phone_set\">\n                                <option value=\"\">Select Option<\/option>\n                                <option value=\"Yes\">Yes<\/option>\n                                <option value=\"No\">No<\/option>\n                            <\/select>\n                        <\/div>\n\n                        <div class=\"lit-field\">\n                            <label>Printer<\/label>\n                            <select name=\"printer\">\n                                <option value=\"\">Select Option<\/option>\n                                <option value=\"Required\">Required<\/option>\n                                <option value=\"Not Required\">Not Required<\/option>\n                            <\/select>\n                        <\/div>\n\n                        <div class=\"lit-section-title\">SharePoint Access<\/div>\n\n                        <div class=\"lit-field full\">\n                            <label>SharePoint Notes<\/label>\n                            <textarea name=\"sharepoint_notes\" placeholder=\"Add SharePoint access details or notes\"><\/textarea>\n                        <\/div>\n\n                        <div class=\"lit-section-title\">Network Drive Access<\/div>\n\n                        <div class=\"lit-field\">\n                            <label>Drive Letters<\/label>\n                            <input name=\"drive_letters\" type=\"text\" placeholder=\"e.g. G:, S:, T:\">\n                        <\/div>\n\n                        <div class=\"lit-field\">\n                            <label>Network Drive Notes<\/label>\n                            <textarea name=\"network_drive_notes\" placeholder=\"Add network drive access details\"><\/textarea>\n                        <\/div>\n\n                        <button class=\"lit-submit-btn\" type=\"submit\">\n                            Submit Request\n                        <\/button>\n\n                    <\/div>\n\n                <\/form>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n<\/div>\n\n<div class=\"lit-modal\">\n    <div class=\"lit-modal-box\">\n        <div class=\"lit-modal-icon\">\u2713<\/div>\n        <h4>Request submitted<\/h4>\n        <p>Your new user request has been submitted successfully.<\/p>\n        <button type=\"button\" class=\"lit-modal-close\">Okay<\/button>\n    <\/div>\n<\/div>\n\n<script>\n(function(){\n\n    const page = document.querySelector('.lit-user-request-page');\n    const form = page ? page.querySelector('.lit-contact-ajax-form') : null;\n    const messageBox = page ? page.querySelector('.lit-form-message') : null;\n    const modal = document.querySelector('.lit-modal');\n    const closeBtn = modal ? modal.querySelector('.lit-modal-close') : null;\n\n    if (!form) return;\n\n    form.addEventListener('submit', async function(e){\n\n        e.preventDefault();\n\n        messageBox.className = 'lit-form-message';\n        messageBox.style.display = 'none';\n        messageBox.textContent = '';\n\n        const button = form.querySelector('button[type=\"submit\"]');\n        const originalText = button.textContent;\n\n        button.disabled = true;\n        button.textContent = 'Sending...';\n\n        try {\n\n            const formData = new FormData(form);\n\n            const response = await fetch('https:\/\/newuser.levelsit.com.au\/wp-admin\/admin-ajax.php', {\n                method:'POST',\n                body:formData,\n                credentials:'same-origin'\n            });\n\n            const result = await response.json();\n\n            if (result.success) {\n                form.reset();\n                modal.classList.add('show');\n            } else {\n                messageBox.className = 'lit-form-message error';\n                messageBox.textContent = result.data && result.data.message ? result.data.message : 'There was a problem sending your request.';\n                messageBox.style.display = 'block';\n            }\n\n        } catch(err) {\n            messageBox.className = 'lit-form-message error';\n            messageBox.textContent = 'There was a problem sending your request. Please try again.';\n            messageBox.style.display = 'block';\n        } finally {\n            button.disabled = false;\n            button.textContent = originalText;\n        }\n\n    });\n\n    if (closeBtn) {\n        closeBtn.addEventListener('click', function(){\n            modal.classList.remove('show');\n        });\n    }\n\n    if (modal) {\n        modal.addEventListener('click', function(e){\n            if (e.target === modal) {\n                modal.classList.remove('show');\n            }\n        });\n    }\n\n})();\n<\/script>\n\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/newuser.levelsit.com.au\/index.php?rest_route=\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/newuser.levelsit.com.au\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/newuser.levelsit.com.au\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/newuser.levelsit.com.au\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/newuser.levelsit.com.au\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14"}],"version-history":[{"count":88,"href":"https:\/\/newuser.levelsit.com.au\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":115,"href":"https:\/\/newuser.levelsit.com.au\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions\/115"}],"wp:attachment":[{"href":"https:\/\/newuser.levelsit.com.au\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}