Program AI dla twórców

<section id="ai-manifest" style="padding-block: var(--et-spacing-vertical); padding-inline: var(--et-spacing-horizontal); background: #F7F5F9; position: relative; overflow: hidden;"> <style> @media (min-width: 1024px) { #ai-manifest { padding-block: var(--et-spacing-vertical-lg); padding-inline: var(--et-spacing-horizontal-lg); } } #ai-manifest .container { margin-inline: auto; max-width: 42rem; position: relative; z-index: 1; } @media (min-width: 1024px) { #ai-manifest .container { max-width: 80rem; } } /* Background pattern */ #ai-manifest .bg-pattern { position: absolute; inset: 0; background-image: radial-gradient(circle, rgba(103, 53, 136, 0.12) 1px, transparent 1px); background-size: 32px 32px; opacity: 0.6; z-index: 0; pointer-events: none; mask-image: radial-gradient(ellipse at center, black 40%, transparent 85%); -webkit-mask-image: radial-gradient(ellipse at center, black 40%, transparent 85%); } /* SVG decorations */ #ai-manifest .deco { position: absolute; z-index: 0; pointer-events: none; opacity: 0.09; color: #3B305F; } #ai-manifest .deco-ebook { width: 130px; height: 150px; top: 80px; left: 40px; transform: rotate(-8deg); } #ai-manifest .deco-video { width: 150px; height: 108px; top: 90px; right: 60px; transform: rotate(6deg); color: #382E99; opacity: 0.08; } #ai-manifest .deco-template { width: 110px; height: 130px; bottom: 260px; right: 40px; transform: rotate(-4deg); opacity: 0.07; color: #3B305F; } #ai-manifest .deco-chat { width: 100px; height: 100px; bottom: 200px; left: 60px; transform: rotate(-6deg); color: #673588; opacity: 0.1; } #ai-manifest .sparkle-deco { position: absolute; z-index: 0; pointer-events: none; user-select: none; color: #EE7F1A; line-height: 1; } #ai-manifest .sparkle-deco-1 { top: 220px; right: 240px; font-size: 24px; opacity: 0.35; } #ai-manifest .sparkle-deco-2 { bottom: 380px; left: 280px; font-size: 18px; opacity: 0.3; color: #804995; } /* Layout grid */ #ai-manifest .manifest-grid { display: grid; grid-template-columns: 5fr 7fr; gap: 72px; margin-bottom: 72px; align-items: start; } #ai-manifest .manifest-header { position: sticky; top: 32px; } /* Eyebrow */ #ai-manifest .eyebrow { display: inline-flex; align-items: center; gap: 8px; padding: 8px 18px; background: white; border-radius: 999px; font-weight: 600; font-size: 12px; color: #382E99; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 32px; } #ai-manifest .eyebrow .sparkle-icon { color: #382E99; font-size: 14px; line-height: 1; } /* Heading */ #ai-manifest .manifest-heading { font-weight: 800; font-size: clamp(28px, 3vw, 42px); line-height: 1.15; letter-spacing: -0.02em; color: #3B305F; margin: 0; text-wrap: balance; } #ai-manifest .manifest-heading .accent-orange { color: #EE7F1A; } #ai-manifest .mobile-break { display: none; } /* Body paragraphs */ #ai-manifest .manifest-body { display: flex; flex-direction: column; gap: 40px; } #ai-manifest .manifest-para { display: grid; grid-template-columns: 56px 1fr; gap: 20px; align-items: start; } #ai-manifest .para-number { font-weight: 800; font-size: 32px; line-height: 1; color: #804995; opacity: 0.4; letter-spacing: -0.02em; padding-top: 2px; } #ai-manifest .manifest-para p { font-weight: 400; font-size: 18px; line-height: 1.7; color: #1A1A1A; margin: 0; } #ai-manifest .manifest-para p strong { font-weight: 700; color: #382E99; } /* Punchline */ #ai-manifest .punchline { display: flex; align-items: flex-start; gap: 18px; padding: 36px 40px; background: white; border-radius: 20px; box-shadow: 0 8px 32px rgba(56, 46, 153, 0.1); max-width: 960px; margin: 0 auto; position: relative; z-index: 1; } #ai-manifest .punchline-sparkle { color: #EE7F1A; font-size: 26px; line-height: 1; flex-shrink: 0; margin-top: 2px; user-select: none; } #ai-manifest .punchline p { font-weight: 600; font-size: 20px; line-height: 1.5; color: #3B305F; margin: 0; } /* Responsive: tablet */ @media (max-width: 960px) { #ai-manifest .manifest-grid { grid-template-columns: 1fr; gap: 48px; margin-bottom: 56px; } #ai-manifest .manifest-header { position: static; } #ai-manifest .manifest-heading { font-size: 30px; } #ai-manifest .manifest-body { gap: 32px; } #ai-manifest .manifest-para { grid-template-columns: 44px 1fr; gap: 16px; } #ai-manifest .para-number { font-size: 26px; } #ai-manifest .manifest-para p { font-size: 17px; } #ai-manifest .punchline { padding: 28px 32px; } #ai-manifest .punchline p { font-size: 18px; } #ai-manifest .deco-ebook { width: 100px; height: 116px; top: 40px; left: 16px; opacity: 0.06; } #ai-manifest .deco-video { width: 120px; height: 86px; top: 40px; right: 16px; opacity: 0.06; } #ai-manifest .deco-template { display: none; } #ai-manifest .deco-chat { display: none; } #ai-manifest .sparkle-deco-1 { top: 160px; right: 30px; } #ai-manifest .sparkle-deco-2 { display: none; } } /* Responsive: mobile */ @media (max-width: 480px) { #ai-manifest .bg-pattern { background-size: 24px 24px; } #ai-manifest .eyebrow { font-size: 11px; padding: 6px 14px; } #ai-manifest .manifest-heading { font-size: 22px; line-height: 1.25; } #ai-manifest .mobile-break { display: block; } #ai-manifest .manifest-grid { gap: 36px; margin-bottom: 40px; } #ai-manifest .manifest-body { gap: 28px; } #ai-manifest .manifest-para { grid-template-columns: 36px 1fr; gap: 12px; } #ai-manifest .para-number { font-size: 22px; } #ai-manifest .manifest-para p { font-size: 16px; line-height: 1.65; } #ai-manifest .punchline { padding: 22px; gap: 12px; } #ai-manifest .punchline p { font-size: 16px; } #ai-manifest .punchline-sparkle { font-size: 22px; } #ai-manifest .deco-ebook { display: block; width: 80px; height: 92px; top: 24px; right: -20px; left: auto; opacity: 0.08; } #ai-manifest .deco-chat { display: block; width: 70px; height: 70px; bottom: 24px; left: -20px; opacity: 0.08; } #ai-manifest .deco-video { display: none; } #ai-manifest .deco-template { display: none; } #ai-manifest .sparkle-deco-1 { display: block; top: 120px; right: 24px; font-size: 18px; opacity: 0.25; } #ai-manifest .sparkle-deco-2 { display: none; } } </style>  <div class="bg-pattern" aria-hidden="true"></div>  <svg class="deco deco-ebook" viewBox="0 0 120 140" fill="none" aria-hidden="true" focusable="false"> <rect x="18" y="20" width="76" height="102" rx="6" stroke="currentColor" stroke-width="2.5" transform="rotate(-6 56 71)"/> <rect x="26" y="12" width="76" height="102" rx="6" stroke="currentColor" stroke-width="2.5" fill="white" transform="rotate(4 64 63)"/> <line x1="42" y1="42" x2="86" y2="42" stroke="currentColor" stroke-width="2" transform="rotate(4 64 63)"/> <line x1="42" y1="54" x2="86" y2="54" stroke="currentColor" stroke-width="2" transform="rotate(4 64 63)"/> <line x1="42" y1="66" x2="72" y2="66" stroke="currentColor" stroke-width="2" transform="rotate(4 64 63)"/> </svg>  <svg class="deco deco-video" viewBox="0 0 140 100" fill="none" aria-hidden="true" focusable="false"> <rect x="8" y="8" width="124" height="72" rx="8" stroke="currentColor" stroke-width="2.5"/> <circle cx="70" cy="44" r="14" stroke="currentColor" stroke-width="2.5"/> <path d="M66 38 L66 50 L76 44 Z" fill="currentColor"/> <rect x="52" y="86" width="36" height="6" rx="3" stroke="currentColor" stroke-width="2"/> </svg>  <svg class="deco deco-template" viewBox="0 0 110 130" fill="none" aria-hidden="true" focusable="false"> <rect x="8" y="8" width="94" height="114" rx="6" stroke="currentColor" stroke-width="2.5"/> <rect x="18" y="20" width="74" height="10" rx="3" fill="currentColor" opacity="0.6"/> <rect x="18" y="38" width="74" height="38" rx="4" stroke="currentColor" stroke-width="2"/> <line x1="18" y1="88" x2="92" y2="88" stroke="currentColor" stroke-width="2"/> <line x1="18" y1="98" x2="70" y2="98" stroke="currentColor" stroke-width="2"/> <line x1="18" y1="108" x2="80" y2="108" stroke="currentColor" stroke-width="2"/> </svg>  <svg class="deco deco-chat" viewBox="0 0 100 100" fill="none" aria-hidden="true" focusable="false"> <path d="M14 20 h60 a8 8 0 0 1 8 8 v32 a8 8 0 0 1 -8 8 h-30 l-14 12 v-12 h-16 a8 8 0 0 1 -8 -8 v-32 a8 8 0 0 1 8 -8 z" stroke="currentColor" stroke-width="2.5"/> <path d="M46 34 L48 40 L54 42 L48 44 L46 50 L44 44 L38 42 L44 40 Z" fill="currentColor"/> <circle cx="30" cy="46" r="2" fill="currentColor"/> <circle cx="66" cy="46" r="2" fill="currentColor"/> </svg>  <span class="sparkle-deco sparkle-deco-1" aria-hidden="true">✦</span> <span class="sparkle-deco sparkle-deco-2" aria-hidden="true">✦</span> <div class="container"> <div class="manifest-grid">  <div class="manifest-header"> <p class="eyebrow"> <span class="sparkle-icon" aria-hidden="true">✦</span> Zasady gry się zmieniły </p> <h2 class="manifest-heading"> AI zmienił zasady rynku produktów cyfrowych.<br class="mobile-break" aria-hidden="true"> <span class="accent-orange">Sama wiedza już nie wystarczy.</span> </h2> </div>  <div class="manifest-body"> <article class="manifest-para"> <span class="para-number" aria-hidden="true">01</span> <p>Klienci mają teraz ChatGPT za darmo. Przestają kupować ebooki, kursy i szablony, które AI wygeneruje im w 5 minut. Sprzedaż produktów odtwórczych spada i będzie spadać dalej.</p> </article> <article class="manifest-para"> <span class="para-number" aria-hidden="true">02</span> <p>Ale ludzie nie przestali chcieć się rozwijać. Nadal szukają twórców, którym ufają, konkretnych wskazówek i doświadczeń, których AI im nie da. <strong>Zniknął tylko rynek produktów, których nie warto już tworzyć.</strong></p> </article> <article class="manifest-para"> <span class="para-number" aria-hidden="true">03</span> <p>Dla twórców na starcie to szansa, żeby od razu zbudować produkt odporny na AI. Dla twórców z gotową ofertą to okazja, żeby ulepszyć ją zanim konkurencja to zrobi.</p> </article> </div> </div>  <aside class="punchline" aria-label="Kluczowe przesłanie"> <span class="punchline-sparkle" aria-hidden="true">✦</span> <p>Nasz program uczy, jak używać AI tam, gdzie jest do tego najlepsze, oraz jak zbudować produkt, za który klient będzie chciał Ci zapłacić.</p> </aside> </div> </section>

<!DOCTYPE html> <html lang="pl"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>AI dla Twórców – Program</title> </head> <body> <style> #ai-dla-tworcow-program { --brand-purple-900: #3B305F; --brand-purple-700: #673588; --brand-purple-500: #804995; --brand-navy: #382E99; --brand-orange: #EE7F1A; --surface: #FFFFFF; --surface-alt: #F7F5F9; --text: #1A1A1A; --text-muted: #828080; --border: #E8E6EB; --brand-gradient: linear-gradient(135deg, #3B305F 0%, #673588 55%, #804995 100%); --brand-gradient-hover: linear-gradient(135deg, #4A3D75 0%, #7A409E 55%, #9558AA 100%); font-family: 'Poppins', system-ui, -apple-system, sans-serif; } #ai-dla-tworcow-program .program-outer { padding-block: 112px; padding-inline: 32px; background: white; position: relative; overflow: hidden; } #ai-dla-tworcow-program .program-bg-pattern { position: absolute; inset: 0; background-image: radial-gradient(circle, rgba(103, 53, 136, 0.08) 1px, transparent 1px); background-size: 32px 32px; opacity: 0.5; z-index: 0; pointer-events: none; mask-image: radial-gradient(ellipse at center, black 40%, transparent 90%); -webkit-mask-image: radial-gradient(ellipse at center, black 40%, transparent 90%); } #ai-dla-tworcow-program .program-deco { position: absolute; z-index: 0; pointer-events: none; opacity: 0.08; color: var(--brand-purple-900); } #ai-dla-tworcow-program .program-deco-ebook { width: 110px; height: 128px; top: 260px; left: 60px; transform: rotate(-8deg); } #ai-dla-tworcow-program .program-deco-video { width: 130px; height: 94px; top: 480px; right: 60px; transform: rotate(6deg); color: var(--brand-navy); } #ai-dla-tworcow-program .program-deco-template { width: 100px; height: 118px; bottom: 400px; right: 80px; transform: rotate(-4deg); opacity: 0.07; } #ai-dla-tworcow-program .program-deco-chat { width: 90px; height: 90px; bottom: 260px; left: 100px; transform: rotate(-6deg); color: var(--brand-purple-700); opacity: 0.10; } #ai-dla-tworcow-program .program-sparkle-deco { position: absolute; z-index: 0; pointer-events: none; user-select: none; color: var(--brand-orange); } #ai-dla-tworcow-program .program-sparkle-deco-1 { top: 200px; right: 200px; font-size: 22px; opacity: 0.35; } #ai-dla-tworcow-program .program-sparkle-deco-2 { bottom: 320px; left: 280px; font-size: 18px; opacity: 0.30; color: var(--brand-purple-500); } #ai-dla-tworcow-program .program-container { max-width: 900px; margin-inline: auto; position: relative; z-index: 1; } /* Header */ #ai-dla-tworcow-program .program-header { text-align: center; max-width: 720px; margin-inline: auto; margin-bottom: 72px; } #ai-dla-tworcow-program .program-eyebrow { display: inline-flex; align-items: center; gap: 8px; padding: 8px 18px; background: var(--surface-alt); border-radius: 999px; font-weight: 600; font-size: 12px; color: var(--brand-navy); letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 24px; } #ai-dla-tworcow-program .program-eyebrow .sparkle { color: var(--brand-navy); font-size: 14px; line-height: 1; } #ai-dla-tworcow-program .program-heading { font-weight: 800; font-size: clamp(28px, 3vw, 42px); line-height: 1.15; letter-spacing: -0.02em; color: var(--brand-purple-900); margin: 0; text-wrap: balance; } #ai-dla-tworcow-program .accent-orange { color: var(--brand-orange); } /* Timeline */ #ai-dla-tworcow-program .timeline { position: relative; padding-left: 88px; margin-bottom: 72px; } #ai-dla-tworcow-program .timeline::before { content: ''; position: absolute; left: 31px; top: 24px; bottom: 24px; width: 2px; background: linear-gradient(to bottom, var(--brand-purple-500) 0%, var(--brand-purple-700) 50%, var(--brand-navy) 100%); z-index: 0; } #ai-dla-tworcow-program .timeline-step { position: relative; margin-bottom: 36px; } #ai-dla-tworcow-program .timeline-step:last-child { margin-bottom: 0; } #ai-dla-tworcow-program .timeline-marker { position: absolute; left: -88px; top: 20px; width: 64px; height: 64px; border-radius: 50%; background: white; border: 3px solid var(--brand-purple-500); display: flex; align-items: center; justify-content: center; z-index: 2; box-shadow: 0 4px 20px rgba(103, 53, 136, 0.15); transition: transform 300ms, box-shadow 300ms; } #ai-dla-tworcow-program .timeline-step:hover .timeline-marker { transform: scale(1.08); box-shadow: 0 6px 24px rgba(103, 53, 136, 0.25); } #ai-dla-tworcow-program .timeline-num { font-weight: 800; font-size: 22px; color: var(--brand-purple-900); letter-spacing: -0.02em; line-height: 1; } #ai-dla-tworcow-program .timeline-card { padding: 32px 36px; background: var(--surface-alt); border-radius: 20px; transition: transform 300ms, background 300ms, box-shadow 300ms; } #ai-dla-tworcow-program .timeline-card:hover { background: white; transform: translateX(6px); box-shadow: 0 12px 40px rgba(56, 46, 153, 0.10); } #ai-dla-tworcow-program .week-badge { display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; background: white; border-radius: 999px; font-weight: 700; font-size: 11px; color: var(--brand-navy); letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 16px; transition: background 300ms; } #ai-dla-tworcow-program .timeline-card:hover .week-badge { background: var(--surface-alt); } #ai-dla-tworcow-program .week-badge .sparkle { color: var(--brand-orange); font-size: 12px; line-height: 1; } #ai-dla-tworcow-program .timeline-card-heading { font-weight: 700; font-size: 22px; line-height: 1.3; color: var(--brand-purple-900); margin: 0 0 14px 0; letter-spacing: -0.01em; } #ai-dla-tworcow-program .timeline-card-body { font-weight: 400; font-size: 16px; line-height: 1.65; color: var(--text); margin: 0; } /* CTA */ #ai-dla-tworcow-program .program-cta { display: flex; flex-direction: column; align-items: center; gap: 16px; } #ai-dla-tworcow-program .btn-program-primary { display: inline-flex; align-items: center; gap: 12px; background: var(--brand-gradient); color: white; font-weight: 800; font-size: 17px; padding: 18px 40px; border-radius: 999px; text-decoration: none; transition: transform 200ms, box-shadow 300ms; letter-spacing: 0.01em; box-shadow: 0 4px 20px rgba(103, 53, 136, 0.25); } #ai-dla-tworcow-primary:hover { background: var(--brand-gradient-hover); transform: translateY(-2px); box-shadow: 0 8px 28px rgba(103, 53, 136, 0.35); } #ai-dla-tworcow-program .btn-program-primary:focus-visible { outline: 2px solid var(--brand-purple-700); outline-offset: 3px; } #ai-dla-tworcow-program .btn-arrow { display: inline-block; transition: transform 200ms; } #ai-dla-tworcow-program .btn-program-primary:hover .btn-arrow { transform: translateX(4px); } #ai-dla-tworcow-program .program-cta-note { font-weight: 500; font-size: 13px; color: var(--text-muted); letter-spacing: 0.02em; margin: 0; } /* Responsive – tablet */ @media (max-width: 960px) { #ai-dla-tworcow-program .program-outer { padding-block: 80px; padding-inline: 24px; } #ai-dla-tworcow-program .program-header { margin-bottom: 56px; } #ai-dla-tworcow-program .program-heading { font-size: 30px; } #ai-dla-tworcow-program .timeline { padding-left: 68px; margin-bottom: 56px; } #ai-dla-tworcow-program .timeline::before { left: 25px; } #ai-dla-tworcow-program .timeline-marker { width: 52px; height: 52px; left: -68px; top: 16px; } #ai-dla-tworcow-program .timeline-num { font-size: 18px; } #ai-dla-tworcow-program .timeline-card { padding: 28px 28px; } #ai-dla-tworcow-program .timeline-card-heading { font-size: 20px; } #ai-dla-tworcow-program .program-deco-ebook { width: 80px; height: 92px; top: 200px; left: 24px; opacity: 0.06; } #ai-dla-tworcow-program .program-deco-video { width: 100px; height: 72px; top: 380px; right: 24px; opacity: 0.06; } #ai-dla-tworcow-program .program-deco-template { display: none; } #ai-dla-tworcow-program .program-deco-chat { display: none; } #ai-dla-tworcow-program .program-sparkle-deco-2 { display: none; } } /* Responsive – mobile */ @media (max-width: 480px) { #ai-dla-tworcow-program .program-outer { padding-block: 64px; padding-inline: 20px; } #ai-dla-tworcow-program .program-eyebrow { font-size: 11px; padding: 6px 14px; } #ai-dla-tworcow-program .program-heading { font-size: 24px; line-height: 1.2; } #ai-dla-tworcow-program .program-header { margin-bottom: 40px; } #ai-dla-tworcow-program .timeline { padding-left: 52px; margin-bottom: 40px; } #ai-dla-tworcow-program .timeline::before { left: 19px; top: 20px; bottom: 20px; } #ai-dla-tworcow-program .timeline-marker { width: 40px; height: 40px; left: -52px; top: 14px; border-width: 2px; } #ai-dla-tworcow-program .timeline-num { font-size: 14px; } #ai-dla-tworcow-program .timeline-step { margin-bottom: 28px; } #ai-dla-tworcow-program .timeline-card { padding: 22px 20px; border-radius: 16px; } #ai-dla-tworcow-program .timeline-card:hover { transform: none; } #ai-dla-tworcow-program .week-badge { font-size: 10px; padding: 5px 12px; margin-bottom: 12px; } #ai-dla-tworcow-program .timeline-card-heading { font-size: 18px; margin-bottom: 10px; } #ai-dla-tworcow-program .timeline-card-body { font-size: 15px; line-height: 1.6; } #ai-dla-tworcow-program .btn-program-primary { padding: 16px 32px; font-size: 15px; width: 100%; justify-content: center; } #ai-dla-tworcow-program .program-deco-ebook { display: block; width: 70px; height: 80px; top: 40px; right: -16px; left: auto; opacity: 0.07; } #ai-dla-tworcow-program .program-deco-chat { display: block; width: 60px; height: 60px; bottom: 100px; left: -12px; opacity: 0.07; } #ai-dla-tworcow-program .program-deco-video { display: none; } #ai-dla-tworcow-program .program-deco-template { display: none; } #ai-dla-tworcow-program .program-sparkle-deco-1 { top: 140px; right: 20px; font-size: 16px; opacity: 0.25; } #ai-dla-tworcow-program .program-sparkle-deco-2 { display: none; } } </style> <section id="ai-dla-tworcow-program" aria-labelledby="program-heading"> <div class="program-outer"> <div class="program-bg-pattern" role="presentation" aria-hidden="true"></div>  <svg class="program-deco program-deco-ebook" viewBox="0 0 120 140" fill="none" aria-hidden="true" focusable="false"> <rect x="18" y="20" width="76" height="102" rx="6" stroke="currentColor" stroke-width="2.5" transform="rotate(-6 56 71)"/> <rect x="26" y="12" width="76" height="102" rx="6" stroke="currentColor" stroke-width="2.5" fill="white" transform="rotate(4 64 63)"/> <line x1="42" y1="42" x2="86" y2="42" stroke="currentColor" stroke-width="2" transform="rotate(4 64 63)"/> <line x1="42" y1="54" x2="86" y2="54" stroke="currentColor" stroke-width="2" transform="rotate(4 64 63)"/> <line x1="42" y1="66" x2="72" y2="66" stroke="currentColor" stroke-width="2" transform="rotate(4 64 63)"/> </svg> <svg class="program-deco program-deco-video" viewBox="0 0 140 100" fill="none" aria-hidden="true" focusable="false"> <rect x="8" y="8" width="124" height="72" rx="8" stroke="currentColor" stroke-width="2.5"/> <circle cx="70" cy="44" r="14" stroke="currentColor" stroke-width="2.5"/> <path d="M66 38 L66 50 L76 44 Z" fill="currentColor"/> <rect x="52" y="86" width="36" height="6" rx="3" stroke="currentColor" stroke-width="2"/> </svg> <svg class="program-deco program-deco-template" viewBox="0 0 110 130" fill="none" aria-hidden="true" focusable="false"> <rect x="8" y="8" width="94" height="114" rx="6" stroke="currentColor" stroke-width="2.5"/> <rect x="18" y="20" width="74" height="10" rx="3" fill="currentColor" opacity="0.6"/> <rect x="18" y="38" width="74" height="38" rx="4" stroke="currentColor" stroke-width="2"/> <line x1="18" y1="88" x2="92" y2="88" stroke="currentColor" stroke-width="2"/> <line x1="18" y1="98" x2="70" y2="98" stroke="currentColor" stroke-width="2"/> <line x1="18" y1="108" x2="80" y2="108" stroke="currentColor" stroke-width="2"/> </svg> <svg class="program-deco program-deco-chat" viewBox="0 0 100 100" fill="none" aria-hidden="true" focusable="false"> <path d="M14 20 h60 a8 8 0 0 1 8 8 v32 a8 8 0 0 1 -8 8 h-30 l-14 12 v-12 h-16 a8 8 0 0 1 -8 -8 v-32 a8 8 0 0 1 8 -8 z" stroke="currentColor" stroke-width="2.5"/> <path d="M46 34 L48 40 L54 42 L48 44 L46 50 L44 44 L38 42 L44 40 Z" fill="currentColor"/> <circle cx="30" cy="46" r="2" fill="currentColor"/> <circle cx="66" cy="46" r="2" fill="currentColor"/> </svg> <span class="program-sparkle-deco program-sparkle-deco-1" aria-hidden="true">✦</span> <span class="program-sparkle-deco program-sparkle-deco-2" aria-hidden="true">✦</span> <div class="program-container"> <header class="program-header"> <p class="program-eyebrow"><span class="sparkle" aria-hidden="true">✦</span> Program</p> <h2 id="program-heading" class="program-heading"> Co zrobisz w <span class="accent-orange">30 dni</span> w programie AI dla twórców? </h2> </header> <ol class="timeline" aria-label="Plan programu tygodniowo"> <li class="timeline-step"> <div class="timeline-marker" aria-hidden="true"> <span class="timeline-num">01</span> </div> <article class="timeline-card"> <p class="week-badge"><span class="sparkle" aria-hidden="true">✦</span> Tydzień 1</p> <h3 class="timeline-card-heading">Fundament: mindset i walidacja pomysłu</h3> <p class="timeline-card-body">Wychodzisz z pomysłem na produkt, który przeszedł przez adwokata diabła, czyli Asystenta AI, który nie przepuszcza słabych pomysłów. Wiesz co warto tworzyć, zamiast zgadywać. Głowa nastawiona na działanie, bez blokad, które zatrzymywały Cię wcześniej.</p> </article> </li> <li class="timeline-step"> <div class="timeline-marker" aria-hidden="true"> <span class="timeline-num">02</span> </div> <article class="timeline-card"> <p class="week-badge"><span class="sparkle" aria-hidden="true">✦</span> Tydzień 2</p> <h3 class="timeline-card-heading">Koncept produktu i AI, które brzmi jak Ty</h3> <p class="timeline-card-body">Konfigurujesz Claude jako zaplecze marki: brandbook, Skills, pierwsze elementy produktu. AI od tej pory brzmi jak Ty, nie jak generyczny GPT. Kończysz tydzień z gotowym konceptem i pierwszymi elementami produktu w rękach.</p> </article> </li> <li class="timeline-step"> <div class="timeline-marker" aria-hidden="true"> <span class="timeline-num">03</span> </div> <article class="timeline-card"> <p class="week-badge"><span class="sparkle" aria-hidden="true">✦</span> Tydzień 3</p> <h3 class="timeline-card-heading">Oferta, lejek i decyzja jak sprzedajesz</h3> <p class="timeline-card-body">Tworzysz unikalną ofertę, którą klient chce kupić. Poznajesz 3 drogi sprzedaży, także wtedy, kiedy nie masz jeszcze społeczności. Wybierasz jedną z 2 strategii sprzedaży dopasowanych do Twojej sytuacji. Na jej podstawie kończysz tworzyć produkt teraz lub po starcie sprzedaży.</p> </article> </li> <li class="timeline-step"> <div class="timeline-marker" aria-hidden="true"> <span class="timeline-num">04</span> </div> <article class="timeline-card"> <p class="week-badge"><span class="sparkle" aria-hidden="true">✦</span> Tydzień 4</p> <h3 class="timeline-card-heading">Pierwsza sprzedaż i plan na kolejną</h3> <p class="timeline-card-body">Ruszasz z wybraną strategią sprzedaży, z gotowym harmonogramem na każdy dzień. Kończysz program z pierwszą kampanią za sobą, pierwszymi realnymi zamówieniami i planem na kolejny miesiąc.</p> </article> </li> </ol> <div class="program-cta"> <a href="https://cart.easy.tools/checkout/newskill/ai-dla-tworcow" class="btn-program-primary" target="_blank" rel="noopener noreferrer" > Dołącz teraz <span class="btn-arrow" aria-hidden="true">→</span> </a> <p class="program-cta-note">Zapisy 20–30 lipca 2026. Program startuje 3 sierpnia.</p> </div> </div> </div> </section> </body> </html>

<!DOCTYPE html> <html lang="pl"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Dla kogo - AI dla Twórców</title> </head> <body> <style> :root { --brand-purple-900: #3B305F; --brand-purple-700: #673588; --brand-purple-500: #804995; --brand-navy: #382E99; --brand-orange: #EE7F1A; --surface: #FFFFFF; --surface-alt: #F7F5F9; --text: #1A1A1A; --text-muted: #828080; --border: #E8E6EB; } #dla-kogo { padding: 112px 32px; background: var(--surface-alt); position: relative; overflow: hidden; font-family: 'Poppins', sans-serif; } /* Dekoracje SVG */ #dla-kogo .dlakogo-deco { position: absolute; z-index: 0; pointer-events: none; opacity: 0.07; color: var(--brand-purple-900); } #dla-kogo .dlakogo-deco-ebook { width: 100px; height: 116px; top: 180px; left: 40px; transform: rotate(-8deg); } #dla-kogo .dlakogo-deco-template { width: 90px; height: 106px; bottom: 240px; right: 60px; transform: rotate(6deg); color: var(--brand-navy); opacity: 0.06; } #dla-kogo .dlakogo-sparkle { position: absolute; z-index: 0; pointer-events: none; user-select: none; color: var(--brand-orange); font-size: 20px; opacity: 0.3; } #dla-kogo .dlakogo-sparkle-1 { top: 240px; right: 200px; } #dla-kogo .dlakogo-sparkle-2 { bottom: 320px; left: 240px; opacity: 0.25; color: var(--brand-purple-500); } #dla-kogo .dlakogo-container { max-width: 1200px; margin: 0 auto; position: relative; z-index: 1; } /* Section header */ #dla-kogo .dlakogo-header { text-align: center; max-width: 720px; margin: 0 auto 64px; } #dla-kogo .dlakogo-eyebrow { display: inline-flex; align-items: center; gap: 8px; padding: 8px 18px; background: white; border-radius: 999px; font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 12px; color: var(--brand-navy); letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 24px; } #dla-kogo .dlakogo-eyebrow .eyebrow-sparkle { color: var(--brand-navy); font-size: 14px; line-height: 1; } #dla-kogo .dlakogo-heading { font-family: 'Poppins', sans-serif; font-weight: 800; font-size: clamp(28px, 3vw, 42px); line-height: 1.15; letter-spacing: -0.02em; color: var(--brand-purple-900); margin: 0; text-wrap: balance; } #dla-kogo .dlakogo-heading .accent-orange { color: var(--brand-orange); } /* Grid 2x2 */ #dla-kogo .dlakogo-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; } #dla-kogo .archetype-card { position: relative; padding: 40px 36px; background: white; border: 1px solid var(--border); border-radius: 24px; display: flex; flex-direction: column; transition: border-color 300ms, transform 300ms, box-shadow 300ms; overflow: hidden; } #dla-kogo .archetype-card:hover { border-color: var(--brand-purple-500); transform: translateY(-4px); box-shadow: 0 12px 40px rgba(56, 46, 153, 0.1); } /* ZMIANA #1: Numer w rogu - mały typograficzny */ #dla-kogo .archetype-number { position: absolute; top: 32px; right: 36px; font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 18px; line-height: 1; color: var(--brand-purple-500); letter-spacing: 0.08em; user-select: none; pointer-events: none; } /* Tytuł karty */ #dla-kogo .archetype-title { font-family: 'Poppins', sans-serif; font-weight: 800; font-size: 21px; line-height: 1.3; color: var(--brand-purple-900); margin: 0 0 20px 0; padding-right: 40px; letter-spacing: -0.01em; } /* Opis (problem) */ #dla-kogo .archetype-desc { font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 15px; line-height: 1.65; color: var(--text); margin: 0 0 20px 0; } /* ZMIANA #2: Cytat - italic + kolor średni fiolet, bez pomarańczowego cudzysłowu */ #dla-kogo .archetype-quote { font-family: 'Poppins', sans-serif; font-style: italic; font-weight: 400; font-size: 15px; line-height: 1.6; color: var(--brand-purple-700); margin: 0 0 28px 0; } /* W programie - wyróżniony box */ #dla-kogo .archetype-solution { margin-top: auto; padding: 20px 22px; background: var(--surface-alt); border-radius: 14px; transition: background 300ms, box-shadow 300ms; } #dla-kogo .archetype-card:hover .archetype-solution { background: white; box-shadow: 0 4px 16px rgba(56, 46, 153, 0.08); } #dla-kogo .solution-label { display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px; background: var(--brand-orange); color: white; border-radius: 999px; font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 12px; } #dla-kogo .solution-label .label-sparkle { color: white; font-size: 11px; line-height: 1; } #dla-kogo .archetype-solution p { font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 15px; line-height: 1.6; color: var(--text); margin: 0; } /* Responsywność */ @media (max-width: 960px) { #dla-kogo { padding: 80px 24px; } #dla-kogo .dlakogo-header { margin-bottom: 48px; } #dla-kogo .dlakogo-heading { font-size: 30px; } #dla-kogo .dlakogo-grid { grid-template-columns: 1fr; gap: 20px; } #dla-kogo .archetype-card { padding: 32px 28px; } #dla-kogo .archetype-number { font-size: 16px; top: 26px; right: 28px; } #dla-kogo .archetype-title { font-size: 19px; padding-right: 36px; } #dla-kogo .dlakogo-deco-ebook { width: 80px; height: 92px; top: 100px; left: 16px; opacity: 0.05; } #dla-kogo .dlakogo-deco-template { display: none; } #dla-kogo .dlakogo-sparkle-2 { display: none; } } @media (max-width: 480px) { #dla-kogo { padding: 64px 20px; } #dla-kogo .dlakogo-eyebrow { font-size: 11px; padding: 6px 14px; } #dla-kogo .dlakogo-heading { font-size: 24px; line-height: 1.2; } #dla-kogo .dlakogo-header { margin-bottom: 40px; } #dla-kogo .dlakogo-grid { gap: 16px; } #dla-kogo .archetype-card { padding: 28px 22px; border-radius: 20px; } #dla-kogo .archetype-card:hover { transform: none; } #dla-kogo .archetype-number { font-size: 15px; top: 22px; right: 22px; } #dla-kogo .archetype-title { font-size: 18px; padding-right: 32px; margin-bottom: 16px; } #dla-kogo .archetype-desc { font-size: 15px; margin-bottom: 16px; } #dla-kogo .archetype-quote { font-size: 14px; margin-bottom: 20px; } #dla-kogo .archetype-solution { padding: 16px 18px; } #dla-kogo .solution-label { font-size: 9px; padding: 4px 10px; } #dla-kogo .archetype-solution p { font-size: 14px; } #dla-kogo .dlakogo-deco-ebook { display: block; width: 60px; height: 70px; top: 40px; right: -14px; left: auto; opacity: 0.06; } #dla-kogo .dlakogo-deco-template { display: none; } #dla-kogo .dlakogo-sparkle-1 { display: block; top: 120px; right: 24px; font-size: 16px; } #dla-kogo .dlakogo-sparkle-2 { display: none; } } </style> <section id="dla-kogo" aria-labelledby="dlakogo-heading">  <svg class="dlakogo-deco dlakogo-deco-ebook" viewBox="0 0 120 140" fill="none" aria-hidden="true" focusable="false"> <rect x="18" y="20" width="76" height="102" rx="6" stroke="currentColor" stroke-width="2.5" transform="rotate(-6 56 71)"/> <rect x="26" y="12" width="76" height="102" rx="6" stroke="currentColor" stroke-width="2.5" fill="white" transform="rotate(4 64 63)"/> <line x1="42" y1="42" x2="86" y2="42" stroke="currentColor" stroke-width="2" transform="rotate(4 64 63)"/> <line x1="42" y1="54" x2="86" y2="54" stroke="currentColor" stroke-width="2" transform="rotate(4 64 63)"/> <line x1="42" y1="66" x2="72" y2="66" stroke="currentColor" stroke-width="2" transform="rotate(4 64 63)"/> </svg> <svg class="dlakogo-deco dlakogo-deco-template" viewBox="0 0 110 130" fill="none" aria-hidden="true" focusable="false"> <rect x="8" y="8" width="94" height="114" rx="6" stroke="currentColor" stroke-width="2.5"/> <rect x="18" y="20" width="74" height="10" rx="3" fill="currentColor" opacity="0.6"/> <rect x="18" y="38" width="74" height="38" rx="4" stroke="currentColor" stroke-width="2"/> <line x1="18" y1="88" x2="92" y2="88" stroke="currentColor" stroke-width="2"/> <line x1="18" y1="98" x2="70" y2="98" stroke="currentColor" stroke-width="2"/> <line x1="18" y1="108" x2="80" y2="108" stroke="currentColor" stroke-width="2"/> </svg> <span class="dlakogo-sparkle dlakogo-sparkle-1" aria-hidden="true">✦</span> <span class="dlakogo-sparkle dlakogo-sparkle-2" aria-hidden="true">✦</span> <div class="dlakogo-container"> <header class="dlakogo-header"> <p class="dlakogo-eyebrow" aria-hidden="false"> <span class="eyebrow-sparkle" aria-hidden="true">✦</span> Dla kogo </p> <h2 id="dlakogo-heading" class="dlakogo-heading">Ten program jest <span class="accent-orange">dla Ciebie</span>, jeśli...</h2> </header> <div class="dlakogo-grid" role="list"> <article class="archetype-card" role="listitem"> <span class="archetype-number" aria-hidden="true">01</span> <h3 class="archetype-title">Chcesz stworzyć swój pierwszy produkt cyfrowy, ale odkładasz to od miesięcy</h3> <p class="archetype-desc">Wiesz, że chcesz zrobić kurs, ebook albo szablon. Masz nawet kilka pomysłów w głowie. Ale za każdym razem, gdy siadasz do pracy, coś blokuje: brak walidacji pomysłu, brak procesu, brak czasu, brak pewności czy to ma sens.</p> <p class="archetype-quote">Znasz radę "po prostu zacznij". Znasz kursy, których nie kończysz. Tym razem chcesz strukturę, która nie pozwoli odpuścić.</p> <div class="archetype-solution"> <span class="solution-label"><span class="label-sparkle" aria-hidden="true">✦</span> W programie</span> <p>Przez 30 dni masz jasny plan pracy każdego dnia, wsparcie 8 ekspertów i grupę, która startuje razem z Tobą. Wychodzisz z gotowym produktem, landing page'em i pierwszą sprzedażą.</p> </div> </article> <article class="archetype-card" role="listitem"> <span class="archetype-number" aria-hidden="true">02</span> <h3 class="archetype-title">Prowadzisz konsultacje 1:1, a kiedy nie pracujesz, nie zarabiasz</h3> <p class="archetype-desc">Jesteś ekspertem w swojej dziedzinie: prowadzisz konsultacje, sesje, warsztaty. Twój grafik jest pełny albo stabilny, ale wiesz, że nie da się skalować dalej samymi godzinami. Wolne dni to brak przychodu.</p> <p class="archetype-quote">Znasz radę "zrób kurs ze swojej wiedzy". Obawiasz się jednak, że produkt cyfrowy odciągnie klientów od Twoich sesji 1:1 i że stracisz tych, którzy dziś płacą Ci najwięcej.</p> <div class="archetype-solution"> <span class="solution-label"><span class="label-sparkle" aria-hidden="true">✦</span> W programie</span> <p>Pokazujemy, jak zbudować produkt cyfrowy, który przyciąga nowych klientów i jak przemyśleć całą ścieżkę klienta w Twoim biznesie. Twoje 1:1 nie znika. Rośnie wokół niego druga, niezależna od godzin, ścieżka przychodu.</p> </div> </article> <article class="archetype-card" role="listitem"> <span class="archetype-number" aria-hidden="true">03</span> <h3 class="archetype-title">Masz produkt cyfrowy, ale sprzedaż stoi w miejscu lub spada, a Ty nie wiesz co naprawić</h3> <p class="archetype-desc">Masz kurs albo ebook. Kilka osób kupiło, wpłynęły pierwsze opinie, ale nowe sprzedaże nie przychodzą. Nie wiesz, czy problem jest w produkcie, w landing page'u, w cenie, w zasięgach, czy w komunikacji.</p> <p class="archetype-quote">Znasz rady typu "zrób rebranding od zera" albo "wrzuć kolejny lead magnet". Nie chcesz zaczynać wszystkiego od nowa. Chcesz diagnozy: co konkretnie zmienić, żeby zaczęło się sprzedawać.</p> <div class="archetype-solution"> <span class="solution-label"><span class="label-sparkle" aria-hidden="true">✦</span> W programie</span> <p>Poświęcamy dwa tygodnie na unikalną ofertę, lejek i dystrybucję. Wychodzisz z konkretnymi zmianami, które testujesz w praktyce, oraz z wiedzą, jak w przyszłości samemu ocenić, co działa, a co wymaga poprawy.</p> </div> </article> <article class="archetype-card" role="listitem"> <span class="archetype-number" aria-hidden="true">04</span> <h3 class="archetype-title">Sprzedajesz produkt regularnie, ale wypalasz się na powtarzalnej robocie wokół niego</h3> <p class="archetype-desc">Twój produkt działa. Sprzedaje się. Ale każdy launch, każda kampania, każda strona sprzedażowa zabiera dwa tygodnie życia. Wiesz, że AI mogłoby część tego przejąć, ale nie chcesz, żeby Twoja marka nagle brzmiała jak generyczny GPT.</p> <p class="archetype-quote">Znasz radę "zautomatyzuj wszystko z AI". Nie ufasz jej. Twój głos jest tym, co odróżnia Cię od reszty rynku.</p> <div class="archetype-solution"> <span class="solution-label"><span class="label-sparkle" aria-hidden="true">✦</span> W programie</span> <p>Uczysz się, gdzie AI odciąża pracę, a gdzie zostajesz Ty. Bo Twój głos i doświadczenie to jest to, za co klienci płacą. AI robi robotę. Ty robisz różnicę.</p> </div> </article> </div> </div> </section> </body> </html>

<!DOCTYPE html> <html lang="pl"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Stary vs Nowy</title> </head> <body> <style> :root { --brand-purple-900: #3B305F; --brand-purple-700: #673588; --brand-purple-500: #804995; --brand-navy: #382E99; --brand-orange: #EE7F1A; --brand-gray: #828080; --surface: #FFFFFF; --surface-alt: #F7F5F9; --text: #1A1A1A; --text-muted: #828080; --border: #E8E6EB; } #stary-vs-nowy { background: #FFFFFF; font-family: 'Poppins', sans-serif; position: relative; overflow: hidden; padding-block: var(--et-spacing-vertical, 64px); padding-inline: var(--et-spacing-horizontal, 20px); } @media (min-width: 1024px) { #stary-vs-nowy { padding-block: var(--et-spacing-vertical-lg, 96px); padding-inline: var(--et-spacing-horizontal-lg, 32px); } } /* Decorative elements */ #stary-vs-nowy .comparison-deco { position: absolute; z-index: 0; pointer-events: none; opacity: 0.07; color: var(--brand-purple-900); } #stary-vs-nowy .comparison-deco-ebook { width: 100px; height: 116px; top: 140px; left: 40px; transform: rotate(-8deg); } #stary-vs-nowy .comparison-deco-template { width: 90px; height: 106px; bottom: 180px; right: 60px; transform: rotate(6deg); color: var(--brand-navy); opacity: 0.06; } #stary-vs-nowy .comparison-deco-play { width: 80px; height: 80px; top: 45%; left: 20px; transform: rotate(-4deg); color: var(--brand-purple-500); opacity: 0.06; } #stary-vs-nowy .comparison-sparkle { position: absolute; z-index: 0; pointer-events: none; user-select: none; color: var(--brand-orange); font-size: 20px; opacity: 0.3; } #stary-vs-nowy .comparison-sparkle-1 { top: 200px; right: 180px; } #stary-vs-nowy .comparison-sparkle-2 { bottom: 260px; left: 200px; opacity: 0.25; color: var(--brand-purple-500); } /* Inner container */ #stary-vs-nowy .comparison-inner { max-width: 42rem; margin-inline: auto; position: relative; z-index: 1; } @media (min-width: 1024px) { #stary-vs-nowy .comparison-inner { max-width: 1200px; } } /* Section header */ #stary-vs-nowy .comparison-heading-block { text-align: center; max-width: 720px; margin: 0 auto 48px; } #stary-vs-nowy .comparison-eyebrow { display: inline-flex; align-items: center; gap: 8px; padding: 8px 18px; background: var(--surface-alt); border-radius: 999px; font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 12px; color: var(--brand-navy); letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 24px; } #stary-vs-nowy .comparison-eyebrow .sparkle { color: var(--brand-navy); font-size: 14px; line-height: 1; } #stary-vs-nowy .comparison-heading { font-family: 'Poppins', sans-serif; font-weight: 800; font-size: clamp(24px, 3vw, 36px); line-height: 1.2; letter-spacing: -0.02em; color: var(--brand-purple-900); margin: 0 0 16px 0; text-wrap: balance; } #stary-vs-nowy .comparison-heading .accent-orange { color: var(--brand-orange); } #stary-vs-nowy .comparison-subhead { font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 16px; line-height: 1.55; color: #6B6B6B; margin: 0 auto; max-width: 560px; text-wrap: balance; } /* Column headers (desktop only) */ #stary-vs-nowy .comparison-headers { display: none; grid-template-columns: 1fr 1fr; gap: 24px; margin-bottom: 24px; padding: 0 40px; } @media (min-width: 841px) { #stary-vs-nowy .comparison-headers { display: grid; } } #stary-vs-nowy .comparison-header { font-family: 'Poppins', sans-serif; font-weight: 800; font-size: 15px; letter-spacing: 0.05em; text-transform: uppercase; padding: 12px 0; } #stary-vs-nowy .comparison-header-left { color: var(--brand-gray); } #stary-vs-nowy .comparison-header-right { color: var(--brand-orange); text-align: right; } /* Rows */ #stary-vs-nowy .comparison-rows { display: flex; flex-direction: column; gap: 20px; } #stary-vs-nowy .comparison-row { position: relative; } /* Topic pill */ #stary-vs-nowy .comparison-topic { position: absolute; top: -12px; left: 50%; transform: translateX(-50%); z-index: 3; padding: 6px 16px; background: var(--brand-purple-900); color: white; border-radius: 999px; font-family: 'Poppins', sans-serif; font-weight: 800; font-size: 12px; letter-spacing: 0.06em; white-space: nowrap; } #stary-vs-nowy .comparison-cells { display: grid; grid-template-columns: 1fr; gap: 12px; padding-top: 24px; } @media (min-width: 841px) { #stary-vs-nowy .comparison-cells { grid-template-columns: 1fr 1fr; gap: 24px; padding-top: 8px; } } /* Cards */ #stary-vs-nowy .cell { background: white; border-radius: 8px; padding: 32px 28px; position: relative; display: flex; flex-direction: column; gap: 12px; } #stary-vs-nowy .cell-left { background: #F5F3F7; border: 1px solid #EBE7EF; opacity: 0.85; } #stary-vs-nowy .cell-right { background: white; border: 2px solid var(--brand-purple-500); } /* Mobile label */ #stary-vs-nowy .cell-mobile-label { display: none; font-family: 'Poppins', sans-serif; font-weight: 800; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 4px; } #stary-vs-nowy .cell-left .cell-mobile-label { color: var(--brand-gray); } #stary-vs-nowy .cell-right .cell-mobile-label { color: var(--brand-orange); } @media (max-width: 840px) { #stary-vs-nowy .cell-mobile-label { display: block; } } /* Icon circle */ #stary-vs-nowy .cell-icon { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; flex-shrink: 0; font-family: 'Poppins', sans-serif; font-weight: 800; font-size: 15px; line-height: 1; } #stary-vs-nowy .cell-left .cell-icon { background: #EDEDED; color: var(--brand-gray); } #stary-vs-nowy .cell-right .cell-icon { background: var(--brand-orange); color: white; } /* Card title */ #stary-vs-nowy .cell-title { font-family: 'Poppins', sans-serif; font-weight: 800; font-size: 17px; line-height: 1.3; letter-spacing: -0.005em; margin: 0; } #stary-vs-nowy .cell-left .cell-title { color: var(--brand-gray); } #stary-vs-nowy .cell-right .cell-title { color: var(--brand-purple-900); } /* Card text */ #stary-vs-nowy .cell-text { font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 14px; line-height: 1.6; margin: 0; } #stary-vs-nowy .cell-left .cell-text { color: var(--text-muted); } #stary-vs-nowy .cell-right .cell-text { color: var(--text); } /* Responsive */ @media (max-width: 840px) { #stary-vs-nowy .comparison-heading-block { margin-bottom: 36px; } #stary-vs-nowy .comparison-row { padding-top: 8px; } #stary-vs-nowy .cell { padding: 24px 22px; } #stary-vs-nowy .comparison-deco-ebook { width: 70px; height: 82px; top: 80px; left: 16px; opacity: 0.05; } #stary-vs-nowy .comparison-deco-template { display: none; } #stary-vs-nowy .comparison-deco-play { display: none; } #stary-vs-nowy .comparison-sparkle-2 { display: none; } } @media (max-width: 480px) { #stary-vs-nowy .comparison-heading { font-size: 22px; } #stary-vs-nowy .comparison-subhead { font-size: 15px; } #stary-vs-nowy .cell { padding: 22px 20px; } #stary-vs-nowy .cell-title { font-size: 16px; } #stary-vs-nowy .comparison-deco-ebook { width: 50px; height: 60px; top: 30px; right: -10px; left: auto; opacity: 0.06; } #stary-vs-nowy .comparison-sparkle-1 { top: 100px; right: 20px; font-size: 16px; } } </style> <section id="stary-vs-nowy" aria-labelledby="comparison-heading-title">  <svg class="comparison-deco comparison-deco-ebook" viewBox="0 0 120 140" fill="none" aria-hidden="true" focusable="false"> <rect x="18" y="20" width="76" height="102" rx="6" stroke="currentColor" stroke-width="2.5" transform="rotate(-6 56 71)"/> <rect x="26" y="12" width="76" height="102" rx="6" stroke="currentColor" stroke-width="2.5" fill="white" transform="rotate(4 64 63)"/> <line x1="42" y1="42" x2="86" y2="42" stroke="currentColor" stroke-width="2" transform="rotate(4 64 63)"/> <line x1="42" y1="54" x2="86" y2="54" stroke="currentColor" stroke-width="2" transform="rotate(4 64 63)"/> <line x1="42" y1="66" x2="72" y2="66" stroke="currentColor" stroke-width="2" transform="rotate(4 64 63)"/> </svg> <svg class="comparison-deco comparison-deco-template" viewBox="0 0 110 130" fill="none" aria-hidden="true" focusable="false"> <rect x="8" y="8" width="94" height="114" rx="6" stroke="currentColor" stroke-width="2.5"/> <rect x="18" y="20" width="74" height="10" rx="3" fill="currentColor" opacity="0.6"/> <rect x="18" y="38" width="74" height="38" rx="4" stroke="currentColor" stroke-width="2"/> <line x1="18" y1="88" x2="92" y2="88" stroke="currentColor" stroke-width="2"/> <line x1="18" y1="98" x2="70" y2="98" stroke="currentColor" stroke-width="2"/> <line x1="18" y1="108" x2="80" y2="108" stroke="currentColor" stroke-width="2"/> </svg> <svg class="comparison-deco comparison-deco-play" viewBox="0 0 80 80" fill="none" aria-hidden="true" focusable="false"> <circle cx="40" cy="40" r="36" stroke="currentColor" stroke-width="2.5"/> <path d="M32 26 L54 40 L32 54 Z" fill="currentColor"/> </svg> <span class="comparison-sparkle comparison-sparkle-1" aria-hidden="true">✦</span> <span class="comparison-sparkle comparison-sparkle-2" aria-hidden="true">✦</span> <div class="comparison-inner">  <div class="comparison-heading-block"> <div class="comparison-eyebrow"><span class="sparkle" aria-hidden="true">✦</span> Porównanie</div> <h2 class="comparison-heading" id="comparison-heading-title"> Jak większość próbuje. <span class="accent-orange">Jak robimy to w programie.</span> </h2> <p class="comparison-subhead">Cztery różnice, które decydują czy skończysz z produktem, czy z kolejnym niedokończonym pomysłem.</p> </div>  <div class="comparison-headers" aria-hidden="true"> <div class="comparison-header comparison-header-left">Jak większość próbuje</div> <div class="comparison-header comparison-header-right">Jak robimy to w programie</div> </div>  <div class="comparison-rows">  <div class="comparison-row"> <div class="comparison-topic" aria-label="Kategoria 01: Walidacja">01 – Walidacja</div> <div class="comparison-cells"> <article class="cell cell-left"> <div class="cell-mobile-label" aria-hidden="true">Jak większość próbuje</div> <div class="cell-icon" aria-label="Minus – niekorzystne podejście">✕</div> <h3 class="cell-title">Tworzysz produkt na wiarę</h3> <p class="cell-text">Piszesz kurs albo ebook, bo „wydaje Ci się", że będzie się sprzedawał. Poświęcasz miesiące pracy. Na koniec okazuje się, że rynek nie chciał tego produktu w tym kształcie.</p> </article> <article class="cell cell-right"> <div class="cell-mobile-label" aria-hidden="true">Jak robimy w programie</div> <div class="cell-icon" aria-label="Plus – korzystne podejście">✓</div> <h3 class="cell-title">Walidujesz pomysł ZANIM zaczniesz tworzyć</h3> <p class="cell-text">W pierwszym tygodniu przepuszczasz swój pomysł przez Asystenta AI, który zadaje trudne pytania i nie przepuszcza słabych pomysłów. Wiesz co warto tworzyć, zanim zainwestujesz w to godziny pracy.</p> </article> </div> </div>  <div class="comparison-row"> <div class="comparison-topic" aria-label="Kategoria 02: Rola AI">02 – Rola AI</div> <div class="comparison-cells"> <article class="cell cell-left"> <div class="cell-mobile-label" aria-hidden="true">Jak większość próbuje</div> <div class="cell-icon" aria-label="Minus – niekorzystne podejście">✕</div> <h3 class="cell-title">AI robi za Ciebie cały produkt</h3> <p class="cell-text">Wrzucasz „napisz kurs o X" do ChatGPT, dostajesz generyczny output i wypuszczasz go na rynek. Twój głos znika, klient wyczuwa maszynę, sprzedaż nie idzie.</p> </article> <article class="cell cell-right"> <div class="cell-mobile-label" aria-hidden="true">Jak robimy w programie</div> <div class="cell-icon" aria-label="Plus – korzystne podejście">✓</div> <h3 class="cell-title">AI jest Twoim zapleczem, decyzje zostają u Ciebie</h3> <p class="cell-text">Konfigurujesz Claude, który zna Twój głos, styl i odbiorcę. AI robi to, w czym jest najlepsze. A to, co powoduje, że produkt się wyróżnia i sprzedaje, uczysz się od 8 ekspertów.</p> </article> </div> </div>  <div class="comparison-row"> <div class="comparison-topic" aria-label="Kategoria 03: Efekt końcowy">03 – Efekt końcowy</div> <div class="comparison-cells"> <article class="cell cell-left"> <div class="cell-mobile-label" aria-hidden="true">Jak większość próbuje</div> <div class="cell-icon" aria-label="Minus – niekorzystne podejście">✕</div> <h3 class="cell-title">Kończysz kurs z wiedzą, bez sprzedaży</h3> <p class="cell-text">Przechodzisz przez kolejny kurs online. Notatki, checklisty, dużo teorii. Po ostatniej lekcji odkładasz materiały do folderu „kiedyś to wdrożę" i wracasz do punktu wyjścia.</p> </article> <article class="cell cell-right"> <div class="cell-mobile-label" aria-hidden="true">Jak robimy w programie</div> <div class="cell-icon" aria-label="Plus – korzystne podejście">✓</div> <h3 class="cell-title">Kończysz program z produktem, stroną sprzedażową i przeprowadzoną kampanią</h3> <p class="cell-text">Sprzedaż odbywa się w trakcie programu, nie po. Wychodzisz z gotowym produktem, działającą stroną sprzedażową, pierwszymi realnymi zamówieniami na koncie i planem na kolejne działania.</p> </article> </div> </div>  <div class="comparison-row"> <div class="comparison-topic" aria-label="Kategoria 04: Strategia sprzedaży">04 – Strategia sprzedaży</div> <div class="comparison-cells"> <article class="cell cell-left"> <div class="cell-mobile-label" aria-hidden="true">Jak większość próbuje</div> <div class="cell-icon" aria-label="Minus – niekorzystne podejście">✕</div> <h3 class="cell-title">Wypuszczasz produkt „w świat" i czekasz</h3> <p class="cell-text">Publikujesz post na Instagramie, wysyłasz jednego maila, liczysz na to, że algorytm i szczęście zrobią robotę. Po tygodniu ciszy stwierdzasz, że „produkt się nie sprzedaje".</p> </article> <article class="cell cell-right"> <div class="cell-mobile-label" aria-hidden="true">Jak robimy w programie</div> <div class="cell-icon" aria-label="Plus – korzystne podejście">✓</div> <h3 class="cell-title">Wybierasz konkretną strategię i drogę dotarcia</h3> <p class="cell-text">Poznajesz 2 strategie sprzedaży. Wybierasz tę, która pasuje do Twojej sytuacji. Następnie wybierasz drogę dotarcia do klientów, także wtedy, kiedy nie masz jeszcze społeczności. Każdy dzień sprzedaży ma jasno określony plan.</p> </article> </div> </div> </div> </div> </section> </body> </html>

<!DOCTYPE html> <html lang="pl"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>AI dla twórców – Hero</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;800&display=swap" rel="stylesheet"> </head> <body> <section id="ai-dla-tworcow-hero"> <style> /* ===== BRAND VARIABLES (LIGHT VERSION) ===== */ #ai-dla-tworcow-hero { --brand-purple-900: #3B305F; --brand-purple-700: #673588; --brand-purple-500: #804995; --brand-navy: #382E99; --brand-orange: #EE7F1A; --surface: #FFFFFF; --surface-alt: #F7F5F9; --text: #1A1A1A; --text-muted: #828080; --border: #E8E6EB; --brand-gradient: linear-gradient(135deg, #3B305F 0%, #673588 55%, #804995 100%); --brand-gradient-hover: linear-gradient(135deg, #4A3D75 0%, #7A409E 55%, #9558AA 100%); font-family: 'Poppins', sans-serif; font-size: 17px; line-height: 1.6; color: var(--text); background: var(--surface); -webkit-font-smoothing: antialiased; overflow-x: hidden; display: block; } /* ===== NAV WRAP (LIGHT STYLE) ===== */ #ai-dla-tworcow-hero .nav-outer { position: relative; z-index: 50; padding: 28px 32px 0; display: flex; justify-content: center; } #ai-dla-tworcow-hero .nav { display: flex; align-items: center; justify-content: space-between; gap: 24px; background: white; border: 1px solid var(--border); border-radius: 999px; padding: 10px 12px 10px 24px; max-width: 1100px; width: 100%; } #ai-dla-tworcow-hero .logo { display: inline-flex; align-items: center; text-decoration: none; } #ai-dla-tworcow-hero .logo img { height: 44px; width: auto; display: block; border-radius: 0; } #ai-dla-tworcow-hero .nav-menu { display: flex; align-items: center; gap: 32px; list-style: none; margin: 0; padding: 0; } #ai-dla-tworcow-hero .nav-menu a { color: var(--text); text-decoration: none; font-weight: 600; font-size: 15px; transition: color 200ms; } #ai-dla-tworcow-hero .nav-menu a:hover { color: var(--brand-purple-700); } #ai-dla-tworcow-hero .nav-menu a:focus-visible { outline: 2px solid var(--brand-purple-700); outline-offset: 2px; border-radius: 4px; } #ai-dla-tworcow-hero .nav-cta { display: inline-flex; align-items: center; gap: 8px; padding: 12px 24px; background: var(--brand-gradient); color: white; border-radius: 999px; font-family: 'Poppins', sans-serif; font-weight: 800; font-size: 15px; text-decoration: none; transition: background 300ms; white-space: nowrap; } #ai-dla-tworcow-hero .nav-cta:hover { background: var(--brand-gradient-hover); } #ai-dla-tworcow-hero .nav-cta:focus-visible { outline: 2px solid var(--brand-purple-700); outline-offset: 3px; } /* ===== HERO GRID ===== */ #ai-dla-tworcow-hero .hero-grid { position: relative; padding: 56px 32px 56px; max-width: 1400px; margin: 0 auto; display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 64px; align-items: center; } #ai-dla-tworcow-hero .hero-bg-pattern { position: absolute; inset: 0; background-image: radial-gradient(circle, rgba(103,53,136,0.12) 1px, transparent 1px); background-size: 28px 28px; opacity: 0.5; z-index: 0; pointer-events: none; mask-image: radial-gradient(ellipse at center, black 30%, transparent 75%); -webkit-mask-image: radial-gradient(ellipse at center, black 30%, transparent 75%); } #ai-dla-tworcow-hero .hero-sparkle { position: absolute; color: var(--brand-purple-500); z-index: 1; pointer-events: none; user-select: none; } #ai-dla-tworcow-hero .hero-sparkle-1 { top: 8%; left: 8%; font-size: 32px; opacity: 0.25; } #ai-dla-tworcow-hero .hero-sparkle-2 { top: 65%; left: 40%; font-size: 20px; opacity: 0.35; color: var(--brand-navy); } #ai-dla-tworcow-hero .hero-sparkle-3 { top: 18%; right: 45%; font-size: 14px; opacity: 0.4; color: var(--brand-orange); } /* ===== HERO CONTENT ===== */ #ai-dla-tworcow-hero .hero-content { position: relative; z-index: 2; } /* BADGES */ #ai-dla-tworcow-hero .badges { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 32px; } #ai-dla-tworcow-hero .badge { display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; background: var(--surface-alt); border-radius: 999px; font-weight: 600; font-size: 13px; color: var(--brand-navy); letter-spacing: 0.06em; text-transform: uppercase; } #ai-dla-tworcow-hero .badge .sparkle { color: var(--brand-navy); font-size: 14px; } #ai-dla-tworcow-hero .badge-alt { background: white; border: 1px solid var(--border); color: var(--text); } #ai-dla-tworcow-hero .badge-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--brand-purple-500); flex-shrink: 0; } /* H1 */ #ai-dla-tworcow-hero h1 { font-family: 'Poppins', sans-serif; font-weight: 800; font-size: clamp(30px, 3.4vw, 44px); line-height: 1.12; letter-spacing: -0.02em; margin: 0 0 28px; text-wrap: balance; } #ai-dla-tworcow-hero .line-1 { color: var(--brand-navy); display: block; } #ai-dla-tworcow-hero .line-2 { color: var(--brand-purple-900); display: block; } #ai-dla-tworcow-hero .accent-orange { color: var(--brand-orange); } /* SUBHEAD */ #ai-dla-tworcow-hero .hero-subhead { max-width: 580px; margin-bottom: 40px; } #ai-dla-tworcow-hero .hero-subhead p { font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 18px; line-height: 1.6; color: var(--text); margin: 0 0 16px; } #ai-dla-tworcow-hero .hero-subhead p:last-child { margin-bottom: 0; } /* CTA GROUP */ #ai-dla-tworcow-hero .cta-group { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin-bottom: 0; } #ai-dla-tworcow-hero .btn-hero-primary { display: inline-flex; align-items: center; gap: 10px; background: var(--brand-gradient); color: white; font-family: 'Poppins', sans-serif; font-weight: 800; font-size: 17px; padding: 16px 32px; border-radius: 999px; text-decoration: none; transition: background 300ms, transform 200ms; letter-spacing: 0.01em; } #ai-dla-tworcow-hero .btn-hero-primary:hover { background: var(--brand-gradient-hover); transform: translateY(-1px); } #ai-dla-tworcow-hero .btn-hero-primary:focus-visible { outline: 2px solid var(--brand-purple-700); outline-offset: 3px; } #ai-dla-tworcow-hero .btn-hero-primary .arrow { transition: transform 200ms; display: inline-block; } #ai-dla-tworcow-hero .btn-hero-primary:hover .arrow { transform: translateX(3px); } #ai-dla-tworcow-hero .btn-hero-secondary { display: inline-flex; align-items: center; gap: 8px; padding: 14px 28px; border: 2px solid var(--brand-purple-700); color: var(--brand-purple-700); background: transparent; border-radius: 999px; font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 15px; text-decoration: none; transition: background 200ms, color 200ms; } #ai-dla-tworcow-hero .btn-hero-secondary:hover { background: var(--brand-purple-700); color: white; } #ai-dla-tworcow-hero .btn-hero-secondary:focus-visible { outline: 2px solid var(--brand-purple-700); outline-offset: 3px; } /* ===== HERO NOTE ===== */ #ai-dla-tworcow-hero .hero-note { display: inline-flex; align-items: flex-start; gap: 12px; padding: 14px 22px; background: linear-gradient(135deg, rgba(103,53,136,0.08) 0%, rgba(56,46,153,0.08) 100%); border-radius: 14px; font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 14px; color: var(--brand-navy); margin: 24px 0 0; max-width: 580px; letter-spacing: 0.01em; line-height: 1.5; } #ai-dla-tworcow-hero .hero-note-icon { color: var(--brand-purple-500); font-size: 18px; line-height: 1; flex-shrink: 0; margin-top: 1px; } /* ===== HERO VISUAL (STYLING OF THE DECORATIVE CONTAINER FOR THE NEW V7 LIGHT ART) ===== */ #ai-dla-tworcow-hero .hero-visual { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; width: 100%; } #ai-dla-tworcow-hero .hero-visual-wrapper { position: relative; width: 100%; max-width: 600px; transition: transform 400ms cubic-bezier(0.16, 1, 0.3, 1); } #ai-dla-tworcow-hero .hero-visual-wrapper:hover { transform: scale(1.02); } #ai-dla-tworcow-hero .hero-visual img { width: 100%; height: auto; display: block; border-radius: 0; border: none; box-shadow: none; } /* ===== TRUST BAR ===== */ #ai-dla-tworcow-hero .trust-bar-section { border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); padding: 28px 32px; background: white; } #ai-dla-tworcow-hero .trust-bar { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 32px; align-items: center; } #ai-dla-tworcow-hero .trust-item { display: flex; align-items: center; gap: 14px; justify-content: center; } #ai-dla-tworcow-hero .trust-icon { width: 44px; height: 44px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, rgba(103,53,136,0.08) 0%, rgba(56,46,153,0.08) 100%); border-radius: 12px; color: var(--brand-purple-700); } #ai-dla-tworcow-hero .trust-item-text { font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 13px; color: var(--text); line-height: 1.35; } /* ===== RESPONSIVE ===== */ @media (max-width: 960px) { #ai-dla-tworcow-hero .nav-outer { padding: 16px 20px 0; } #ai-dla-tworcow-hero .nav { padding: 8px 8px 8px 16px; gap: 12px; } #ai-dla-tworcow-hero .nav-menu { display: none; } #ai-dla-tworcow-hero .nav-cta { padding: 10px 18px; font-size: 13px; } #ai-dla-tworcow-hero .logo img { height: 40px; } #ai-dla-tworcow-hero .hero-grid { padding: 40px 24px 48px; grid-template-columns: 1fr; gap: 48px; } #ai-dla-tworcow-hero h1 { font-size: 40px; } #ai-dla-tworcow-hero .hero-subhead p { font-size: 17px; } #ai-dla-tworcow-hero .hero-visual { max-width: 520px; margin: 0 auto; } #ai-dla-tworcow-hero .hero-visual-wrapper { transform: none; } #ai-dla-tworcow-hero .hero-visual-wrapper:hover { transform: scale(1.01); } #ai-dla-tworcow-hero .trust-bar-section { padding: 24px 20px; } #ai-dla-tworcow-hero .trust-bar { grid-template-columns: 1fr; gap: 20px; } #ai-dla-tworcow-hero .trust-item { justify-content: flex-start; gap: 16px; } #ai-dla-tworcow-hero .trust-item-text { font-size: 15px; } } @media (max-width: 480px) { #ai-dla-tworcow-hero .hero-grid { padding: 32px 20px 40px; } #ai-dla-tworcow-hero h1 { font-size: 32px; } #ai-dla-tworcow-hero .hero-subhead p { font-size: 16px; } #ai-dla-tworcow-hero .cta-group { flex-direction: column; align-items: stretch; } #ai-dla-tworcow-hero .btn-hero-primary, #ai-dla-tworcow-hero .btn-hero-secondary { justify-content: center; } #ai-dla-tworcow-hero .hero-note { font-size: 13px; padding: 12px 16px; gap: 10px; } #ai-dla-tworcow-hero .hero-note-icon { font-size: 16px; } } </style>  <div class="nav-outer" role="banner"> <nav class="nav" aria-label="Główna nawigacja"> <a href="#" class="logo"> <img src="/files/pages/assets/2026-07-20/ai-dla-tworcow-full-color-podstawowe_mrsr0kyz.svg" alt="AI dla twórców – strona główna" width="120" height="44"> </a> <ul class="nav-menu" role="list"> <li><a href="test-114#ai-ai-html-section-1kh47">Eksperci</a></li> <li><a href="test-114#ai-ai-html-section-2mmnn">Dla kogo</a></li> <li><a href="test-114#ai-ai-html-section-228hn">Program</a></li> <li><a href="test-114#ai-ai-html-section-ei0i">FAQ</a></li> </ul> <a href="https://cart.easy.tools/checkout/newskill/ai-dla-tworcow" class="nav-cta" target="_blank" rel="noopener noreferrer">Dołącz do programu</a> </nav> </div>  <div class="hero-grid"> <div class="hero-bg-pattern" aria-hidden="true"></div> <span class="hero-sparkle hero-sparkle-1" aria-hidden="true">✦</span> <span class="hero-sparkle hero-sparkle-2" aria-hidden="true">✦</span> <span class="hero-sparkle hero-sparkle-3" aria-hidden="true">✦</span>  <div class="hero-content"> <div class="badges" role="list" aria-label="Informacje o programie"> <span class="badge" role="listitem"> <span class="sparkle" aria-hidden="true">✦</span> Premiera </span> <span class="badge badge-alt" role="listitem"> <span class="badge-dot" aria-hidden="true"></span> Zapisy 20–30 lipca </span> </div> <h1> <span class="line-1">Produkt cyfrowy w 30 dni.</span> <span class="line-2">Z pomocą AI, <span class="accent-orange">lepszy niż AI</span>.</span> </h1> <div class="hero-subhead"> <p>AI dla twórców to program, w którym tworzysz i sprzedajesz swój produkt cyfrowy z pomocą AI i 8 ekspertów.</p> <p>Pokazujemy, jak używać AI tam, gdzie jest do tego najlepsze. A od 8 praktyków uczysz się, jak zbudować i promować produkt, który klient będzie chciał kupić.</p> </div> <div class="cta-group"> <a href="https://cart.easy.tools/checkout/newskill/ai-dla-tworcow" class="btn-hero-primary" target="_blank" rel="noopener noreferrer"> Dołącz do programu <span class="arrow" aria-hidden="true">→</span> </a> <a href="test-114#ai-ai-html-section-228hn" class="btn-hero-secondary"> Sprawdź program </a> </div> <p class="hero-note"> <span class="hero-note-icon" aria-hidden="true">✦</span> Dla twórców na starcie i tych, którzy chcą odzyskać czas z pomocą AI </p> </div>  <div class="hero-visual"> <div class="hero-visual-wrapper"> <img src="/files/pages/assets/2026-07-20/hero-program-ai-dla-twoircoiw-min_mrsrf5bu.webp" alt="Uczysz się od praktyków oraz Twój gotowy produkt cyfrowy w 30 dni (wersja z nazwiskami)" loading="eager" width="600" height="600"> </div> </div> </div>  <div class="trust-bar-section"> <div class="trust-bar" role="list" aria-label="Wyróżniki programu"> <div class="trust-item" role="listitem"> <div class="trust-icon" aria-hidden="true"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"/> <path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"/> </svg> </div> <span class="trust-item-text">Dostęp do materiałów – 1 rok</span> </div> <div class="trust-item" role="listitem"> <div class="trust-icon" aria-hidden="true"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polygon points="23 7 16 12 23 17 23 7"/> <rect x="1" y="5" width="15" height="14" rx="2" ry="2"/> </svg> </div> <span class="trust-item-text">Wsparcie - 1 rok</span> </div> <div class="trust-item" role="listitem"> <div class="trust-icon" aria-hidden="true"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/> <path d="M9 12l2 2 4-4"/> </svg> </div> <span class="trust-item-text">100% gwarancja satysfakcji</span> </div> </div> </div> </section> </body> </html>

<section id="mindset-blokady"> <style> :root { --brand-purple-900: #3B305F; --brand-purple-700: #673588; --brand-purple-500: #804995; --brand-navy: #382E99; --brand-orange: #EE7F1A; --brand-gray: #828080; --surface: #FFFFFF; --surface-alt: #F7F5F9; --text: #1A1A1A; --text-muted: #828080; --border: #E8E6EB; } #mindset-blokady { padding-block: var(--et-spacing-vertical, 96px); padding-inline: var(--et-spacing-horizontal, 32px); background: var(--surface-alt); font-family: 'Poppins', sans-serif; position: relative; overflow: hidden; } @media (min-width: 1024px) { #mindset-blokady { padding-block: var(--et-spacing-vertical-lg, 96px); padding-inline: var(--et-spacing-horizontal-lg, 32px); } } #mindset-blokady .container { margin-inline: auto; max-width: 42rem; position: relative; z-index: 1; } @media (min-width: 1024px) { #mindset-blokady .container { max-width: 80rem; } } /* Decorations */ #mindset-blokady .mindset-deco { position: absolute; z-index: 0; pointer-events: none; opacity: 0.06; color: var(--brand-purple-900); } #mindset-blokady .mindset-deco-ebook { width: 100px; height: 116px; top: 140px; left: 40px; transform: rotate(-8deg); } #mindset-blokady .mindset-deco-template { width: 90px; height: 106px; bottom: 200px; right: 60px; transform: rotate(6deg); color: var(--brand-navy); } #mindset-blokady .mindset-sparkle { position: absolute; z-index: 0; pointer-events: none; user-select: none; color: var(--brand-orange); font-size: 20px; opacity: 0.3; } #mindset-blokady .mindset-sparkle-1 { top: 220px; right: 180px; } #mindset-blokady .mindset-sparkle-2 { bottom: 240px; left: 200px; opacity: 0.25; color: var(--brand-purple-500); } /* Header */ #mindset-blokady .mindset-heading-block { text-align: center; max-width: 800px; margin: 0 auto 56px; } #mindset-blokady .mindset-eyebrow { display: inline-flex; align-items: center; gap: 8px; padding: 8px 18px; background: white; border-radius: 999px; font-weight: 600; font-size: 12px; color: var(--brand-navy); letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 24px; } #mindset-blokady .mindset-eyebrow .sparkle { color: var(--brand-navy); font-size: 14px; line-height: 1; } #mindset-blokady .mindset-heading { font-weight: 800; font-size: clamp(22px, 3vw, 38px); line-height: 1.2; letter-spacing: -0.02em; color: var(--brand-purple-900); margin: 0; text-wrap: balance; } #mindset-blokady .mindset-heading .accent-orange { color: var(--brand-orange); } /* Grid */ #mindset-blokady .mindset-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; } /* Card */ #mindset-blokady .mindset-card { border-radius: 8px; overflow: hidden; border: 1px solid var(--border); position: relative; display: flex; flex-direction: column; background: white; transition: border-color 250ms, transform 250ms; } #mindset-blokady .mindset-card:hover { border-color: var(--brand-purple-500); transform: translateY(-2px); } #mindset-blokady .mindset-card:focus-within { border-color: var(--brand-purple-500); } #mindset-blokady .mindset-card-num { position: absolute; top: 20px; right: 24px; z-index: 3; font-weight: 800; font-size: 13px; color: var(--brand-gray); letter-spacing: 0.1em; } /* Blockade top */ #mindset-blokady .mindset-blockade { background: #EAE5EF; padding: 32px 36px 28px; position: relative; } #mindset-blokady .mindset-blockade-header { display: flex; align-items: center; gap: 10px; margin-bottom: 18px; } #mindset-blokady .mindset-icon-lock { width: 32px; height: 32px; border-radius: 50%; background: rgba(130, 128, 128, 0.15); display: inline-flex; align-items: center; justify-content: center; color: var(--brand-gray); flex-shrink: 0; } #mindset-blokady .mindset-blockade-label { font-weight: 800; font-size: 11px; color: var(--brand-gray); letter-spacing: 0.12em; text-transform: uppercase; } #mindset-blokady .mindset-blockade-text { font-weight: 800; font-size: 20px; line-height: 1.35; color: var(--brand-purple-900); letter-spacing: -0.01em; margin: 0; } /* Divider */ #mindset-blokady .mindset-divider { position: relative; height: 24px; background: white; display: flex; align-items: center; justify-content: center; } #mindset-blokady .mindset-divider::before, #mindset-blokady .mindset-divider::after { content: ''; position: absolute; top: 0; width: 24px; height: 24px; background: #EAE5EF; } #mindset-blokady .mindset-divider::before { left: 0; border-radius: 0 0 24px 0; } #mindset-blokady .mindset-divider::after { right: 0; border-radius: 0 0 0 24px; } #mindset-blokady .mindset-arrow { z-index: 2; width: 32px; height: 32px; background: var(--brand-orange); border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: white; font-size: 14px; font-weight: 800; flex-shrink: 0; } /* Solution bottom */ #mindset-blokady .mindset-solution { background: white; padding: 24px 36px 32px; flex-grow: 1; } #mindset-blokady .mindset-solution-header { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; } #mindset-blokady .mindset-icon-key { width: 32px; height: 32px; border-radius: 50%; background: rgba(238, 127, 26, 0.12); display: inline-flex; align-items: center; justify-content: center; color: var(--brand-orange); font-size: 16px; flex-shrink: 0; } #mindset-blokady .mindset-solution-label { font-weight: 800; font-size: 11px; color: var(--brand-orange); letter-spacing: 0.12em; text-transform: uppercase; } #mindset-blokady .mindset-solution-text { font-weight: 400; font-size: 15px; line-height: 1.6; color: var(--text); margin: 0; } /* Responsive */ @media (max-width: 840px) { #mindset-blokady .mindset-heading-block { margin-bottom: 40px; } #mindset-blokady .mindset-grid { grid-template-columns: 1fr; gap: 16px; } #mindset-blokady .mindset-blockade { padding: 28px 24px 24px; } #mindset-blokady .mindset-blockade-text { font-size: 18px; } #mindset-blokady .mindset-solution { padding: 22px 24px 28px; } #mindset-blokady .mindset-deco-ebook { width: 70px; height: 82px; top: 80px; left: 16px; opacity: 0.05; } #mindset-blokady .mindset-deco-template { display: none; } #mindset-blokady .mindset-sparkle-2 { display: none; } } @media (max-width: 480px) { #mindset-blokady .mindset-heading { font-size: 22px; } #mindset-blokady .mindset-eyebrow { font-size: 11px; padding: 6px 14px; } #mindset-blokady .mindset-blockade { padding: 24px 20px 22px; } #mindset-blokady .mindset-blockade-text { font-size: 17px; } #mindset-blokady .mindset-solution { padding: 20px 20px 26px; } #mindset-blokady .mindset-solution-text { font-size: 14px; } #mindset-blokady .mindset-card:hover { transform: none; } #mindset-blokady .mindset-deco-ebook { width: 50px; height: 60px; top: 30px; right: -10px; left: auto; opacity: 0.06; } #mindset-blokady .mindset-sparkle-1 { top: 100px; right: 20px; font-size: 16px; } } </style>  <svg class="mindset-deco mindset-deco-ebook" viewBox="0 0 120 140" fill="none" aria-hidden="true" focusable="false"> <rect x="18" y="20" width="76" height="102" rx="6" stroke="currentColor" stroke-width="2.5" transform="rotate(-6 56 71)"/> <rect x="26" y="12" width="76" height="102" rx="6" stroke="currentColor" stroke-width="2.5" fill="white" transform="rotate(4 64 63)"/> <line x1="42" y1="42" x2="86" y2="42" stroke="currentColor" stroke-width="2" transform="rotate(4 64 63)"/> <line x1="42" y1="54" x2="86" y2="54" stroke="currentColor" stroke-width="2" transform="rotate(4 64 63)"/> <line x1="42" y1="66" x2="72" y2="66" stroke="currentColor" stroke-width="2" transform="rotate(4 64 63)"/> </svg> <svg class="mindset-deco mindset-deco-template" viewBox="0 0 110 130" fill="none" aria-hidden="true" focusable="false"> <rect x="8" y="8" width="94" height="114" rx="6" stroke="currentColor" stroke-width="2.5"/> <rect x="18" y="20" width="74" height="10" rx="3" fill="currentColor" opacity="0.6"/> <rect x="18" y="38" width="74" height="38" rx="4" stroke="currentColor" stroke-width="2"/> <line x1="18" y1="88" x2="92" y2="88" stroke="currentColor" stroke-width="2"/> <line x1="18" y1="98" x2="70" y2="98" stroke="currentColor" stroke-width="2"/> <line x1="18" y1="108" x2="80" y2="108" stroke="currentColor" stroke-width="2"/> </svg> <span class="mindset-sparkle mindset-sparkle-1" aria-hidden="true">✦</span> <span class="mindset-sparkle mindset-sparkle-2" aria-hidden="true">✦</span> <div class="container"> <header class="mindset-heading-block"> <p class="mindset-eyebrow"><span class="sparkle" aria-hidden="true">✦</span> Mindset</p> <h2 class="mindset-heading">To zatrzymuje większość potencjalnych twórców. <span class="accent-orange">Czy zatrzyma Ciebie?</span></h2> </header> <div class="mindset-grid" role="list">  <article class="mindset-card" role="listitem"> <span class="mindset-card-num" aria-hidden="true">01</span> <div class="mindset-blockade"> <div class="mindset-blockade-header"> <span class="mindset-icon-lock" aria-hidden="true"> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg> </span> <span class="mindset-blockade-label">Blokada</span> </div> <p class="mindset-blockade-text">„Nie mam wystarczającej społeczności."</p> </div> <div class="mindset-divider" aria-hidden="true"><span class="mindset-arrow">↓</span></div> <div class="mindset-solution"> <div class="mindset-solution-header"> <span class="mindset-icon-key" aria-hidden="true">✦</span> <span class="mindset-solution-label">Rozbrajamy</span> </div> <p class="mindset-solution-text">W programie pokazujemy jak sprzedawać nawet jeśli masz zero followersów na Instagramie i zero osób na liście mailowej.</p> </div> </article>  <article class="mindset-card" role="listitem"> <span class="mindset-card-num" aria-hidden="true">02</span> <div class="mindset-blockade"> <div class="mindset-blockade-header"> <span class="mindset-icon-lock" aria-hidden="true"> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg> </span> <span class="mindset-blockade-label">Blokada</span> </div> <p class="mindset-blockade-text">„Nie wiem czy mój pomysł jest wystarczająco dobry."</p> </div> <div class="mindset-divider" aria-hidden="true"><span class="mindset-arrow">↓</span></div> <div class="mindset-solution"> <div class="mindset-solution-header"> <span class="mindset-icon-key" aria-hidden="true">✦</span> <span class="mindset-solution-label">Rozbrajamy</span> </div> <p class="mindset-solution-text">Pomysł nie musi być „wystarczająco dobry". Musi rozwiązywać realny problem. Sprawdzasz to w pierwszym tygodniu.</p> </div> </article>  <article class="mindset-card" role="listitem"> <span class="mindset-card-num" aria-hidden="true">03</span> <div class="mindset-blockade"> <div class="mindset-blockade-header"> <span class="mindset-icon-lock" aria-hidden="true"> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg> </span> <span class="mindset-blockade-label">Blokada</span> </div> <p class="mindset-blockade-text">„Nie znam się na sprawach technicznych."</p> </div> <div class="mindset-divider" aria-hidden="true"><span class="mindset-arrow">↓</span></div> <div class="mindset-solution"> <div class="mindset-solution-header"> <span class="mindset-icon-key" aria-hidden="true">✦</span> <span class="mindset-solution-label">Rozbrajamy</span> </div> <p class="mindset-solution-text">Nie musisz. Prowadzimy Cię przez każde narzędzie krok po kroku, od Claude po platformę sprzedażową.</p> </div> </article>  <article class="mindset-card" role="listitem"> <span class="mindset-card-num" aria-hidden="true">04</span> <div class="mindset-blockade"> <div class="mindset-blockade-header"> <span class="mindset-icon-lock" aria-hidden="true"> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg> </span> <span class="mindset-blockade-label">Blokada</span> </div> <p class="mindset-blockade-text">„AI zrobi to lepiej ode mnie. Kto to kupi."</p> </div> <div class="mindset-divider" aria-hidden="true"><span class="mindset-arrow">↓</span></div> <div class="mindset-solution"> <div class="mindset-solution-header"> <span class="mindset-icon-key" aria-hidden="true">✦</span> <span class="mindset-solution-label">Rozbrajamy</span> </div> <p class="mindset-solution-text">W programie uczysz się gdzie AI odciąża pracę, a gdzie Twój autorski głos decyduje o tym, czy klient kupi.</p> </div> </article> </div> </div> </section>

<!DOCTYPE html> <html lang="pl"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Kto Cię prowadzi przez 30 dni</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800&display=swap" rel="stylesheet"> </head> <body> <style> :root { --et-colors-brand: #3B305F; --et-colors-background: #FFFFFF; --et-colors-text: #1A1A1A; --et-colors-card-background: #FFFFFF; --et-colors-card-text: #1A1A1A; --et-colors-border: #E8E6EB; --et-radius-button: 8px; --et-radius-image: 8px; --et-spacing-vertical: 4rem; --et-spacing-vertical-lg: 6rem; --et-spacing-horizontal: 1.25rem; --et-spacing-horizontal-lg: 2rem; } /* ── Scoped styles ── */ #kto-cie-prowadzi { background: #FFFFFF; font-family: 'Poppins', sans-serif; padding-block: var(--et-spacing-vertical); padding-inline: var(--et-spacing-horizontal); box-sizing: border-box; } @media (min-width: 1024px) { #kto-cie-prowadzi { padding-block: var(--et-spacing-vertical-lg); padding-inline: var(--et-spacing-horizontal-lg); } } #kto-cie-prowadzi .container { margin-inline: auto; max-width: 42rem; } @media (min-width: 1024px) { #kto-cie-prowadzi .container { max-width: 88rem; } } /* Header */ #kto-cie-prowadzi .section-header { text-align: center; max-width: 720px; margin-inline: auto; margin-bottom: 56px; } #kto-cie-prowadzi .section-title { font-family: 'Poppins', sans-serif; font-weight: 800; font-size: clamp(26px, 3.5vw, 40px); line-height: 1.15; letter-spacing: -0.02em; color: #3B305F; text-wrap: balance; margin-bottom: 16px; } #kto-cie-prowadzi .section-title .accent-orange { color: #EE7F1A; } #kto-cie-prowadzi .section-subtitle { font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 18px; line-height: 1.55; color: #6B6B6B; text-wrap: balance; margin-bottom: 0; } /* Grid */ #kto-cie-prowadzi .experts-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; list-style: none; padding: 0; margin: 0; } #kto-cie-prowadzi .experts-grid li { display: flex; flex-direction: column; } @media (max-width: 1100px) { #kto-cie-prowadzi .experts-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 560px) { #kto-cie-prowadzi .experts-grid { grid-template-columns: 1fr; gap: 16px; } } /* Card */ #kto-cie-prowadzi .expert-card { background: #FFFFFF; border: 1px solid #E8E6EB; border-radius: 8px; padding: 28px 24px; display: flex; flex-direction: column; align-items: center; text-align: center; transition: border-color 250ms ease, transform 250ms ease, box-shadow 250ms ease; position: relative; height: 100%; flex-grow: 1; } #kto-cie-prowadzi .expert-card:hover { border-color: #804995; transform: translateY(-3px); box-shadow: 0 10px 32px rgba(56, 46, 153, 0.08); } @media (max-width: 560px) { #kto-cie-prowadzi .expert-card:hover { transform: none; } } @media (max-width: 840px) { #kto-cie-prowadzi .expert-card { padding: 24px 20px; } } /* Avatar */ #kto-cie-prowadzi .expert-avatar { width: 96px; height: 96px; margin-bottom: 16px; flex-shrink: 0; } @media (max-width: 840px) { #kto-cie-prowadzi .expert-avatar { width: 84px; height: 84px; } } #kto-cie-prowadzi .expert-avatar img { width: 100%; height: 100%; display: block; border-radius: 50%; object-fit: cover; background: #EDE8F5; box-shadow: 0 0 0 3px #F0EBF5; } /* Name */ #kto-cie-prowadzi .expert-name { font-family: 'Poppins', sans-serif; font-weight: 800; font-size: 19px; line-height: 1.2; color: #3B305F; letter-spacing: -0.01em; text-wrap: balance; margin-bottom: 10px; } @media (max-width: 840px) { #kto-cie-prowadzi .expert-name { font-size: 18px; } } /* Authority / Bio */ #kto-cie-prowadzi .expert-authority { font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 13.5px; line-height: 1.6; color: #6B6B6B; margin-bottom: 0; flex-grow: 1; } /* Topic box */ #kto-cie-prowadzi .expert-topic { margin-top: 20px; padding-top: 18px; border-top: 1px solid #E8E6EB; width: 100%; text-align: left; } #kto-cie-prowadzi .expert-topic-label { display: block; font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 10.5px; letter-spacing: 0.12em; text-transform: uppercase; color: #EE7F1A; margin-bottom: 8px; } #kto-cie-prowadzi .expert-topic-text { font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 13.5px; line-height: 1.6; color: #1A1A1A; margin: 0; } /* Utility */ #kto-cie-prowadzi .last { margin-bottom: 0 !important; } </style> <section id="kto-cie-prowadzi" aria-labelledby="eksperci-naglowek"> <div class="container"> <header class="section-header"> <h2 id="eksperci-naglowek" class="section-title"> Kto Cię prowadzi <span class="accent-orange">przez 30 dni</span> </h2> <p class="section-subtitle last">8 praktyków. Każdy uczy tylko tego, w czym jest najmocniejszy.</p> </header> <ul class="experts-grid" role="list">  <li> <article class="expert-card"> <div class="expert-avatar"> <img src="https://newskill.pl/wp-content/uploads/2026/07/Marek-foto.png" alt="Marek Jankowski – podcaster i autor książek o małym biznesie" loading="lazy" width="96" height="96" > </div> <h3 class="expert-name">Marek Jankowski</h3> <p class="expert-authority">Uczy ekspertów, jak budować rozpoznawalność i przyciągać klientów przez content. Twórca kursów online, podcaster, autor książek „Mała wielka firma" i „Pułapki small biznesu".</p> <div class="expert-topic"> <span class="expert-topic-label">W programie</span> <p class="expert-topic-text">Tworzenie unikalnych treści z AI jako podstawa budowania oferty.</p> </div> </article> </li>  <li> <article class="expert-card"> <div class="expert-avatar"> <img src="https://newskill.pl/wp-content/uploads/2026/07/Monika-foto1.png" alt="Monika Wiślańska – Monika Pani od AI, ekspertka budowania marki z AI" loading="lazy" width="96" height="96" > </div> <h3 class="expert-name">Monika Wiślańska</h3> <p class="expert-authority">Jako Monika Pani od AI pokazuje, jak wykorzystywać sztuczną inteligencję do budowania silnej marki, tworzenia treści i skutecznej sprzedaży kursów.</p> <div class="expert-topic"> <span class="expert-topic-label">W programie</span> <p class="expert-topic-text">Claude jako zaplecze Twojego produktu: kontekst marki Brandbook, Skills – konkretne umiejętności i gotowa kampania z AI u boku.</p> </div> </article> </li>  <li> <article class="expert-card"> <div class="expert-avatar"> <img src="https://newskill.pl/wp-content/uploads/2026/07/Krystian-foto-bez-tla.png" alt="Krystian Konieczny – prowadzący, ekspert e-commerce" loading="lazy" width="96" height="96" > </div> <h3 class="expert-name">Krystian Konieczny</h3> <p class="expert-authority">+9 lat w e-commerce, ponad 8 000 klientów, współpraca z ponad 100 twórcami cyfrowymi.</p> <div class="expert-topic"> <span class="expert-topic-label">W programie</span> <p class="expert-topic-text">Jak zwalidować pomysł, zbudować lejek sprzedażowy i przeprowadzić pierwszą kampanię. Od zera do sprzedaży.</p> </div> </article> </li>  <li> <article class="expert-card"> <div class="expert-avatar"> <img src="https://newskill.pl/wp-content/uploads/2026/07/Angelika-foto.png" alt="Angelika Knop – założycielka Grafiki dla Laika, ekspertka Canva i AI" loading="lazy" width="96" height="96" > </div> <h3 class="expert-name">Angelika Knop</h3> <p class="expert-authority">Założycielka marki Grafiki dla Laika. Uczę kobiety Canvy, AI i no-code, żeby ich profil w końcu wyglądał jak jedna, spójna marka, a nie jak zbiór przypadkowych postów.</p> <div class="expert-topic"> <span class="expert-topic-label">W programie</span> <p class="expert-topic-text">Rozpoznawalna marka z AI. Jak zbudować spójny wizerunek marki z Canva i AI.</p> </div> </article> </li>  <li> <article class="expert-card"> <div class="expert-avatar"> <img src="https://newskill.pl/wp-content/uploads/2026/07/Kinga-foto.png" alt="Kinga Konopelko – radca prawny, właścicielka marki EduLegal" loading="lazy" width="96" height="96" > </div> <h3 class="expert-name">Kinga Konopelko</h3> <p class="expert-authority">Radca prawny, właścicielka marki EduLegal. Od 13 lat wspiera przedsiębiorców, łącząc prawo z myśleniem strategicznym. Publikuje w Forbes i Pulsie Biznesu.</p> <div class="expert-topic"> <span class="expert-topic-label">W programie</span> <p class="expert-topic-text">Niezbędnik prawny do sprzedaży produktów cyfrowych i gotowy wzór regulaminu newslettera – żeby nic nie blokowało Cię w dniu startu.</p> </div> </article> </li>  <li> <article class="expert-card"> <div class="expert-avatar"> <img src="https://newskill.pl/wp-content/uploads/2026/07/Joanna-foto.png" alt="Joanna Bogielczyk – ekspertka sprzedaży na Instagramie" loading="lazy" width="96" height="96" > </div> <h3 class="expert-name">Joanna Bogielczyk</h3> <p class="expert-authority">Ekspertka sprzedaży na Instagramie. Autorka metody „Relacje + Autorytet", która skraca proces sprzedaży bez presji budowania ogromnych społeczności.</p> <div class="expert-topic"> <span class="expert-topic-label">W programie</span> <p class="expert-topic-text">Jak sprzedawać przez Insta Stories, także wtedy, kiedy nie masz jeszcze dużej społeczności.</p> </div> </article> </li>  <li> <article class="expert-card"> <div class="expert-avatar"> <img src="https://newskill.pl/wp-content/uploads/2026/07/Dawid-foto.png" alt="Dawid Zieliński – specjalista Meta Ads dla twórców produktów cyfrowych" loading="lazy" width="96" height="96" > </div> <h3 class="expert-name">Dawid Zieliński</h3> <p class="expert-authority">Od 2018 roku specjalizuje się w Meta Ads dla twórców produktów cyfrowych. Wygenerował ponad 8 mln zł sprzedaży dla klientów i przeszkolił ponad 300 osób.</p> <div class="expert-topic"> <span class="expert-topic-label">W0 programie</span> <p class="expert-topic-text">Jak zaplanować i prowadzić kampanię reklamową na Facebooku i Instagramie – bez palenia budżetu.</p> </div> </article> </li>  <li> <article class="expert-card"> <div class="expert-avatar"> <img src="https://newskill.pl/wp-content/uploads/2026/07/Ola-foto.png" alt="Ola Gościniak – mentorka biznesu online, ekspertka widoczności w AI" loading="lazy" width="96" height="96" > </div> <h3 class="expert-name">Ola Gościniak</h3> <p class="expert-authority">Od 2015 roku uczy, jak budować biznes online od podstaw. Przeszkoliła ponad 50 000 Polek. Specjalizuje się w tym, jak sprawić, żeby AI zaczęło polecać Twój produkt.</p> <div class="expert-topic"> <span class="expert-topic-label">W programie</span> <p class="expert-topic-text">Jak zwiększyć widoczność Twojej marki w AI, żeby modele językowe takie jak ChatGPT czy Claude zaczęły polecać Twój produkt klientom.</p> </div> </article> </li> </ul> </div> </section> </body> </html>