{"id":14,"date":"2026-06-03T18:29:23","date_gmt":"2026-06-03T18:29:23","guid":{"rendered":"https:\/\/videoin.pl\/?page_id=14"},"modified":"2026-06-03T18:29:23","modified_gmt":"2026-06-03T18:29:23","slug":"warsztat","status":"publish","type":"page","link":"https:\/\/videoin.pl\/","title":{"rendered":"Warsztat"},"content":{"rendered":"<!-- =========================================================================\r\n     STUDIO.SETUP \u2014 STRONA SPRZEDA\u017bOWA SZKOLENIA \/ WARSZTATU\r\n     One-Page landing \u2014 gotowa do wklejenia w WordPress (blok Custom HTML \/ WPCode)\r\n\r\n     JAK EDYTOWA\u0106 \u2014 szukaj komentarzy [EDYTUJ: ...] w kodzie poni\u017cej.\r\n     G\u0142\u00f3wne miejsca:\r\n       1. [EDYTUJ: WIDEO]        \u2014 wklej link YouTube\/Vimeo do hero\r\n       2. [EDYTUJ: MAILERLITE]  \u2014 wklej kod osadzenia formularza MailerLite\r\n       3. [EDYTUJ: ...]         \u2014 teksty, program, FAQ, o prowadz\u0105cym\r\n========================================================================== -->\r\n\r\n<style>\r\n\/* ====== ZMIENNE KOLOR\u00d3W (brandbook BartekDziedzicTV \u2014 wersja ja\u015bniejsza) ====== *\/\r\n.ssetup-page{\r\n  --navy:        #2b2b2e;   \/* grafit \u2014 g\u0142\u00f3wny ciemny kolor (zast\u0119puje navy) *\/\r\n  --navy-soft:   #3d3d42;\r\n  --amber:       #F7A60B;   \/* bursztyn \u2014 \u017cywszy, bardziej nasycony akcent *\/\r\n  --amber-deep:  #b06f00;   \/* ciemny bursztyn \u2014 tekst\/etykiety na jasnym tle *\/\r\n  --amber-bright:#FFC23D;   \/* jasny bursztyn \u2014 akcenty na ciemnym tle *\/\r\n  --ink:         #23232a;   \/* tekst g\u0142\u00f3wny \u2014 g\u0142\u0119boki grafit *\/\r\n  --ink-soft:    #6b6862;   \/* tekst drugorz\u0119dny \u2014 ciep\u0142y szary *\/\r\n  --bg:          #f7f2e9;   \/* ciep\u0142a ko\u015b\u0107 s\u0142oniowa \/ krem \u2014 g\u0142\u00f3wne t\u0142o *\/\r\n  --bg-soft:     #efe7d8;   \/* ciemniejszy krem \u2014 sekcje naprzemienne *\/\r\n  --bg-amber:    #f6ead0;   \/* delikatne bursztynowe t\u0142o *\/\r\n  --surface:     #fffdf8;   \/* powierzchnia kart \u2014 ja\u015bniejszy, ciep\u0142y off-white *\/\r\n  --dark:        #1c1c22;   \/* g\u0142\u0119boki grafit \u2014 ciemne sekcje *\/\r\n  --dark-soft:   #26262e;   \/* nieco ja\u015bniejszy grafit \u2014 karty na ciemnym *\/\r\n  --dark-line:   #38383f;   \/* linie na ciemnym tle *\/\r\n  --line:        #e2d8c6;   \/* linie \/ obramowania w tonie kremu *\/\r\n  --radius:      18px;\r\n  --radius-sm:   12px;\r\n  --shadow:      0 18px 50px -22px rgba(43,43,46,.30);\r\n  --shadow-soft: 0 8px 28px -14px rgba(43,43,46,.18);\r\n  --maxw:        1120px;\r\n\r\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n  color: var(--ink);\r\n  line-height: 1.6;\r\n  background: var(--bg);\r\n}\r\n\r\n\/* import font\u00f3w (Inter + Sora dla nag\u0142\u00f3wk\u00f3w) *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Sora:wght@600;700;800&display=swap');\r\n\r\n\/* rozci\u0105gni\u0119cie kremowego t\u0142a na ca\u0142e okno przegl\u0105darki \u2014 \u017ceby t\u0142o by\u0142o wsz\u0119dzie,\r\n   tak\u017ce w obszarach motywu nad i pod tre\u015bci\u0105 *\/\r\nhtml, body, .wp-site-blocks, main, .entry-content, .wp-block-post-content{\r\n  background-color:#f7f2e9 !important;\r\n}\r\n\/* usuni\u0119cie typowych margines\u00f3w\/padding\u00f3w motywu wok\u00f3\u0142 wklejonej tre\u015bci *\/\r\n.ssetup-page{ margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); }\r\n\r\n.ssetup-page *{ box-sizing: border-box; margin:0; padding:0; }\r\n.ss-signup{ scroll-margin-top:24px; }\r\n.ssetup-page h1,.ssetup-page h2,.ssetup-page h3{ font-family:'Sora',sans-serif; color:var(--navy); line-height:1.15; letter-spacing:-.02em; }\r\n\r\n\/* ====== UK\u0141AD ====== *\/\r\n.ss-wrap{ max-width:var(--maxw); margin:0 auto; padding:0 24px; }\r\n.ss-section{ padding:88px 0; }\r\n.ss-section--soft{ background:var(--bg-soft); }\r\n\r\n\/* ====== CIEMNE SEKCJE (g\u0142\u0119bia, przeplatane z jasnymi) ====== *\/\r\n.ss-section--dark{ background:\r\n   radial-gradient(900px 500px at 85% -10%, rgba(247,166,11,.14), transparent 55%),\r\n   var(--dark); position:relative; }\r\n.ss-section--dark h2,\r\n.ss-section--dark h3{ color:#fff; }\r\n.ss-section--dark .ss-lead{ color:rgba(255,255,255,.72); }\r\n.ss-section--dark .ss-eyebrow{ background:rgba(247,166,11,.16); color:var(--amber-bright); }\r\n\/* karty\/modu\u0142y na ciemnym tle *\/\r\n.ss-section--dark .ss-module{ background:var(--dark-soft); border-color:var(--dark-line); box-shadow:none; }\r\n.ss-section--dark .ss-module p{ color:rgba(255,255,255,.66); }\r\n.ss-section--dark .ss-module li{ color:rgba(255,255,255,.72); }\r\n.ss-section--dark .ss-module li::before{ color:var(--amber-bright); }\r\n.ss-section--dark .ss-module .num{ background:var(--amber); color:var(--dark); }\r\n.ss-section--dark .ss-result{ background:var(--dark-soft); border-color:var(--dark-line); }\r\n.ss-section--dark .ss-result h3{ color:#fff; }\r\n.ss-section--dark .ss-result p{ color:rgba(255,255,255,.66); }\r\n.ss-section--dark .ss-result .check{ background:var(--amber); color:var(--dark); }\r\n.ss-eyebrow{ display:inline-block; font-size:.8rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase;\r\n  color:var(--amber-deep); background:var(--bg-amber); padding:7px 14px; border-radius:99px; margin-bottom:20px; }\r\n.ss-center{ text-align:center; }\r\n.ss-lead{ font-size:1.12rem; color:var(--ink-soft); max-width:620px; margin:18px auto 0; }\r\n\r\n\/* ====== PRZYCISKI ====== *\/\r\n.ss-btn{ display:inline-flex; align-items:center; gap:9px; cursor:pointer; border:none; text-decoration:none;\r\n  font-family:'Sora',sans-serif; font-weight:700; font-size:1.02rem; padding:16px 32px; border-radius:99px;\r\n  transition:transform .18s ease, box-shadow .18s ease; }\r\n.ss-btn--primary{ background:var(--amber); color:#1c1c22; box-shadow:0 12px 28px -10px rgba(247,166,11,.75); }\r\n.ss-btn--primary:hover{ transform:translateY(-2px); box-shadow:0 18px 36px -10px rgba(247,166,11,.9); }\r\n.ss-btn--ghost{ background:transparent; color:var(--navy); border:2px solid var(--line); }\r\n.ss-btn--ghost:hover{ border-color:var(--navy); }\r\n\r\n\/* ====== HERO ====== *\/\r\n.ss-hero{ position:relative; overflow:hidden; background:\r\n   radial-gradient(1100px 500px at 80% -10%, rgba(247,166,11,.22), transparent 60%),\r\n   radial-gradient(900px 600px at 0% 110%, rgba(35,35,42,.05), transparent 55%),\r\n   var(--bg); padding:64px 0 80px; }\r\n.ss-nav{ display:flex; align-items:center; justify-content:space-between; padding:8px 0 56px; }\r\n.ss-logo{ font-family:'Sora',sans-serif; font-weight:800; font-size:1.25rem; color:var(--navy); letter-spacing:-.02em; }\r\n.ss-logo span{ color:var(--amber-deep); }\r\n\/* hero wy\u015brodkowany, jedna kolumna (uk\u0142ad jak StoryOS) *\/\r\n.ss-hero-center{ max-width:760px; margin:0 auto; text-align:center; }\r\n.ss-hero h1{ font-size:clamp(2.3rem,5vw,3.8rem); font-weight:800; }\r\n.ss-hero h1 .hl{ color:var(--amber-deep); }\r\n.ss-hero p.sub{ font-size:1.18rem; color:var(--ink-soft); margin:22px auto 40px; max-width:560px; }\r\n.ss-hero .ss-video{ margin:0 auto; }\r\n.ss-hero-cta{ display:flex; gap:14px; flex-wrap:wrap; justify-content:center; }\r\n\r\n\/* opinia w hero *\/\r\n.ss-hero-quote{ max-width:600px; margin:44px auto 0; }\r\n.ss-hero-quote p{ font-size:1.12rem; color:var(--ink); font-style:italic; line-height:1.55; }\r\n.ss-hero-quote figcaption{ margin-top:14px; font-size:.92rem; color:var(--ink-soft); }\r\n.ss-hero-quote figcaption strong{ color:var(--navy); }\r\n\r\n\/* statystyki w hero *\/\r\n.ss-hero-stats{ display:flex; gap:48px; justify-content:center; flex-wrap:wrap; margin:34px 0 36px;\r\n  padding:24px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }\r\n.ss-hstat b{ display:block; font-family:'Sora',sans-serif; font-size:2rem; color:var(--navy); line-height:1; }\r\n.ss-hstat span{ font-size:.88rem; color:var(--ink-soft); }\r\n\r\n\/* ====== WIDEO ====== *\/\r\n.ss-video{ position:relative; border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow);\r\n  border:1px solid var(--line); background:#000; aspect-ratio:16\/9; }\r\n.ss-video iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }\r\n.ss-video-ph{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; flex-direction:column;\r\n  background:linear-gradient(135deg,var(--navy),var(--navy-soft)); color:#fff; gap:14px; text-align:center; padding:24px; }\r\n.ss-video-ph .play{ width:74px; height:74px; border-radius:50%; background:var(--amber); display:flex; align-items:center;\r\n  justify-content:center; box-shadow:0 0 0 12px rgba(244,183,62,.18); }\r\n.ss-video-ph .play svg{ width:28px; height:28px; fill:var(--navy); margin-left:4px; }\r\n.ss-video-ph small{ opacity:.7; }\r\n\r\n\/* ====== PASEK LOGO \/ ZAUFANIE ====== *\/\r\n.ss-clients{ padding:38px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:var(--bg); }\r\n.ss-clients p{ text-align:center; font-size:.82rem; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-soft); margin-bottom:20px; }\r\n.ss-clients-row{ display:flex; flex-wrap:wrap; gap:14px 40px; justify-content:center; align-items:center; }\r\n.ss-client{ font-family:'Sora',sans-serif; font-weight:700; font-size:1.05rem; color:var(--ink-soft); opacity:.65; }\r\n\r\n\/* ====== PROBLEM \/ DLA KOGO ====== *\/\r\n.ss-cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:48px; }\r\n.ss-card{ background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:30px 26px;\r\n  box-shadow:var(--shadow-soft); transition:transform .2s ease, box-shadow .2s ease; }\r\n.ss-card:hover{ transform:translateY(-4px); box-shadow:var(--shadow); }\r\n.ss-card .ic{ width:52px; height:52px; border-radius:14px; background:var(--bg-amber); display:flex; align-items:center;\r\n  justify-content:center; margin-bottom:18px; font-size:1.5rem; }\r\n.ss-card h3{ font-size:1.18rem; margin-bottom:10px; }\r\n.ss-card p{ color:var(--ink-soft); font-size:.98rem; }\r\n\r\n\/* ====== PROGRAM \/ MODU\u0141Y ====== *\/\r\n.ss-modules{ display:grid; gap:16px; margin-top:48px; }\r\n.ss-module{ display:grid; grid-template-columns:64px 1fr; gap:22px; align-items:start; background:var(--surface);\r\n  border:1px solid var(--line); border-radius:var(--radius); padding:26px 28px; box-shadow:var(--shadow-soft); }\r\n.ss-module .num{ width:54px; height:54px; border-radius:14px; background:var(--navy); color:var(--amber);\r\n  font-family:'Sora',sans-serif; font-weight:800; font-size:1.3rem; display:flex; align-items:center; justify-content:center; }\r\n.ss-module h3{ font-size:1.22rem; margin-bottom:8px; }\r\n.ss-module p{ color:var(--ink-soft); }\r\n.ss-module ul{ margin-top:12px; padding-left:0; list-style:none; display:grid; gap:7px; }\r\n.ss-module li{ position:relative; padding-left:28px; color:var(--ink-soft); font-size:.97rem; }\r\n.ss-module li::before{ content:'\u2713'; position:absolute; left:0; top:0; color:var(--amber-deep); font-weight:800; }\r\n\r\n\/* ====== O PROWADZ\u0104CYM ====== *\/\r\n.ss-about{ display:grid; grid-template-columns:340px 1fr; gap:56px; align-items:center; }\r\n.ss-about-photo{ aspect-ratio:1\/1; border-radius:var(--radius); overflow:hidden; background:\r\n   linear-gradient(135deg,var(--navy),var(--navy-soft)); display:flex; align-items:center; justify-content:center;\r\n   color:rgba(255,255,255,.5); box-shadow:var(--shadow); border:6px solid var(--surface); }\r\n.ss-about-photo img{ width:100%; height:100%; object-fit:cover; }\r\n.ss-about h2{ font-size:2rem; margin-bottom:8px; }\r\n.ss-about .role{ color:var(--amber-deep); font-weight:700; margin-bottom:18px; }\r\n.ss-about p{ color:var(--ink-soft); margin-bottom:14px; }\r\n.ss-stats{ display:flex; gap:36px; margin-top:24px; flex-wrap:wrap; }\r\n.ss-stat b{ display:block; font-family:'Sora',sans-serif; font-size:1.9rem; color:var(--navy); }\r\n.ss-stat span{ font-size:.9rem; color:var(--ink-soft); }\r\n\r\n\/* ====== CO ZYSKASZ (rezultaty) ====== *\/\r\n.ss-results{ display:grid; grid-template-columns:repeat(2,1fr); gap:18px; margin-top:46px; }\r\n.ss-result{ display:flex; gap:16px; align-items:flex-start; background:var(--surface); padding:24px;\r\n  border-radius:var(--radius-sm); border:1px solid var(--line); }\r\n.ss-result .check{ flex:none; width:36px; height:36px; border-radius:50%; background:var(--amber);\r\n  color:var(--navy); display:flex; align-items:center; justify-content:center; font-weight:800; }\r\n.ss-result h3{ font-size:1.05rem; margin-bottom:4px; }\r\n.ss-result p{ font-size:.94rem; color:var(--ink-soft); }\r\n\r\n\/* ====== FAQ ====== *\/\r\n.ss-faq{ max-width:760px; margin:46px auto 0; display:grid; gap:12px; }\r\n.ss-faq details{ background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-sm); padding:4px 24px; }\r\n.ss-faq summary{ list-style:none; cursor:pointer; padding:20px 0; font-family:'Sora',sans-serif; font-weight:600;\r\n  color:var(--navy); font-size:1.05rem; display:flex; justify-content:space-between; align-items:center; gap:16px; }\r\n.ss-faq summary::-webkit-details-marker{ display:none; }\r\n.ss-faq summary::after{ content:'+'; font-size:1.5rem; color:var(--amber-deep); flex:none; transition:transform .2s; }\r\n.ss-faq details[open] summary::after{ transform:rotate(45deg); }\r\n.ss-faq details p{ padding:0 0 22px; color:var(--ink-soft); }\r\n\r\n\/* ====== ZAPIS \/ FORMULARZ (CTA finalne) ====== *\/\r\n.ss-signup{ background:\r\n   radial-gradient(800px 400px at 80% 0%, rgba(247,166,11,.22), transparent 60%),\r\n   linear-gradient(135deg,var(--dark),var(--dark-soft)); color:#fff; }\r\n.ss-signup h2{ color:#fff; font-size:clamp(1.8rem,3.5vw,2.6rem); }\r\n.ss-signup .ss-lead{ color:rgba(255,255,255,.82); }\r\n.ss-signup .ss-eyebrow{ background:rgba(247,166,11,.18); color:var(--amber-bright); }\r\n.ss-form-box{ max-width:560px; margin:36px auto 0; background:var(--surface); border-radius:var(--radius);\r\n  padding:34px; box-shadow:0 30px 70px -25px rgba(0,0,0,.5); }\r\n\r\n\/* === DOSTROJENIE OSADZONEGO FORMULARZA MAILERLITE DO STRONY === *\/\r\n.ss-form-box .ml-embedded{ text-align:left; }\r\n\/* zdejmujemy w\u0142asne t\u0142o\/ramk\u0119\/cie\u0144 MailerLite \u2014 formularz siedzi ju\u017c w naszym polu *\/\r\n.ss-form-box .ml-form-embedWrapper,\r\n.ss-form-box .ml-form-embedBody,\r\n.ss-form-box .ml-form-embedContent{\r\n  background:transparent !important; border:0 !important; box-shadow:none !important;\r\n  padding:0 !important; margin:0 !important; max-width:none !important; }\r\n\/* sp\u00f3jna typografia *\/\r\n.ss-form-box .ml-form-embedWrapper *{ font-family:'Inter',sans-serif !important; }\r\n.ss-form-box .ml-form-embedContent h4,\r\n.ss-form-box .ml-form-embedContent .ml-form-embedContentHeader{\r\n  font-family:'Sora',sans-serif !important; color:var(--ink) !important; }\r\n.ss-form-box .ml-form-embedContent p{ color:var(--ink-soft) !important; }\r\n\/* pola formularza *\/\r\n.ss-form-box .ml-form-embedWrapper input.form-control,\r\n.ss-form-box .ml-form-embedWrapper .ml-field-group input{\r\n  border:1.5px solid var(--line) !important; border-radius:var(--radius-sm) !important;\r\n  padding:14px 16px !important; font-size:1rem !important; background:#fff !important;\r\n  color:var(--ink) !important; height:auto !important; }\r\n.ss-form-box .ml-form-embedWrapper input.form-control:focus{\r\n  border-color:var(--amber) !important; box-shadow:0 0 0 3px rgba(247,166,11,.15) !important; }\r\n\/* przycisk \u2014 bursztyn + grafitowy tekst, jak ss-btn--primary *\/\r\n.ss-form-box .ml-form-embedWrapper button.primary,\r\n.ss-form-box .ml-form-embedSubmit button{\r\n  background:var(--amber) !important; color:#1c1c22 !important; border:0 !important;\r\n  border-radius:99px !important; font-family:'Sora',sans-serif !important; font-weight:700 !important;\r\n  font-size:1.02rem !important; padding:15px 30px !important; cursor:pointer !important;\r\n  box-shadow:0 12px 28px -10px rgba(247,166,11,.75) !important; transition:transform .18s ease !important; }\r\n.ss-form-box .ml-form-embedWrapper button.primary:hover,\r\n.ss-form-box .ml-form-embedSubmit button:hover{ transform:translateY(-2px) !important; opacity:1 !important; }\r\n\/* komunikat sukcesu *\/\r\n.ss-form-box .ml-form-successBody p{ color:var(--ink) !important; }\r\n\r\n\/* ====== STOPKA ====== *\/\r\n.ss-footer{ background:var(--bg-soft); padding:40px 0; text-align:center; color:var(--ink-soft); font-size:.9rem; }\r\n.ss-footer .ss-logo{ margin-bottom:12px; }\r\n\r\n\/* ====== RESPONSYWNO\u015a\u0106 ====== *\/\r\n@media(max-width:860px){\r\n  .ss-hero-stats{ gap:30px; }\r\n  .ss-cards{ grid-template-columns:1fr; }\r\n  .ss-about{ grid-template-columns:1fr; text-align:center; }\r\n  .ss-about-photo{ max-width:280px; margin:0 auto; }\r\n  .ss-stats{ justify-content:center; }\r\n  .ss-results{ grid-template-columns:1fr; }\r\n  .ss-module{ grid-template-columns:1fr; }\r\n  .ss-section{ padding:64px 0; }\r\n}\r\n\r\n\/* animacja wej\u015bcia *\/\r\n@keyframes ssUp{ from{opacity:0; transform:translateY(18px);} to{opacity:1; transform:translateY(0);} }\r\n.ss-anim{ animation:ssUp .7s cubic-bezier(.2,.7,.3,1) both; }\r\n.ss-anim.d1{ animation-delay:.08s; } .ss-anim.d2{ animation-delay:.16s; } .ss-anim.d3{ animation-delay:.24s; }\r\n<\/style>\r\n\r\n\r\n<div class=\"ssetup-page\">\r\n\r\n  <!-- MailerLite Universal (kod \u015bledz\u0105cy \u2014 \u0142aduje formularze MailerLite) -->\r\n  <script>\r\n      (function(w,d,e,u,f,l,n){w[f]=w[f]||function(){(w[f].q=w[f].q||[])\r\n      .push(arguments);},l=d.createElement(e),l.async=1,l.src=u,\r\n      n=d.getElementsByTagName(e)[0],n.parentNode.insertBefore(l,n);})\r\n      (window,document,'script','https:\/\/assets.mailerlite.com\/js\/universal.js','ml');\r\n      ml('account', '936800');\r\n  <\/script>\r\n  <!-- End MailerLite Universal -->\r\n\r\n  <!-- ============================ HERO ============================ -->\r\n  <header class=\"ss-hero\">\r\n    <div class=\"ss-wrap\">\r\n\r\n      <nav class=\"ss-nav\">\r\n        <!-- [EDYTUJ: LOGO] -->\r\n        <div class=\"ss-logo\">VideoIN<span>.<\/span>pl<\/div>\r\n        <a href=\"#zapis\" class=\"ss-btn ss-btn--primary\" style=\"padding:12px 24px; font-size:.95rem;\">Zapisz si\u0119 \u2192<\/a>\r\n      <\/nav>\r\n\r\n      <div class=\"ss-hero-center\">\r\n\r\n        <!-- 1. DU\u017bY TYTU\u0141 -->\r\n        <!-- [EDYTUJ: NAG\u0141\u00d3WEK G\u0141\u00d3WNY] -->\r\n        <span class=\"ss-eyebrow ss-anim\">Warsztat online \u00b7 edycja {EDYTUJ: termin}<\/span>\r\n        <h1 class=\"ss-anim d1\">Przejd\u017a z biznesu offline do <span class=\"hl\">online \u2014 dzi\u0119ki wideo<\/span><\/h1>\r\n\r\n        <!-- 2. KR\u00d3TKI OPIS -->\r\n        <p class=\"sub ss-anim d2\">\r\n          Praktyczny warsztat dla przedsi\u0119biorc\u00f3w i ekspert\u00f3w, kt\u00f3rzy chc\u0105 nagrywa\u0107 wideo,\r\n          budowa\u0107 autorytet i zdobywa\u0107 klient\u00f3w \u2014 bez \u201ebycia youtuberem\u201d.\r\n        <\/p>\r\n\r\n        <!-- 3. WIDEO ===================== [EDYTUJ: WIDEO] =====================\r\n             Aby wstawi\u0107 film: ODKOMENTUJ poni\u017cszy <iframe> i wklej sw\u00f3j link\r\n             (YouTube: https:\/\/www.youtube.com\/embed\/XXXX  |  Vimeo: https:\/\/player.vimeo.com\/video\/XXXX)\r\n             oraz USU\u0143 blok .ss-video-ph (placeholder).\r\n        -->\r\n        <div class=\"ss-video ss-anim d2\">\r\n          <!-- [EDYTUJ: WIDEO] aby zmieni\u0107 film, podmie\u0144 ID na ko\u0144cu adresu \/embed\/ -->\r\n          <iframe src=\"https:\/\/www.youtube.com\/embed\/dBmJCuDl0JE\" title=\"Zaproszenie na warsztat\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\r\n        <\/div>\r\n\r\n        <!-- 4. OPINIA -->\r\n        <!-- [EDYTUJ: OPINIA] -->\r\n        <figure class=\"ss-hero-quote ss-anim d3\">\r\n          <p>\u201eBartek pokaza\u0142 naszemu zespo\u0142owi, \u017ce profesjonalne wideo da si\u0119 nagra\u0107 telefonem. Po warsztacie ruszyli\u015bmy z nagraniami w tydzie\u0144.\u201d<\/p>\r\n          <figcaption><strong>Imi\u0119 Nazwisko<\/strong> \u00b7 Stanowisko, Firma<\/figcaption>\r\n        <\/figure>\r\n\r\n        <!-- 5. STATYSTYKI -->\r\n        <!-- [EDYTUJ: STATYSTYKI] -->\r\n        <div class=\"ss-hero-stats ss-anim d3\">\r\n          <div class=\"ss-hstat\"><b>18+<\/b><span>lat z wideo<\/span><\/div>\r\n          <div class=\"ss-hstat\"><b>30k+<\/b><span>subskrybent\u00f3w<\/span><\/div>\r\n          <div class=\"ss-hstat\"><b>50+<\/b><span>przeszkolonych ekspert\u00f3w<\/span><\/div>\r\n        <\/div>\r\n\r\n        <!-- 6. PRZYCISK -->\r\n        <div class=\"ss-hero-cta ss-anim d3\">\r\n          <a href=\"#zapis\" class=\"ss-btn ss-btn--primary\">Do\u0142\u0105cz do listy oczekuj\u0105cych<\/a>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/header>\r\n\r\n\r\n  <!-- ====================== PASEK ZAUFANIA ====================== -->\r\n  <section class=\"ss-clients\">\r\n    <div class=\"ss-wrap\">\r\n      <p>Zaufali mi m.in.<\/p>\r\n      <div class=\"ss-clients-row\">\r\n        <!-- [EDYTUJ: LOGA KLIENT\u00d3W \u2014 najlepiej podmie\u0144 na <img> z logotypami] -->\r\n        <span class=\"ss-client\">Crowe<\/span>\r\n        <span class=\"ss-client\">TGC Corporate Lawyers<\/span>\r\n        <span class=\"ss-client\">CA-Staff<\/span>\r\n        <span class=\"ss-client\">Advartis<\/span>\r\n        <span class=\"ss-client\">Ringier Axel Springer<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- ====================== DLA KOGO \/ PROBLEM ====================== -->\r\n  <section class=\"ss-section\" id=\"dla-kogo\">\r\n    <div class=\"ss-wrap ss-center\">\r\n      <span class=\"ss-eyebrow\">Dla kogo jest ten warsztat<\/span>\r\n      <h2 style=\"font-size:clamp(1.7rem,3.2vw,2.4rem);\">Znasz si\u0119 na swojej robocie. <br>Tylko \u015bwiat tego jeszcze nie widzi.<\/h2>\r\n      <p class=\"ss-lead\">Je\u015bli jeste\u015b ekspertem, kt\u00f3rego wiedza ginie w offline \u2014 wideo jest najszybsz\u0105 drog\u0105, \u017ceby zacz\u0105\u0107 by\u0107 widocznym.<\/p>\r\n\r\n      <div class=\"ss-cards\">\r\n        <!-- [EDYTUJ: 3 PROFILE \/ B\u00d3LE ODBIORCY] -->\r\n        <div class=\"ss-card\">\r\n          <div class=\"ic\">\ud83c\udfaf<\/div>\r\n          <h3>Ekspert-praktyk<\/h3>\r\n          <p>Prawnik, ksi\u0119gowy, doradca, kosmetolog \u2014 masz wiedz\u0119, ale nie wiesz, jak pokaza\u0107 j\u0105 na wideo, \u017ceby przyci\u0105ga\u0142a klient\u00f3w.<\/p>\r\n        <\/div>\r\n        <div class=\"ss-card\">\r\n          <div class=\"ic\">\ud83d\udcc8<\/div>\r\n          <h3>Przedsi\u0119biorca<\/h3>\r\n          <p>Prowadzisz firm\u0119 offline i czujesz, \u017ce bez obecno\u015bci online tracisz klient\u00f3w na rzecz tych, kt\u00f3rzy s\u0105 widoczni w sieci.<\/p>\r\n        <\/div>\r\n        <div class=\"ss-card\">\r\n          <div class=\"ic\">\ud83c\udfa5<\/div>\r\n          <h3>Zesp\u00f3\u0142 firmowy<\/h3>\r\n          <p>Chcecie nagrywa\u0107 wideo wewn\u0119trznie, ale brakuje Wam prostego, powtarzalnego procesu i pewno\u015bci przed kamer\u0105.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- ====================== PROGRAM \/ MODU\u0141Y ====================== -->\r\n  <section class=\"ss-section ss-section--dark\" id=\"program\">\r\n    <div class=\"ss-wrap\">\r\n      <div class=\"ss-center\">\r\n        <span class=\"ss-eyebrow\">Program warsztatu<\/span>\r\n        <h2 style=\"font-size:clamp(1.7rem,3.2vw,2.4rem);\">Od pomys\u0142u do pierwszego nagrania \u2014 krok po kroku<\/h2>\r\n        <p class=\"ss-lead\">Cztery modu\u0142y, kt\u00f3re przeprowadz\u0105 Ci\u0119 z offline do online. Praktyka, nie teoria.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ss-modules\">\r\n        <!-- [EDYTUJ: MODU\u0141Y PROGRAMU \u2014 dodawaj\/usuwaj bloki .ss-module] -->\r\n        <div class=\"ss-module\">\r\n          <div class=\"num\">01<\/div>\r\n          <div>\r\n            <h3>Strategia: po co Ci wideo<\/h3>\r\n            <p>Zanim w\u0142\u0105czysz kamer\u0119 \u2014 ustalamy, kto ma Ci\u0119 ogl\u0105da\u0107 i po co.<\/p>\r\n            <ul>\r\n              <li>Twoja grupa docelowa i czego naprawd\u0119 szuka<\/li>\r\n              <li>Format, kt\u00f3ry pasuje do Twojego biznesu<\/li>\r\n              <li>Jak wideo buduje autorytet i zdobywa klient\u00f3w<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"ss-module\">\r\n          <div class=\"num\">02<\/div>\r\n          <div>\r\n            <h3>Setup: nagrywanie bez drogiego sprz\u0119tu<\/h3>\r\n            <p>Pokazuj\u0119, jak nagra\u0107 profesjonalne wideo telefonem lub prostym zestawem.<\/p>\r\n            <ul>\r\n              <li>Minimalny zestaw: telefon, \u015bwiat\u0142o, d\u017awi\u0119k<\/li>\r\n              <li>Ustawienie kadru, t\u0142a i o\u015bwietlenia<\/li>\r\n              <li>Powtarzalny setup, kt\u00f3ry stawiasz w 5 minut<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"ss-module\">\r\n          <div class=\"num\">03<\/div>\r\n          <div>\r\n            <h3>Przed kamer\u0105: jak m\u00f3wi\u0107, \u017ceby s\u0142uchali<\/h3>\r\n            <p>Najtrudniejsza cz\u0119\u015b\u0107 dla eksperta \u2014 komunikacja na kamer\u0119.<\/p>\r\n            <ul>\r\n              <li>Struktura wypowiedzi i mocny hook na start<\/li>\r\n              <li>Jak pozby\u0107 si\u0119 tremy i m\u00f3wi\u0107 naturalnie<\/li>\r\n              <li>Scenariusz, kt\u00f3ry piszesz w kilka minut<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"ss-module\">\r\n          <div class=\"num\">04<\/div>\r\n          <div>\r\n            <h3>Publikacja i dystrybucja<\/h3>\r\n            <p>Gotowy materia\u0142 to dopiero po\u0142owa \u2014 teraz ma dotrze\u0107 do ludzi.<\/p>\r\n            <ul>\r\n              <li>Monta\u017c w prostych narz\u0119dziach i z pomoc\u0105 AI<\/li>\r\n              <li>YouTube + LinkedIn jako dwa filary widoczno\u015bci<\/li>\r\n              <li>Rytm publikacji, kt\u00f3ry da si\u0119 utrzyma\u0107<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- ====================== O PROWADZ\u0104CYM ====================== -->\r\n  <section class=\"ss-section ss-section--soft\" id=\"o-mnie\">\r\n    <div class=\"ss-wrap\">\r\n      <div class=\"ss-about\">\r\n        <!-- [EDYTUJ: ZDJ\u0118CIE \u2014 podmie\u0144 <img src> lub zostaw placeholder] -->\r\n        <div class=\"ss-about-photo\">\r\n          <!-- <img decoding=\"async\" src=\"WKLEJ_LINK_DO_ZDJECIA\" alt=\"Bartek Dziedzic\"> -->\r\n          <span>[ zdj\u0119cie ]<\/span>\r\n        <\/div>\r\n        <div>\r\n          <span class=\"ss-eyebrow\">O prowadz\u0105cym<\/span>\r\n          <h2>Bartek Dziedzic<\/h2>\r\n          <div class=\"role\">Wideo dla biznesu \u00b7 BartekDziedzicTV<\/div>\r\n          <!-- [EDYTUJ: BIO] -->\r\n          <p>Od 2006 roku zajmuj\u0119 si\u0119 fotografi\u0105 i wideo, a od 2019 prowadz\u0119 kana\u0142 BartekDziedzicTV. Pomagam przedsi\u0119biorcom i ekspertom przej\u015b\u0107 ze \u015bwiata offline do online \u2014 przez wideo.<\/p>\r\n          <p>Prowadzi\u0142em warsztaty dla zespo\u0142\u00f3w firm doradczych, prawniczych i kadrowych. Wiem, jak prze\u0142o\u017cy\u0107 eksperck\u0105 wiedz\u0119 na materia\u0142y, kt\u00f3re buduj\u0105 autorytet i przyci\u0105gaj\u0105 klient\u00f3w.<\/p>\r\n          <div class=\"ss-stats\">\r\n            <div class=\"ss-stat\"><b>18+<\/b><span>lat z wideo i fotografi\u0105<\/span><\/div>\r\n            <div class=\"ss-stat\"><b>30k+<\/b><span>subskrybent\u00f3w na YouTube<\/span><\/div>\r\n            <div class=\"ss-stat\"><b>50+<\/b><span>przeszkolonych ekspert\u00f3w<\/span><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- ====================== CO ZYSKASZ ====================== -->\r\n  <section class=\"ss-section\" id=\"rezultaty\">\r\n    <div class=\"ss-wrap ss-center\">\r\n      <span class=\"ss-eyebrow\">Efekty<\/span>\r\n      <h2 style=\"font-size:clamp(1.7rem,3.2vw,2.4rem);\">Z czym wyjdziesz po warsztacie<\/h2>\r\n      <div class=\"ss-results\" style=\"text-align:left;\">\r\n        <!-- [EDYTUJ: REZULTATY] -->\r\n        <div class=\"ss-result\"><div class=\"check\">\u2713<\/div><div><h3>Gotowy setup nagraniowy<\/h3><p>Wiesz, czym i jak nagrywa\u0107 \u2014 bez kupowania drogiego sprz\u0119tu.<\/p><\/div><\/div>\r\n        <div class=\"ss-result\"><div class=\"check\">\u2713<\/div><div><h3>Pierwsze nagranie<\/h3><p>Wychodzisz z konkretnym materia\u0142em wideo, nie z notatkami.<\/p><\/div><\/div>\r\n        <div class=\"ss-result\"><div class=\"check\">\u2713<\/div><div><h3>Pewno\u015b\u0107 przed kamer\u0105<\/h3><p>Wiesz, jak m\u00f3wi\u0107 naturalnie i bez tremy.<\/p><\/div><\/div>\r\n        <div class=\"ss-result\"><div class=\"check\">\u2713<\/div><div><h3>Plan publikacji<\/h3><p>Masz prosty, powtarzalny rytm na YouTube i LinkedIn.<\/p><\/div><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- ====================== FAQ ====================== -->\r\n  <section class=\"ss-section\" id=\"faq\">\r\n    <div class=\"ss-wrap ss-center\">\r\n      <span class=\"ss-eyebrow\">Pytania i odpowiedzi<\/span>\r\n      <h2 style=\"font-size:clamp(1.7rem,3.2vw,2.4rem);\">Najcz\u0119stsze pytania<\/h2>\r\n      <div class=\"ss-faq\">\r\n        <!-- [EDYTUJ: FAQ] -->\r\n        <details open><summary>Czy potrzebuj\u0119 profesjonalnego sprz\u0119tu?<\/summary><p>Nie. Warsztat jest tak skonstruowany, \u017ceby\u015b zacz\u0105\u0142 od tego, co masz \u2014 najcz\u0119\u015bciej wystarczy telefon i prosty zestaw, kt\u00f3ry podpowiadam.<\/p><\/details>\r\n        <details><summary>Nie czuj\u0119 si\u0119 dobrze przed kamer\u0105 \u2014 czy to dla mnie?<\/summary><p>Tak, to cz\u0119sty punkt startu. Ca\u0142y modu\u0142 po\u015bwi\u0119camy temu, jak m\u00f3wi\u0107 naturalnie i pozby\u0107 si\u0119 tremy.<\/p><\/details>\r\n        <details><summary>W jakiej formie odbywa si\u0119 warsztat?<\/summary><p>[EDYTUJ: online \/ stacjonarnie, d\u0142ugo\u015b\u0107, czy nagranie jest dost\u0119pne p\u00f3\u017aniej]<\/p><\/details>\r\n        <details><summary>Dla kogo NIE jest ten warsztat?<\/summary><p>Dla os\u00f3b, kt\u00f3re ju\u017c regularnie i skutecznie nagrywaj\u0105 wideo. To program dla startuj\u0105cych i tych, kt\u00f3rzy chc\u0105 uporz\u0105dkowa\u0107 proces.<\/p><\/details>\r\n        <details><summary>Czy dostan\u0119 materia\u0142y po warsztacie?<\/summary><p>[EDYTUJ: opisz, co dostaj\u0105 uczestnicy \u2014 checklisty, szablony, nagranie]<\/p><\/details>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- ====================== ZAPIS \/ FORMULARZ MAILERLITE ====================== -->\r\n  <section class=\"ss-section ss-signup\" id=\"zapis\">\r\n    <div class=\"ss-wrap ss-center\">\r\n      <span class=\"ss-eyebrow\">Zapisy<\/span>\r\n      <h2>Zarezerwuj swoje miejsce<\/h2>\r\n      <p class=\"ss-lead\">Zostaw e-mail, a wy\u015bl\u0119 Ci szczeg\u00f3\u0142y i potwierdzenie zapisu na warsztat.<\/p>\r\n\r\n      <div class=\"ss-form-box\">\r\n        <!-- ========================================================\r\n             FORMULARZ MAILERLITE \u2014 osadzony.\r\n             Aby zmieni\u0107 formularz, podmie\u0144 data-form=\"...\" na nowe ID.\r\n        ========================================================= -->\r\n        <div class=\"ml-embedded\" data-form=\"KC4Bpk\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- ====================== STOPKA ====================== -->\r\n  <footer class=\"ss-footer\">\r\n    <div class=\"ss-wrap\">\r\n      <div class=\"ss-logo\">VideoIN<span>.<\/span>pl<\/div>\r\n      <p>\u00a9 <span id=\"ss-year\"><\/span> BartekDziedzicTV \u00b7 Wszelkie prawa zastrze\u017cone<\/p>\r\n    <\/div>\r\n  <\/footer>\r\n\r\n<\/div>\r\n\r\n<script>\r\n  document.getElementById('ss-year').textContent = new Date().getFullYear();\r\n\r\n  \/\/ p\u0142ynne przewijanie do formularza zapisu (dzia\u0142a niezale\u017cnie od motywu)\r\n  document.querySelectorAll('.ssetup-page a[href=\"#zapis\"]').forEach(function(link){\r\n    link.addEventListener('click', function(e){\r\n      var target = document.getElementById('zapis');\r\n      if(target){ e.preventDefault(); target.scrollIntoView({behavior:'smooth', block:'start'}); }\r\n    });\r\n  });\r\n<\/script>\r\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/videoin.pl\/index.php\/wp-json\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/videoin.pl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/videoin.pl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/videoin.pl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/videoin.pl\/index.php\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":1,"href":"https:\/\/videoin.pl\/index.php\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":15,"href":"https:\/\/videoin.pl\/index.php\/wp-json\/wp\/v2\/pages\/14\/revisions\/15"}],"wp:attachment":[{"href":"https:\/\/videoin.pl\/index.php\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}