{"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-02T14:59:44","modified_gmt":"2026-04-02T14:59:44","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-b97ca6f elementor-widget elementor-widget-html\" data-id=\"b97ca6f\" 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: font-style 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@media (max-width: 1024px) {\r\n    .njm-logo-wrapper img {\r\n        width: 12rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .njm-logo-wrapper img {\r\n        width: 10rem;\r\n    }\r\n\r\n    .njm-menu a {\r\n        font-size: 2rem;\r\n    }\r\n\r\n    .njm-close {\r\n        font-size: 1.8rem;\r\n        top: 1.5rem;\r\n        right: 1.5rem;\r\n    }\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        <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    \/\/ \u2705 Apertura menu al click sul logo\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    \/\/ \u2705 Chiusura menu al click sulla X\r\n    closeBtn.addEventListener('click', function(){\r\n        slideup.classList.remove('active');\r\n        logoWrapper.classList.remove('invert');\r\n    });\r\n\r\n    \/\/ \u2705 Chiusura menu al click su qualsiasi link\r\n    document.querySelectorAll('.njm-menu a').forEach(function(link){\r\n        link.addEventListener('click', function(){\r\n            slideup.classList.remove('active');\r\n            logoWrapper.classList.remove('invert');\r\n        });\r\n    });\r\n\r\n    \/\/ \u2705 Auto-apertura menu se l'URL contiene ?menu=open\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>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\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>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u00d7 Models Be scouted 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":270,"href":"https:\/\/njmodels.com\/it\/wp-json\/wp\/v2\/pages\/159\/revisions"}],"predecessor-version":[{"id":1201,"href":"https:\/\/njmodels.com\/it\/wp-json\/wp\/v2\/pages\/159\/revisions\/1201"}],"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}]}}