{"id":864,"date":"2024-02-15T03:33:11","date_gmt":"2024-02-15T03:33:11","guid":{"rendered":"https:\/\/zodel.com\/spotlight\/?page_id=864"},"modified":"2026-04-06T20:57:19","modified_gmt":"2026-04-06T20:57:19","slug":"contact","status":"publish","type":"page","link":"https:\/\/zodel.com\/spotlight\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-container-core-group-is-layout-12243e0f wp-block-group-is-layout-constrained\">\n<!-- ===== ZODEL \u2014 Contact Page (Desktop-improved, mobile-safe) ===== -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n\n<section class=\"zdl-contact\" aria-label=\"Contact Zodel\">\n  <!-- HERO -->\n  <header class=\"zdl-hero\" role=\"banner\">\n    <img\n      class=\"zdl-hero__img\"\n      src=\"https:\/\/zodel.com\/spotlight\/wp-content\/uploads\/2024\/02\/1-Zodel-Contact-Us.jpg\"\n      alt=\"Contact Zodel\"\n      loading=\"eager\"\n      decoding=\"async\"\n    \/>\n    <div class=\"zdl-hero__overlay\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"zdl-hero__inner\">\n      <h1 class=\"zdl-hero__title\">Contact Zodel<\/h1>\n    <\/div>\n  <\/header>\n\n  <!-- CONTENT -->\n  <main class=\"zdl-shell\">\n    <div class=\"zdl-grid\">\n      <!-- LEFT: info panel -->\n      <aside class=\"zdl-card zdl-card--info\" aria-label=\"Contact options\">\n        <div class=\"zdl-info\">\n          <p class=\"zdl-info__line\">\n            <strong>Clients:<\/strong> Hiring models?\n            <a class=\"zdl-link\" href=\"https:\/\/zodel.com\/create-job\/category\">Post a job<\/a>\n          <\/p>\n\n          <p class=\"zdl-info__line\">\n            <strong>Models:<\/strong> Want to apply?\n            <a class=\"zdl-link\" href=\"https:\/\/www.zodel.com\" target=\"_blank\" rel=\"noopener\">Join Zodel<\/a>\n          <\/p>\n\n          <p class=\"zdl-info__sub\">\n            For all other requests, please fill out the form below.\n          <\/p>\n        <\/div>\n      <\/aside>\n\n      <!-- RIGHT: form panel -->\n      <section class=\"zdl-card zdl-card--form\" aria-label=\"Contact form\">\n        <h2 class=\"zdl-form__title\">Contact Zodel<\/h2>\n\n        <!-- Keep your form shortcode exactly -->\n        <div class='fluentform ff-default fluentform_wrapper_3 ffs_default_wrap'><form data-form_id=\"3\" id=\"fluentform_3\" class=\"frm-fluent-form fluent_form_3 ff-el-form-top ff_form_instance_3_1 ff-form-loading ffs_default\" data-form_instance=\"ff_form_instance_3_1\" method=\"POST\" ><fieldset  style=\"border: none!important;margin: 0!important;padding: 0!important;background-color: transparent!important;box-shadow: none!important;outline: none!important; min-inline-size: 100%;\">\n                    <legend class=\"ff_screen_reader_title\" style=\"display: block; margin: 0!important;padding: 0!important;height: 0!important;text-indent: -999999px;width: 0!important;overflow:hidden;\">Zodel Contact Form (#3)<\/legend><input type='hidden' name='__fluent_form_embded_post_id' value='864' \/><input type=\"hidden\" id=\"_fluentform_3_fluentformnonce\" name=\"_fluentform_3_fluentformnonce\" value=\"8829d6ddc6\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/spotlight\/wp-json\/wp\/v2\/pages\/864\" \/><div data-type=\"name-element\" data-name=\"names\" class=\" ff-field_container ff-name-field-wrapper\" ><div class='ff-t-container'><div class='ff-t-cell '><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_3_names_first_name_' id='label_ff_3_names_first_name_' >Name<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"names[first_name]\" id=\"ff_3_names_first_name_\" class=\"ff-el-form-control\" placeholder=\"Name\" aria-invalid=\"false\" aria-required=true><\/div><\/div><\/div><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_3_email' id='label_ff_3_email' aria-label=\"Email\">Email<\/label><\/div><div class='ff-el-input--content'><input type=\"email\" name=\"email\" id=\"ff_3_email\" class=\"ff-el-form-control\" placeholder=\"Email Address\" data-name=\"email\"  aria-invalid=\"false\" aria-required=true><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_3_input_text' id='label_ff_3_input_text' aria-label=\"Phone\">Phone<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"input_text\" class=\"ff-el-form-control\" placeholder=\"Phone number\" data-name=\"input_text\" id=\"ff_3_input_text\"  aria-invalid=\"false\" aria-required=false><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_3_message' id='label_ff_3_message' aria-label=\"Your Message\">Your Message<\/label><\/div><div class='ff-el-input--content'><textarea aria-required=\"true\" aria-labelledby=\"label_ff_3_message\" name=\"message\" id=\"ff_3_message\" class=\"ff-el-form-control\" placeholder=\"Your Message\" rows=\"4\" cols=\"2\" data-name=\"message\" ><\/textarea><\/div><\/div><div class='ff-el-group ff-text-left ff_submit_btn_wrapper'><button type=\"submit\" class=\"ff-btn ff-btn-submit ff-btn-md ff_btn_style wpf_has_custom_css\"  aria-label=\"Submit\">Submit<\/button><\/div><\/fieldset><\/form><div id='fluentform_3_errors' class='ff-errors-in-stack ff_form_instance_3_1 ff-form-loading_errors ff_form_instance_3_1_errors'><\/div><\/div>            <script type=\"text\/javascript\">\n                window.fluent_form_ff_form_instance_3_1 = {\"id\":\"3\",\"settings\":{\"layout\":{\"labelPlacement\":\"top\",\"helpMessagePlacement\":\"with_label\",\"errorMessagePlacement\":\"inline\",\"cssClassName\":\"\",\"asteriskPlacement\":\"asterisk-right\"},\"restrictions\":{\"denyEmptySubmission\":{\"enabled\":false}}},\"form_instance\":\"ff_form_instance_3_1\",\"form_id_selector\":\"fluentform_3\",\"rules\":{\"names[first_name]\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global\":true,\"global_message\":\"This field is required\"}},\"names[middle_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global\":true,\"global_message\":\"This field is required\"}},\"names[last_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global\":true,\"global_message\":\"This field is required\"}},\"email\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global\":true,\"global_message\":\"This field is required\"},\"email\":{\"value\":true,\"message\":\"This field must contain a valid email\",\"global\":true,\"global_message\":\"This field must contain a valid email\"}},\"input_text\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"message\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global\":true,\"global_message\":\"This field is required\"}}},\"debounce_time\":300};\n                            <\/script>\n            \n      <\/section>\n    <\/div>\n  <\/main>\n<\/section>\n\n<style>\n  \/* ===== Scoped styling only ===== *\/\n  .zdl-contact{\n    font-family:Poppins, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\n    color:#111;\n  }\n\n  \/* HERO: full width image, never \"column-cropped\" *\/\n  .zdl-hero{\n    position:relative;\n    width:100%;\n    min-height:360px;\n    z-index: 0; \/* keeps hero below nav stacking order *\/\n  }\n  .zdl-hero__img{\n    position:absolute;\n    inset:0;\n    width:100%;\n    height:100%;\n    object-fit:cover;\n    object-position:center 30%;\n  }\n  .zdl-hero__overlay{\n    position:absolute;\n    inset:0;\n    background:linear-gradient(\n      90deg,\n      rgba(0,0,0,.45) 0%,\n      rgba(0,0,0,.20) 55%,\n      rgba(0,0,0,.10) 100%\n    );\n  }\n  .zdl-hero__inner{\n    position:relative;\n    max-width:1240px;\n    margin:0 auto;\n    padding: clamp(28px, 4vw, 56px) 16px;\n    min-height:360px;\n    display:flex;\n    align-items:center;\n  }\n  .zdl-hero__title{\n    margin:0;\n    color:#fff;\n    font-weight:700;\n    letter-spacing:-0.02em;\n    font-size: clamp(34px, 4.2vw, 56px);\n    line-height:1.05;\n    text-shadow: 0 10px 30px rgba(0,0,0,.25);\n  }\n\n  \/* SHELL: wide on desktop, comfy margins *\/\n  .zdl-shell{\n    background:#fff;\n    padding: clamp(18px, 2.4vw, 34px) 0;\n  }\n\n  .zdl-grid{\n    max-width:1240px;\n    margin:0 auto;\n    padding: 0 16px;\n    display:grid;\n    grid-template-columns: 1fr;\n    gap: 18px;\n  }\n\n  \/* Cards: subtle, not \"huge grey columns\" *\/\n  .zdl-card{\n    background: #f4f5f7;\n    border-radius: 18px;\n    padding: clamp(16px, 2vw, 26px);\n    box-shadow: none;\n  }\n\n  .zdl-info__line{\n    margin:0 0 10px 0;\n    font-size: 15px;\n    line-height:1.6;\n  }\n  .zdl-info__sub{\n    margin:12px 0 0 0;\n    font-size: 14px;\n    line-height:1.6;\n    opacity:.9;\n  }\n  .zdl-link{\n    color:#111;\n    text-decoration: underline;\n    text-underline-offset: 3px;\n    font-weight:600;\n  }\n  .zdl-link:hover{ opacity:.85; }\n\n  .zdl-form__title{\n    margin: 0 0 14px 0;\n    font-size: clamp(28px, 2.6vw, 40px);\n    line-height:1.1;\n    font-weight:700;\n    letter-spacing:-0.02em;\n  }\n\n  \/* Make FluentForm sit nicely without breaking its internal styles *\/\n  .zdl-card--form .ff-el-group,\n  .zdl-card--form .ff-el-input--content{\n    font-family: inherit;\n  }\n\n  \/* Mobile: keep it comfortable *\/\n  @media (max-width: 520px){\n    .zdl-hero{ min-height: 280px; }\n    .zdl-hero__inner{ min-height: 280px; }\n  }\n\n  \/* === Clients \/ Models typography (same font & size) === *\/\n  .zdl-info,\n  .zdl-info *{\n    font-family: Poppins, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\n    font-size: 18px;\n    line-height: 1.8;\n    color: #111;\n  }\n\n  .zdl-info strong{\n    font-weight: 600;\n  }\n\n  .zdl-info__line{\n    font-weight: 400;\n  }\n\n  .zdl-info a{\n    font-weight: 600;\n    color: #111;\n    text-decoration: underline;\n    text-underline-offset: 3px;\n  }\n\n  .zdl-info a:hover{\n    opacity: 0.85;\n  }\n\n  .zdl-info__sub{\n    font-size: 14px;\n    line-height: 1.6;\n    font-weight: 400;\n    opacity: 0.85;\n  }\n<\/style>\n<!-- ===== \/ZODEL \u2014 Contact Page ===== -->\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Contact Zodel Clients: Hiring models? Post a job Models: Want to apply? Join Zodel For all other requests, please fill out the form below. Contact Zodel<\/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-864","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zodel.com\/spotlight\/wp-json\/wp\/v2\/pages\/864","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zodel.com\/spotlight\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zodel.com\/spotlight\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zodel.com\/spotlight\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zodel.com\/spotlight\/wp-json\/wp\/v2\/comments?post=864"}],"version-history":[{"count":70,"href":"https:\/\/zodel.com\/spotlight\/wp-json\/wp\/v2\/pages\/864\/revisions"}],"predecessor-version":[{"id":13095,"href":"https:\/\/zodel.com\/spotlight\/wp-json\/wp\/v2\/pages\/864\/revisions\/13095"}],"wp:attachment":[{"href":"https:\/\/zodel.com\/spotlight\/wp-json\/wp\/v2\/media?parent=864"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}