{"id":159,"date":"2025-06-30T10:05:34","date_gmt":"2025-06-30T10:05:34","guid":{"rendered":"https:\/\/njmodels.com\/?page_id=159"},"modified":"2026-04-28T07:27:11","modified_gmt":"2026-04-28T07:27:11","slug":"home","status":"publish","type":"page","link":"https:\/\/njmodels.com\/it\/","title":{"rendered":"Home"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"159\" class=\"elementor elementor-159\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-381a413 e-con-full e-flex e-con e-parent\" data-id=\"381a413\" data-element_type=\"container\" data-e-type=\"container\" id=\"myBackgroundVideo\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/njmodels.com\\\/wp-content\\\/uploads\\\/2025\\\/05\\\/Video-ragazza-scuro-1.mp4&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div>\t\t<div class=\"elementor-element elementor-element-f073146 elementor-widget__width-inherit elementor-absolute elementor-widget elementor-widget-html\" data-id=\"f073146\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div style=\"text-align: center;\">\r\n  <div id=\"speaker-toggle\" title=\"Attiva audio\"\r\n       style=\"display: inline-block; width: 24px; height: 24px; cursor: pointer; opacity: 0.5;\">\r\n       \r\n    <!-- SVG Speaker SBARRATO (iniziale) -->\r\n    <svg id=\"speaker-icon-off\" viewbox=\"0 0 24 24\"\r\n         style=\"width: 100%; height: 100%; fill: none; stroke: white; stroke-width: 2;\">\r\n      <path d=\"M3 10v4h4l5 5V5l-5 5H3z\" \/>\r\n      <line x1=\"16\" y1=\"8\" x2=\"22\" y2=\"16\" \/>\r\n      <line x1=\"22\" y1=\"8\" x2=\"16\" y2=\"16\" \/>\r\n    <\/svg>\r\n\r\n    <!-- SVG Speaker ON (nascosto all'inizio) -->\r\n    <svg id=\"speaker-icon-on\" viewbox=\"0 0 24 24\"\r\n         style=\"display: none; width: 100%; height: 100%; fill: none; stroke: white; stroke-width: 2;\">\r\n      <path d=\"M3 10v4h4l5 5V5l-5 5H3z\" \/>\r\n      <path d=\"M15.54 8.46a5 5 0 0 1 0 7.07\" \/>\r\n      <path d=\"M19.07 4.93a9 9 0 0 1 0 14.14\" \/>\r\n    <\/svg>\r\n  <\/div>\r\n<\/div>\r\n\r\n<audio id=\"landing-audio\" preload=\"auto\">\r\n  <source src=\"https:\/\/njmodels.com\/wp-content\/uploads\/2025\/05\/Squad_Corta.mp3\" type=\"audio\/mpeg\">\r\n<\/audio>\r\n\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', function () {\r\n    const audio = document.getElementById('landing-audio');\r\n    const icon = document.getElementById('speaker-toggle');\r\n    const iconOn = document.getElementById('speaker-icon-on');\r\n    const iconOff = document.getElementById('speaker-icon-off');\r\n    let isPlaying = false;\r\n\r\n    icon.addEventListener('click', function () {\r\n      if (!isPlaying) {\r\n        audio.volume = 0.3;\r\n        audio.play().catch(err => console.warn('Playback error:', err));\r\n        isPlaying = true;\r\n\r\n        icon.title = \"Audio attivo\";\r\n        icon.style.opacity = \"1\";\r\n        iconOn.style.display = \"block\";\r\n        iconOff.style.display = \"none\";\r\n      } else {\r\n        audio.pause();\r\n        isPlaying = false;\r\n\r\n        icon.title = \"Attiva audio\";\r\n        icon.style.opacity = \"0.5\";\r\n        iconOn.style.display = \"none\";\r\n        iconOff.style.display = \"block\";\r\n      }\r\n    });\r\n\r\n    \/\/ Mobile resize\r\n    if (window.innerWidth <= 768) {\r\n      icon.style.width = \"20px\";\r\n      icon.style.height = \"20px\";\r\n    }\r\n  });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e53107b elementor-widget elementor-widget-html\" data-id=\"e53107b\" 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<!-- \ud83d\udd35 PUNTO 2: CSS Ottimizzato -->\r\n<style>\r\nbody::after {\r\n    content: 'test';\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n    font-style: italic;\r\n    font-weight: 400;\r\n    visibility: hidden;\r\n    position: absolute;\r\n}\r\n\r\n.njm-slideup {\r\n    position: fixed;\r\n    bottom: -100%;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: white;\r\n    z-index: 9999;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: flex-start;\r\n    align-items: center;\r\n    transition: bottom 0.8s ease;\r\n    overflow: hidden;\r\n    padding: 4rem 2rem 2rem 2rem;\r\n}\r\n\r\n.njm-slideup.active {\r\n    bottom: 0;\r\n}\r\n\r\n.njm-close {\r\n    position: absolute;\r\n    top: 2rem;\r\n    right: 2rem;\r\n    font-size: 2rem;\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n    cursor: pointer;\r\n    color: black;\r\n    z-index: 10001;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.njm-close:hover {\r\n    transform: scale(1.2);\r\n}\r\n\r\n.njm-logo-wrapper {\r\n    position: fixed;\r\n    top: 50vh;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    z-index: 10000;\r\n    cursor: pointer;\r\n    transition: transform 0.8s ease, top 0.8s ease;\r\n    padding: 1rem 0;\r\n}\r\n\r\n.njm-slideup.active ~ .njm-logo-wrapper {\r\n    top: 12vh;\r\n    transform: translate(-50%, -50%) scale(0.6);\r\n}\r\n\r\n.njm-logo-wrapper img {\r\n    width: 15rem;\r\n    height: auto;\r\n    display: block;\r\n    transition: filter 0.3s ease;\r\n}\r\n\r\n.njm-logo-wrapper.invert img {\r\n    filter: invert(1) brightness(0.3);\r\n}\r\n\r\n\/* \u2705 MENU centrato e fluido *\/\r\n.njm-menu {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: clamp(0.6rem, 1.5vh, 1.2rem);\r\n    text-align: center;\r\n    max-width: 90%;\r\n    width: 100%;\r\n    opacity: 0;\r\n    transition: opacity 0.6s ease, transform 0.6s ease;\r\n}\r\n\r\n.njm-slideup.active .njm-menu {\r\n    opacity: 1;\r\n    transform: translate(-50%, -50%);\r\n}\r\n\r\n.njm-menu a {\r\n    font-family: 'Plus Jakarta Sans', sans-serif;\r\n    font-size: clamp(2rem, 4vw, 3rem);\r\n    text-transform: uppercase;\r\n    text-decoration: none;\r\n    color: black;\r\n    transition: all 0.3s ease;\r\n    font-style: normal;\r\n    letter-spacing: 0.05em;\r\n    line-height: 1.2;\r\n    display: inline-block;\r\n    z-index: 99;\r\n}\r\n\r\n.njm-menu a:hover {\r\n    font-style: italic;\r\n    color: black;\r\n}\r\n\r\n\/* ========================================================\r\n   \ud83d\udd25 GRUPPO NOT JUST MODELS (Safe & UX Friendly)\r\n======================================================== *\/\r\n.njm-submenu-wrapper {\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 100%;\r\n    padding: 15px 0; \/* Area sensibile pi\u00f9 grande per l'hover *\/\r\n}\r\n\r\n.njm-main {\r\n    position: relative;\r\n    z-index: 10;\r\n    transition: transform 0.4s ease;\r\n    white-space: nowrap;\r\n}\r\n\r\n.njm-main::after {\r\n    content: '';\r\n    position: absolute;\r\n    width: 0;\r\n    height: 3px;\r\n    bottom: -2px;\r\n    left: 50%;\r\n    background-color: black;\r\n    transform: translateX(-50%);\r\n    transition: width 0.4s ease;\r\n}\r\n\r\n.njm-sub {\r\n    font-size: clamp(1.1rem, 1.8vw, 1.4rem) !important; \/* Leggermente pi\u00f9 piccole del main *\/\r\n    color: #444 !important; \/* Grigio molto scuro, elegante ma non dominante *\/\r\n    font-weight: 500;\r\n}\r\n\r\n.njm-sub:hover {\r\n    color: black !important;\r\n}\r\n\r\n\/* --- LOGICA DESKTOP (Spinta laterale con Max-Width) --- *\/\r\n@media (min-width: 1025px) {\r\n    .njm-mobile-subs { display: none !important; }\r\n\r\n    .njm-submenu-wrapper {\r\n        flex-direction: row; \r\n    }\r\n\r\n    .njm-sub-desktop {\r\n        display: flex;\r\n        align-items: center;\r\n        overflow: hidden;\r\n        max-width: 0; \r\n        opacity: 0;\r\n        transition: max-width 0.6s ease, opacity 0.4s ease 0.1s, padding 0.5s ease;\r\n    }\r\n\r\n    \/* STATO ESPANSO *\/\r\n    .njm-submenu-wrapper.desktop-expanded .njm-main { \r\n        font-style: italic; \r\n    }\r\n    .njm-submenu-wrapper.desktop-expanded .njm-main::after {\r\n        width: 100%;\r\n    }\r\n    \r\n    .njm-submenu-wrapper.desktop-expanded .njm-sub-desktop {\r\n        max-width: 200px; \/* Si srotolano lateralmente *\/\r\n        opacity: 1;\r\n    }\r\n\r\n    .njm-submenu-wrapper.desktop-expanded .left-sub { padding-right: 30px; }\r\n    .njm-submenu-wrapper.desktop-expanded .right-sub { padding-left: 30px; }\r\n}\r\n\r\n\/* --- LOGICA MOBILE E TABLET (Tendina verticale) --- *\/\r\n@media (max-width: 1024px) {\r\n    .njm-logo-wrapper img { width: 12rem; }\r\n    .njm-sub-desktop { display: none !important; }\r\n\r\n    .njm-mobile-subs {\r\n        display: flex;\r\n        flex-direction: column;\r\n        width: 100%;\r\n        max-height: 0;\r\n        opacity: 0;\r\n        overflow: hidden;\r\n        transition: max-height 0.4s ease, opacity 0.4s ease, margin-top 0.4s ease;\r\n        margin-top: 0;\r\n        gap: 12px;\r\n    }\r\n\r\n    .njm-sub {\r\n        font-size: 1.5rem !important; \r\n        transform: translateY(-10px);\r\n        transition: transform 0.4s ease;\r\n        color: black !important;\r\n    }\r\n\r\n    \/* Quando si fa Tap da mobile *\/\r\n    .njm-submenu-wrapper.mobile-expanded .njm-main {\r\n        transform: scale(0.95);\r\n        font-style: italic;\r\n    }\r\n\r\n    .njm-submenu-wrapper.mobile-expanded .njm-main::after {\r\n        width: 100%;\r\n    }\r\n\r\n    .njm-submenu-wrapper.mobile-expanded .njm-mobile-subs {\r\n        max-height: 150px; \r\n        opacity: 1;\r\n        margin-top: 15px;\r\n    }\r\n\r\n    .njm-submenu-wrapper.mobile-expanded .njm-sub {\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .njm-logo-wrapper img { width: 10rem; }\r\n    .njm-menu a { font-size: 2.2rem; }\r\n    .njm-close { font-size: 1.8rem; top: 1.5rem; right: 1.5rem; }\r\n}\r\n<\/style>\r\n\r\n<!-- \ud83d\udd35 PUNTO 3: HTML -->\r\n<div class=\"njm-slideup\" id=\"njm-slideup\">\r\n    <div class=\"njm-close\" id=\"njm-close\">\u00d7<\/div>\r\n    <div class=\"njm-menu\">\r\n        <a href=\"https:\/\/njmodels.com\/it\/models\/\" class=\"Models\">Models<\/a>\r\n        <a href=\"https:\/\/njmodels.com\/it\/become-a-new-face\/\" class=\"newface\">Be scouted<\/a>\r\n        \r\n        <!-- GRUPPO NOT JUST MODELS (Struttura Sicura) -->\r\n        <div class=\"njm-submenu-wrapper\" id=\"njm-njm-group\">\r\n            \r\n            <!-- Visibile solo su Desktop -->\r\n            <div class=\"njm-sub-desktop left-sub\">\r\n                <a href=\"https:\/\/njmodels.com\/it\/creators\/\" class=\"njm-sub\">Creators<\/a>\r\n            <\/div>\r\n\r\n            <a href=\"https:\/\/njmodels.com\/it\/not-just-models\/\" class=\"njm-main\" id=\"njm-njm-link\">Not Just Models<\/a>\r\n            \r\n            <!-- Visibile solo su Desktop -->\r\n            <div class=\"njm-sub-desktop right-sub\">\r\n                <a href=\"https:\/\/njmodels.com\/it\/talent\/\" class=\"njm-sub\">Talent<\/a>\r\n            <\/div>\r\n\r\n            <!-- Visibile solo su Mobile (scende a tendina sotto) -->\r\n            <div class=\"njm-mobile-subs\">\r\n                <a href=\"https:\/\/njmodels.com\/it\/creators\/\" class=\"njm-sub\">Creators<\/a>\r\n                <a href=\"https:\/\/njmodels.com\/it\/talent\/\" class=\"njm-sub\">Talent<\/a>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <a href=\"https:\/\/njmodels.com\/it\/about\/\" class=\"about\">About<\/a>\r\n        <a href=\"https:\/\/njmodels.com\/it\/contact\/\">Contatti<\/a>\r\n    <\/div>\r\n<\/div>\r\n\r\n<div class=\"njm-logo-wrapper\">\r\n    <img decoding=\"async\" src=\"https:\/\/njmodels.com\/wp-content\/uploads\/2025\/07\/Logo_Colori-02-1.svg\" alt=\"NJM Logo\" class=\"njm-logo\">\r\n<\/div>\r\n\r\n<!-- \ud83d\udd35 PUNTO 4: JS -->\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function(){\r\n    const slideup = document.getElementById('njm-slideup');\r\n    const logoWrapper = document.querySelector('.njm-logo-wrapper');\r\n    const closeBtn = document.getElementById('njm-close');\r\n    \r\n    const njmLink = document.getElementById('njm-njm-link');\r\n    const njmGroup = document.getElementById('njm-njm-group');\r\n    let hoverTimer; \/\/ Variabile per la tolleranza \"cecchino\"\r\n\r\n    \/\/ Funzione reset completa\r\n    function resetMenu() {\r\n        slideup.classList.remove('active');\r\n        logoWrapper.classList.remove('invert');\r\n        setTimeout(() => { \r\n            njmGroup.classList.remove('mobile-expanded'); \r\n            njmGroup.classList.remove('desktop-expanded'); \r\n        }, 500);\r\n    }\r\n\r\n    \/\/ Apertura\r\n    logoWrapper.addEventListener('click', function(){\r\n        if (slideup.classList.contains('active')) return;\r\n        slideup.classList.add('active');\r\n        logoWrapper.classList.add('invert');\r\n    });\r\n\r\n    \/\/ Chiusura X\r\n    closeBtn.addEventListener('click', resetMenu);\r\n\r\n    \/\/ --- LOGICA DESKTOP (Il trucco della Tolleranza \/ Debounce) ---\r\n    njmGroup.addEventListener('mouseenter', function() {\r\n        if (window.innerWidth > 1024) {\r\n            clearTimeout(hoverTimer); \/\/ Se rientri prima del tempo, annulla la chiusura!\r\n            njmGroup.classList.add('desktop-expanded');\r\n        }\r\n    });\r\n\r\n    njmGroup.addEventListener('mouseleave', function() {\r\n        if (window.innerWidth > 1024) {\r\n            \/\/ Non chiudere subito. Aspetta 600 millisecondi.\r\n            hoverTimer = setTimeout(function() {\r\n                njmGroup.classList.remove('desktop-expanded');\r\n            }, 600);\r\n        }\r\n    });\r\n\r\n    \/\/ --- LOGICA CLICK (Mobile e Link) ---\r\n    document.querySelectorAll('.njm-menu a').forEach(function(link){\r\n        link.addEventListener('click', function(e){\r\n            \r\n            \/\/ Logica Mobile per \"Not Just Models\" (Primo Tap)\r\n            if (link.id === 'njm-njm-link' && window.innerWidth <= 1024) {\r\n                if (!njmGroup.classList.contains('mobile-expanded')) {\r\n                    e.preventDefault();\r\n                    njmGroup.classList.add('mobile-expanded');\r\n                    return; \r\n                }\r\n            }\r\n\r\n            \/\/ Per tutti gli altri link, chiudi tutto e naviga\r\n            resetMenu();\r\n        });\r\n    });\r\n\r\n    \/\/ Auto-apertura\r\n    const params = new URLSearchParams(window.location.search);\r\n    if (params.get('menu') === 'open') {\r\n        slideup.classList.add('active');\r\n        logoWrapper.classList.add('invert');\r\n    }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u00d7 Models Be scouted Creators Not Just Models Talent Creators Talent About Contact<\/p>","protected":false},"author":1,"featured_media":54,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-159","page","type-page","status-publish","has-post-thumbnail","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/njmodels.com\/it\/wp-json\/wp\/v2\/pages\/159","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/njmodels.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/njmodels.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/njmodels.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/njmodels.com\/it\/wp-json\/wp\/v2\/comments?post=159"}],"version-history":[{"count":272,"href":"https:\/\/njmodels.com\/it\/wp-json\/wp\/v2\/pages\/159\/revisions"}],"predecessor-version":[{"id":1673,"href":"https:\/\/njmodels.com\/it\/wp-json\/wp\/v2\/pages\/159\/revisions\/1673"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/njmodels.com\/it\/wp-json\/wp\/v2\/media\/54"}],"wp:attachment":[{"href":"https:\/\/njmodels.com\/it\/wp-json\/wp\/v2\/media?parent=159"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}