{"id":132,"date":"2025-11-17T22:39:25","date_gmt":"2025-11-17T20:39:25","guid":{"rendered":"https:\/\/wagnerracing.pl\/?page_id=132"},"modified":"2025-12-18T11:13:15","modified_gmt":"2025-12-18T09:13:15","slug":"treningi","status":"publish","type":"page","link":"https:\/\/wagnerracing.pl\/index.php\/treningi\/","title":{"rendered":"Treningi"},"content":{"rendered":"<!-- ======================================= -->\n<!--     SEKCJA HERO Z T\u0141EM TWOJEGO ZDJ\u0118CIA   -->\n<!-- ======================================= -->\n\n\n<div class=\"wp-block-cover alignfull\" style=\"min-height:90vh;aspect-ratio:unset;\">\n    <span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-50 has-background-dim\"><\/span>\n    <img decoding=\"async\" class=\"wp-block-cover__image-background\" src=\"https:\/\/wagnerracing.pl\/wp-content\/uploads\/2025\/11\/20230728_164334-scaled.jpg\" data-object-fit=\"cover\"\/>\n\n    <div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n\n        <!-- Nag\u0142\u00f3wek -->\n        \n        <h1 class=\"wp-block-heading has-text-align-center has-x-large-font-size\" style=\"color:white;margin-bottom:40px;\">\n            Rodzaje trening\u00f3w\n        <\/h1>\n        \n\n        <!-- ======================================= -->\n        <!--   GRID KAFELK\u00d3W  (5 rodzaj\u00f3w treningu)   -->\n        <!-- ======================================= -->\n\n        <style>\n.wr-grid {\n  display: grid;\n  grid-template-columns: repeat(6, 1fr);\n  gap: 20px;\n  max-width: 1100px;\n  margin: 0 auto;\n}\n\n.wr-grid > *:nth-child(1),\n.wr-grid > *:nth-child(2),\n.wr-grid > *:nth-child(3) {\n  grid-column: span 2;\n}\n.wr-grid > *:nth-child(4) {\n  grid-column: 2 \/ span 2;\n}\n\n.wr-grid > *:nth-child(5) {\n  grid-column: 4 \/ span 2;\n}\n            .wr-card {\n                background: #ffffffee;\n                padding: 25px;\n                border-radius: 12px;\n                text-align: center;\n                cursor: pointer;\n                transition: 0.2s;\n                color: #000;\n                font-weight: 600;\n                border: 1px solid #ddd;\n            }\n            .wr-card:hover {\n                transform: translateY(-3px);\n                box-shadow: 0 8px 20px rgba(0,0,0,0.15);\n            }\n\n            \/* POPUP (MODAL) *\/\n            .wr-modal-bg {\n                position: fixed;\n                inset: 0;\n\n \n                display: none;\n                align-items: center;\n                justify-content: center;\n                z-index: 9999;\n                backdrop-filter: blur(3px);\n                padding: 10%;\n            }\n\n            .wr-modal {\n                background: white;\n                max-width: 600px;\n                width: 90%;\n                padding: 30px;\n                border-radius: 14px;\n                box-shadow: 0 8px 25px rgba(0,0,0,0.3);\n                color: #000;\n                position: relative;\n            }\n            .wr-close {\n                position: absolute;\n                top: 10px;\n                right: 15px;\n                font-size: 26px;\n                cursor: pointer;\n                font-weight: bold;\n            }\n\n            @media(max-width:780px){\n                .wr-card { padding: 18px; }\n            }\n@media (max-width: 768px) {\n  .wr-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .wr-grid > * {\n    grid-column: auto !important;\n  }\n}\n        <\/style>\n\n        <div class=\"wr-grid\">\n\n            <div class=\"wr-card\" data-popup=\"indywidualne\">Treningi indywidualne<\/div>\n            <div class=\"wr-card\" data-popup=\"grupowe\">Treningi grupowe<\/div>\n            <div class=\"wr-card\" data-popup=\"1n1\">Trening 1n1<\/div>\n            <div class=\"wr-card\" data-popup=\"zamkniete\">Grupy zamkni\u0119te<\/div>\n            <div class=\"wr-card\" data-popup=\"wolne\">Wolne jazdy<\/div>\n\n        <\/div>\n\n    <\/div>\n<\/div>\n\n\n\n<!-- ======================================= -->\n<!--        POP-UP \/ MODAL  \u2014 UKRYTY         -->\n<!-- ======================================= -->\n\n<div class=\"wr-modal-bg\" id=\"wr-modal-bg\">\n    <div class=\"wr-modal\">\n        <span class=\"wr-close\" id=\"wr-close\">&times;<\/span>\n        <h2 id=\"wr-title\"><\/h2>\n        <p id=\"wr-desc\"><\/p>\n        <ul id=\"wr-list\"><\/ul>\n    <\/div>\n<\/div>\n\n\n<!-- ======================================= -->\n<!--          SKRYPT OBS\u0141UGI POPUP\u00d3W         -->\n<!-- ======================================= -->\n\n<script>\nconst modalBg = document.getElementById(\"wr-modal-bg\");\nconst modalTitle = document.getElementById(\"wr-title\");\nconst modalDesc = document.getElementById(\"wr-desc\");\nconst modalList = document.getElementById(\"wr-list\");\nconst closeBtn = document.getElementById(\"wr-close\");\n\nconst data = {\n    indywidualne: {\n        title: \"Treningi indywidualne\",\n        desc: \"Opinie i potrzeby jednego kursanta s\u0105 priorytetem. Trening idealny pod korekcj\u0119 b\u0142\u0119d\u00f3w i szybki progres.\",\n        list: [\n            \"Korekta pozycji\",\n            \"Praca nad torami jazdy\",\n            \"Analiza b\u0142\u0119d\u00f3w\",\n            \"Opcjonalna analiza wideo\"\n        ]\n    },\n    grupowe: {\n        title: \"Treningi grupowe\",\n        desc: \"Wsp\u00f3lna praca nad jednym celem treningowym \u2013 zmiana toru, p\u0142ynno\u015b\u0107 jazdy, powtarzalno\u015b\u0107.\",\n        list: [\n            \"Zadania dla grupy\",\n            \"\u0106wiczenia techniczne\",\n            \"Poprawa rytmu jazdy\"\n        ]\n    },\n    \"1n1\": {\n        title: \"Trening 1n1\",\n        desc: \"Najbardziej skuteczna i intensywna forma szkolenia \u2014 pe\u0142na uwaga trenera skierowana na Ciebie.\",\n        list: [\n            \"Pe\u0142na indywidualizacja\",\n            \"Bardzo szybka korekta b\u0142\u0119d\u00f3w\",\n            \"Analiza pozycji i toru jazdy\"\n        ]\n    },\n    zamkniete: {\n        title: \"Grupy zamkni\u0119te\",\n        desc: \"Dla klub\u00f3w i zorganizowanych grup. Program dopasowany w 100% do Waszych potrzeb.\",\n        list: [\n            \"Prywatna sesja\",\n            \"Plan szyty na miar\u0119\",\n            \"Mo\u017cliwo\u015b\u0107 ca\u0142odniowych trening\u00f3w\"\n        ]\n    },\n    wolne: {\n        title: \"Wolne jazdy\",\n        desc: \"Swobodna jazda po torze bez programu szkoleniowego \u2014 bezpiecze\u0144stwo i zabawa.\",\n        list: [\n            \"Podzia\u0142 na poziomy\",\n            \"Briefing bezpiecze\u0144stwa\",\n            \"Idealne do test\u00f3w motocykla\"\n        ]\n    }\n};\n\ndocument.querySelectorAll(\".wr-card\").forEach(card => {\n    card.addEventListener(\"click\", () => {\n        const key = card.dataset.popup;\n        const item = data[key];\n\n        modalTitle.textContent = item.title;\n        modalDesc.textContent = item.desc;\n\n        modalList.innerHTML = \"\";\n        item.list.forEach(i => {\n            modalList.innerHTML += `<li>${i}<\/li>`;\n        });\n\n        modalBg.style.display = \"flex\";\n    });\n});\n\ncloseBtn.addEventListener(\"click\", () => modalBg.style.display = \"none\");\nmodalBg.addEventListener(\"click\", e => {\n    if(e.target === modalBg) modalBg.style.display = \"none\";\n});\n<\/script>\n\n\n\n<!-- ======================================= -->\n<!-- CTA \u2014 KONTAKT                           -->\n<!-- ======================================= -->\n\n\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" \n     style=\"\n        padding-top:var(--wp--preset--spacing--50);\n        padding-bottom:var(--wp--preset--spacing--60);\n        background:#f5f5f5;\n     \">\n\n    \n    <h2 class=\"wp-block-heading has-text-align-center has-large-font-size\">\n        Chcesz zapisa\u0107 si\u0119 na trening?\n    <\/h2>\n    \n\n    \n    <p class=\"has-text-align-center wp-block-paragraph\">Skontaktuj si\u0119 ze mn\u0105 \u2014 dobierzemy najlepsz\u0105 form\u0119 szkolenia.<\/p>\n    \n\n    \n    <div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-0aa01211 wp-block-buttons-is-layout-flex\">\n        <div class=\"wp-block-button\">\n            <a class=\"wp-block-button__link wp-element-button\" href=\"index.php\/kontakt\">Skontaktuj si\u0119<\/a>\n        <\/div>\n    <\/div>\n    \n<\/div>\n\n\n","protected":false},"excerpt":{"rendered":"<p>&times; Chcesz zapisa\u0107 si\u0119 na trening? Skontaktuj si\u0119 ze mn\u0105 \u2014 dobierzemy najlepsz\u0105 form\u0119 szkolenia.<\/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-132","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wagnerracing.pl\/index.php\/wp-json\/wp\/v2\/pages\/132","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wagnerracing.pl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wagnerracing.pl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wagnerracing.pl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wagnerracing.pl\/index.php\/wp-json\/wp\/v2\/comments?post=132"}],"version-history":[{"count":52,"href":"https:\/\/wagnerracing.pl\/index.php\/wp-json\/wp\/v2\/pages\/132\/revisions"}],"predecessor-version":[{"id":565,"href":"https:\/\/wagnerracing.pl\/index.php\/wp-json\/wp\/v2\/pages\/132\/revisions\/565"}],"wp:attachment":[{"href":"https:\/\/wagnerracing.pl\/index.php\/wp-json\/wp\/v2\/media?parent=132"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}