{"id":2,"date":"2025-11-06T13:31:14","date_gmt":"2025-11-06T13:31:14","guid":{"rendered":"https:\/\/www.nortsports.com.br\/?page_id=2"},"modified":"2026-01-04T17:09:55","modified_gmt":"2026-01-04T20:09:55","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/www.nortsports.com.br\/","title":{"rendered":"Sample Page"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2\" class=\"elementor elementor-2\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-09483ba e-con-full e-flex e-con e-parent\" data-id=\"09483ba\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-01818a1 e-con-full e-flex e-con e-child\" data-id=\"01818a1\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d6a2b29 elementor-widget elementor-widget-html\" data-id=\"d6a2b29\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"slider-container\">\r\n    <!-- 1. CAMADA DE FUNDO -->\r\n    <div class=\"bg-slider\">\r\n        <div class=\"bg-item active\" style=\"background-image: url('URL_DA_IMAGEM_1');\"><\/div>\r\n        <div class=\"bg-item\" style=\"background-image: url('URL_DA_IMAGEM_2');\"><\/div>\r\n        <div class=\"bg-item\" style=\"background-image: url('URL_DA_IMAGEM_3');\"><\/div>\r\n        <div class=\"bg-item\" style=\"background-image: url('URL_DA_IMAGEM_4');\"><\/div>\r\n        <div class=\"bg-item\" style=\"background-image: url('URL_DA_IMAGEM_5');\"><\/div>\r\n        <div class=\"bg-item\" style=\"background-image: url('URL_DA_IMAGEM_6');\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- 2. CAMADA DE T\u00cdTULOS (O 'Track' que desliza) -->\r\n    <div class=\"title-wrapper\">\r\n        <div class=\"title-track\">\r\n            <div class=\"title-item\"><h1>TITULO 01<\/h1><\/div>\r\n            <div class=\"title-item\"><h1>TITULO 02<\/h1><\/div>\r\n            <div class=\"title-item\"><h1>TITULO 03<\/h1><\/div>\r\n            <div class=\"title-item\"><h1>TITULO 04<\/h1><\/div>\r\n            <div class=\"title-item\"><h1>TITULO 05<\/h1><\/div>\r\n            <div class=\"title-item\"><h1>TITULO 06<\/h1><\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- 3. CAMADA DE UI -->\r\n    <div class=\"ui-layer\">\r\n        <div class=\"counter\">\r\n            <span class=\"current\">01<\/span> \u2014 <span class=\"total\">00<\/span>\r\n        <\/div>\r\n        \r\n        <div class=\"thumbnail-grid\">\r\n            <!-- O JS vai gerenciar os cliques aqui. \r\n                 Mantenha o 'data-index' come\u00e7ando em 0 -->\r\n            <div class=\"thumb-item active\" data-index=\"0\" style=\"background-image: url('URL_THUMB_1');\"><\/div>\r\n            <div class=\"thumb-item\" data-index=\"1\" style=\"background-image: url('URL_THUMB_2');\"><\/div>\r\n            <div class=\"thumb-item\" data-index=\"2\" style=\"background-image: url('URL_THUMB_3');\"><\/div>\r\n            <div class=\"thumb-item\" data-index=\"3\" style=\"background-image: url('URL_THUMB_4');\"><\/div>\r\n            <div class=\"thumb-item\" data-index=\"4\" style=\"background-image: url('URL_THUMB_5');\"><\/div>\r\n            <div class=\"thumb-item\" data-index=\"5\" style=\"background-image: url('URL_THUMB_6');\"><\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-085f94a elementor-widget elementor-widget-html\" data-id=\"085f94a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script><script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    const thumbs = document.querySelectorAll('.thumb-item');\r\n    const bgs = document.querySelectorAll('.bg-item');\r\n    const titleTrack = document.querySelector('.title-track');\r\n    const currentCounter = document.querySelector('.counter .current');\r\n    const totalCounter = document.querySelector('.counter .total');\r\n\r\n    \/\/ 1. Define o n\u00famero total no contador automaticamente\r\n    const totalSlides = thumbs.length;\r\n    totalCounter.innerText = totalSlides < 10 ? `0${totalSlides}` : totalSlides;\r\n\r\n    thumbs.forEach((thumb, index) => {\r\n        thumb.addEventListener('click', () => {\r\n            \/\/ A. Atualiza Miniaturas\r\n            document.querySelector('.thumb-item.active').classList.remove('active');\r\n            thumb.classList.add('active');\r\n\r\n            \/\/ B. Atualiza Fundos (Backgrounds)\r\n            document.querySelector('.bg-item.active').classList.remove('active');\r\n            bgs[index].classList.add('active');\r\n\r\n            \/\/ C. Move o Track de T\u00edtulos\r\n            \/\/ Multiplicamos o \u00edndice por -100 (unidade vw)\r\n            titleTrack.style.transform = `translateX(-${index * 100}vw)`;\r\n\r\n            \/\/ D. Atualiza o n\u00famero atual no contador\r\n            let displayNum = index + 1;\r\n            currentCounter.innerText = displayNum < 10 ? `0${displayNum}` : displayNum;\r\n        });\r\n    });\r\n});\r\n<\/script>\r\n<\/script>\r\n\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>TITULO 01 TITULO 02 TITULO 03 TITULO 04 TITULO 05 TITULO 06 01 \u2014 00<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.nortsports.com.br\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nortsports.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.nortsports.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.nortsports.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nortsports.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":5,"href":"https:\/\/www.nortsports.com.br\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":288,"href":"https:\/\/www.nortsports.com.br\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/288"}],"wp:attachment":[{"href":"https:\/\/www.nortsports.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}