// ═══════════════════════════════════════════════════════════ // SŁOŃCE BEZ FILTRA - Landing Page v2 (nowy design) // Paleta: kremowo-pomarańczowa, czcionka Outfit // ═══════════════════════════════════════════════════════════ const { useState, useEffect } = React; function useIsMobile() { const [isMobile, setIsMobile] = useState(typeof window !== 'undefined' ? window.innerWidth <= 760 : false); useEffect(() => { const onResize = () => setIsMobile(window.innerWidth <= 760); window.addEventListener('resize', onResize, { passive: true }); return () => window.removeEventListener('resize', onResize); }, []); return isMobile; } const C = { accent: '#C75B12', accentDeep: '#A04A0F', accentRgb: '199,91,18', glow: '#E5A144', glowRgb: '229,161,68', bg1: '#F7F2E9', bg2: '#EFE8D8', ink: '#1A1613', inkRgb: '26,22,19', danger: '#8B1A1A' }; const LINKS = { ebook: 'https://eyeshield.com/sklep/ksiazki/slonce-bez-filtra-e-book-sebastian-kilichowski/', audiobook: 'https://eyeshield.com/sklep/ksiazki/slonce-bez-filtra-audiobook-sebastian-kilichowski/', paperback: 'https://eyeshield.com/sklep/ksiazki/slonce-bez-filtra-ksiazka-papierowa-sebastian-kilichowski/', bundle: 'https://eyeshield.com/sklep/ksiazki/slonce-bez-filtra-zestaw/' }; const IMG = { cover: 'https://sloncebezfiltra.pl/wp-content/uploads/2026/07/slonce-okladka-hero.webp', ebook: 'https://cdn.eyeshield.com/wp-content/uploads/2026/05/Slonce-bez-filtra-ebook.jpg', audiobook: 'https://cdn.eyeshield.com/wp-content/uploads/2026/05/Slonce-bez-filtra-audiobook-1.jpg', paperback: 'https://cdn.eyeshield.com/wp-content/uploads/2026/05/Slonce-bez-filtra-ksiazka2-1.jpg', bundle: 'https://cdn.eyeshield.com/wp-content/uploads/2026/05/Slonce-bez-filtra-pakiet-1.jpg' }; function scrollToSection(id) { const el = document.getElementById(id); if (el) el.scrollIntoView({ behavior: 'smooth' }); } // ═══════════════════════════════════════════════════════════ // NAV // ═══════════════════════════════════════════════════════════ function Nav() { const isMobile = useIsMobile(); const [menuOpen, setMenuOpen] = useState(false); const links = [{ id: 'o-ksiazce', label: 'O książce' }, { id: 'zawartosc', label: 'Zawartość' }, { id: 'rozdzialy', label: 'Rozdziały' }, { id: 'autor', label: 'Autor' }, { id: 'opinie', label: 'Opinie' }, { id: 'faq', label: 'FAQ' }]; const go = id => { setMenuOpen(false); scrollToSection(id); }; return /*#__PURE__*/React.createElement("nav", { style: { position: 'fixed', top: 0, left: 0, right: 0, zIndex: 100 } }, /*#__PURE__*/React.createElement("div", { style: { height: '3px', background: `linear-gradient(90deg,${C.accent} 0%,${C.glow} 45%,${C.accent} 100%)` } }), /*#__PURE__*/React.createElement("div", { style: { background: `rgba(247,242,233,.92)`, backdropFilter: 'blur(14px)', borderBottom: `1px solid rgba(${C.inkRgb},.12)` } }, /*#__PURE__*/React.createElement("div", { style: { maxWidth: '1100px', margin: '0 auto', padding: '0 24px', height: '74px', display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: '24px' } }, /*#__PURE__*/React.createElement("a", { href: "#top", onClick: e => { e.preventDefault(); go('top'); }, style: { display: 'flex', alignItems: 'baseline', gap: '10px', textDecoration: 'none', whiteSpace: 'nowrap' } }, /*#__PURE__*/React.createElement("span", { style: { fontFamily: "'Outfit', sans-serif", fontWeight: 800, letterSpacing: '-.03em', fontSize: isMobile ? '20px' : '26px', lineHeight: 1, color: C.accent, textTransform: 'uppercase' } }, "Słońce"), /*#__PURE__*/React.createElement("span", { style: { width: '9px', height: '9px', borderRadius: '50%', background: C.accent, flex: 'none', transform: 'translateY(-1px)' } }), /*#__PURE__*/React.createElement("span", { style: { fontFamily: "'Outfit', sans-serif", fontWeight: 800, letterSpacing: '-.03em', fontSize: isMobile ? '20px' : '26px', lineHeight: 1, color: C.ink, textTransform: 'uppercase', fontStyle: 'italic' } }, "bez filtra")), isMobile ? /*#__PURE__*/React.createElement("button", { onClick: () => setMenuOpen(v => !v), "aria-label": "Menu", style: { background: 'none', border: 'none', cursor: 'pointer', padding: '8px', display: 'flex', flexDirection: 'column', gap: '5px' } }, [0, 1, 2].map(i => /*#__PURE__*/React.createElement("span", { key: i, style: { display: 'block', width: '22px', height: '2px', background: C.ink, transition: 'transform .2s, opacity .2s', transform: menuOpen && i === 0 ? 'translateY(7px) rotate(45deg)' : menuOpen && i === 2 ? 'translateY(-7px) rotate(-45deg)' : 'none', opacity: menuOpen && i === 1 ? 0 : 1 } }))) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", { style: { display: 'flex', gap: '30px', alignItems: 'center' } }, links.map(l => /*#__PURE__*/React.createElement("a", { key: l.id, href: `#${l.id}`, onClick: e => { e.preventDefault(); go(l.id); }, style: { color: `rgba(${C.inkRgb},.72)`, textDecoration: 'none', fontSize: '11.5px', fontWeight: 500, letterSpacing: '.14em', textTransform: 'uppercase', padding: '6px 0', borderBottom: '2px solid transparent' } }, l.label))), /*#__PURE__*/React.createElement("a", { href: "#cennik", onClick: e => { e.preventDefault(); go('cennik'); }, style: { background: C.accent, color: '#FDF6E9', textDecoration: 'none', fontSize: '12px', fontWeight: 500, letterSpacing: '.2em', textTransform: 'uppercase', padding: '12px 24px', borderRadius: '2px', whiteSpace: 'nowrap', boxShadow: `0 8px 18px rgba(${C.accentRgb},.25)` } }, "Kup teraz"))), isMobile && menuOpen ? /*#__PURE__*/React.createElement("div", { style: { background: C.bg1, borderTop: `1px solid rgba(${C.inkRgb},.12)`, padding: '16px 24px 24px', display: 'flex', flexDirection: 'column', gap: '4px' } }, links.map(l => /*#__PURE__*/React.createElement("a", { key: l.id, href: `#${l.id}`, onClick: e => { e.preventDefault(); go(l.id); }, style: { color: C.ink, textDecoration: 'none', fontSize: '15px', fontWeight: 500, padding: '12px 0', borderBottom: `1px solid rgba(${C.inkRgb},.08)` } }, l.label)), /*#__PURE__*/React.createElement("a", { href: "#cennik", onClick: e => { e.preventDefault(); go('cennik'); }, style: { background: C.accent, color: '#FDF6E9', textDecoration: 'none', fontSize: '13px', fontWeight: 500, letterSpacing: '.1em', textTransform: 'uppercase', padding: '14px 24px', borderRadius: '2px', textAlign: 'center', marginTop: '10px' } }, "Kup teraz")) : null)); } // ═══════════════════════════════════════════════════════════ // HERO // ═══════════════════════════════════════════════════════════ function Hero() { const isMobile = useIsMobile(); return /*#__PURE__*/React.createElement("div", { id: "top", style: { position: 'relative', overflow: 'hidden', padding: isMobile ? '120px 20px 60px' : '150px 24px 110px', background: C.bg1 } }, /*#__PURE__*/React.createElement("div", { style: { position: 'absolute', top: '-80px', right: '-80px', width: isMobile ? '380px' : '700px', height: isMobile ? '380px' : '700px', borderRadius: '50%', pointerEvents: 'none', background: `radial-gradient(circle at 60% 35%, rgba(${C.glowRgb},.48) 0%, rgba(${C.glowRgb},.18) 40%, rgba(${C.accentRgb},.08) 60%, transparent 75%)`, animation: 'sbfGlow 7s ease-in-out infinite' } }), /*#__PURE__*/React.createElement("div", { style: { maxWidth: '1100px', margin: '0 auto', position: 'relative' } }, /*#__PURE__*/React.createElement("div", { style: { display: 'inline-flex', alignItems: 'center', gap: '10px', border: `1px solid rgba(${C.accentRgb},.45)`, borderRadius: '2px', padding: isMobile ? '7px 12px' : '9px 16px', marginBottom: isMobile ? '28px' : '44px', background: 'rgba(247,242,233,.7)' } }, /*#__PURE__*/React.createElement("span", { style: { width: '7px', height: '7px', borderRadius: '50%', background: C.accent, animation: 'sbfPulse 2.2s ease-out infinite' } }), /*#__PURE__*/React.createElement("span", { style: { fontSize: isMobile ? '9.5px' : '11px', fontWeight: 500, letterSpacing: '.2em', textTransform: 'uppercase', color: C.accent } }, "100+ badań naukowych · Biohacking · Rytm dobowy")), isMobile ? /*#__PURE__*/React.createElement("div", { style: { position: 'relative', width: '320px', margin: '0 auto 32px', zIndex: 1 } }, /*#__PURE__*/React.createElement("img", { src: IMG.cover, alt: "Okładka książki Słońce bez filtra - Sebastian Kilichowski", fetchpriority: "high", style: { display: 'block', width: '320px', height: '375px', objectFit: 'contain', animation: 'sbfBook 6s ease-in-out infinite', transformOrigin: '50% 50%' } }), /*#__PURE__*/React.createElement("div", { style: { position: 'absolute', bottom: '50px', left: '33px', width: '75px', height: '75px', borderRadius: '50%', background: C.accent, color: '#FDF6E9', display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', transform: 'rotate(-12deg)', boxShadow: '0 10px 22px rgba(46,29,12,.35)', zIndex: 3, isolation: 'isolate' } }, /*#__PURE__*/React.createElement("span", { style: { fontSize: '7.5px', fontWeight: 500, letterSpacing: '.12em', textTransform: 'uppercase', opacity: 0.85 } }, "już od"), /*#__PURE__*/React.createElement("span", { style: { fontFamily: "'Outfit', sans-serif", fontWeight: 600, letterSpacing: '-.02em', fontSize: '19px', lineHeight: 1.1 } }, "49 zł"))) : /*#__PURE__*/React.createElement("div", { style: { position: 'absolute', top: '-30px', right: '-20px', zIndex: 2, width: '580px', height: '680px' } }, /*#__PURE__*/React.createElement("img", { src: IMG.cover, alt: "Okładka książki Słońce bez filtra - Sebastian Kilichowski", fetchpriority: "high", style: { display: 'block', width: '580px', height: '680px', objectFit: 'contain', animation: 'sbfBook 6s ease-in-out infinite', transformOrigin: '50% 50%' } }), /*#__PURE__*/React.createElement("div", { style: { position: 'absolute', bottom: '90px', left: '60px', width: '118px', height: '118px', borderRadius: '50%', background: C.accent, color: '#FDF6E9', display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', transform: 'rotate(-12deg)', boxShadow: '0 14px 32px rgba(46,29,12,.35)', zIndex: 3, isolation: 'isolate' } }, /*#__PURE__*/React.createElement("span", { style: { fontSize: '10px', fontWeight: 500, letterSpacing: '.16em', textTransform: 'uppercase', opacity: 0.85 } }, "już od"), /*#__PURE__*/React.createElement("span", { style: { fontFamily: "'Outfit', sans-serif", fontWeight: 600, letterSpacing: '-.02em', fontSize: '30px', lineHeight: 1.1 } }, "49 zł"))), /*#__PURE__*/React.createElement("h1", { style: { position: 'relative', zIndex: 1, margin: isMobile ? '0 0 28px' : '0 0 48px', fontFamily: "'Outfit', sans-serif", fontWeight: 700, letterSpacing: '-.035em', fontSize: isMobile ? '52px' : 'clamp(60px,8.2vw,106px)', lineHeight: 0.92, textTransform: 'uppercase', textAlign: isMobile ? 'center' : 'left' } }, /*#__PURE__*/React.createElement("span", { style: { display: 'block', color: C.accent } }, "Słońce "), /*#__PURE__*/React.createElement("span", { style: { display: 'block', color: C.ink, fontStyle: 'italic' } }, "bez filtra")), /*#__PURE__*/React.createElement("div", { style: { maxWidth: isMobile ? '100%' : '440px' } }, /*#__PURE__*/React.createElement("p", { style: { margin: '0 0 28px', fontSize: isMobile ? '15px' : '18px', lineHeight: 1.65, textAlign: isMobile ? 'center' : 'left', color: `rgba(${C.inkRgb},.72)` } }, "Przez dekady wmawiano nam, że słońce jest wrogiem. ", /*#__PURE__*/React.createElement("strong", { style: { color: C.ink, fontWeight: 500 } }, "Ponad 100 badań naukowych mówi co innego"), " - światło słoneczne to fundament Twojego snu, energii i odporności."), /*#__PURE__*/React.createElement("div", { style: { display: 'flex', gap: '16px', flexWrap: 'wrap', justifyContent: isMobile ? 'center' : 'flex-start', marginBottom: '32px' } }, /*#__PURE__*/React.createElement("a", { href: "#cennik", onClick: e => { e.preventDefault(); scrollToSection('cennik'); }, style: { background: C.accent, color: '#FDF6E9', textDecoration: 'none', fontSize: '13px', fontWeight: 500, letterSpacing: '.14em', textTransform: 'uppercase', padding: isMobile ? '16px 30px' : '19px 38px', borderRadius: '2px', boxShadow: `0 14px 30px rgba(${C.accentRgb},.3)` } }, "Zamów książkę"), /*#__PURE__*/React.createElement("a", { href: "#darmowy-rozdzial", onClick: e => { e.preventDefault(); scrollToSection('darmowy-rozdzial'); }, style: { border: `1px solid rgba(${C.inkRgb},.35)`, color: C.ink, textDecoration: 'none', fontSize: '13px', fontWeight: 500, letterSpacing: '.14em', textTransform: 'uppercase', padding: isMobile ? '16px 30px' : '19px 38px', borderRadius: '2px' } }, "Pobierz darmowy rozdział"))))); } // ═══════════════════════════════════════════════════════════ // PROBLEM // ═══════════════════════════════════════════════════════════ function Problem() { const isMobile = useIsMobile(); return /*#__PURE__*/React.createElement("section", { id: "o-ksiazce", style: { background: C.bg1, padding: isMobile ? '64px 20px' : '96px 24px' } }, /*#__PURE__*/React.createElement("div", { style: { maxWidth: '1100px', margin: '0 auto', display: 'grid', gridTemplateColumns: isMobile ? '1fr' : '1fr 1fr', gap: isMobile ? '40px' : '72px', alignItems: 'center' } }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", { style: { display: 'flex', alignItems: 'center', gap: '12px', marginBottom: '20px' } }, /*#__PURE__*/React.createElement("span", { style: { display: 'block', width: '24px', height: '1px', background: C.accent } }), /*#__PURE__*/React.createElement("span", { style: { fontSize: '11px', fontWeight: 500, letterSpacing: '.2em', textTransform: 'uppercase', color: C.accent } }, "Dlaczego ta książka?")), /*#__PURE__*/React.createElement("h2", { style: { fontFamily: "'Outfit', sans-serif", fontWeight: 700, letterSpacing: '-.03em', fontSize: '48px', lineHeight: 1.1, margin: '0 0 18px', color: C.ink } }, "Media mówią Ci połowę prawdy"), /*#__PURE__*/React.createElement("div", { style: { width: '48px', height: '2px', background: C.accent, marginBottom: '28px' } }), /*#__PURE__*/React.createElement("p", { style: { margin: '0 0 16px', fontSize: '16px', lineHeight: 1.75, color: `rgba(${C.inkRgb},.72)` } }, "W mediach głównego nurtu przekaz zwykle brzmi tak samo: ", /*#__PURE__*/React.createElement("strong", { style: { color: C.danger, fontWeight: 600 } }, "słońce szkodzi skórze i przyspiesza jej starzenie, dlatego trzeba się przed nim chronić"), ". To ważne ostrzeżenie - ale tylko połowa historii."), /*#__PURE__*/React.createElement("p", { style: { margin: '0 0 16px', fontSize: '16px', lineHeight: 1.75, color: `rgba(${C.inkRgb},.72)` } }, "A gdzie w tym miejsce na drugą stronę medalu? Badania pokazują, że regularny, umiarkowany kontakt ze słońcem sprzyja odporności i pomaga utrzymać prawidłowy poziom witaminy D. Coraz więcej z nich łączy też brak światła słonecznego z gorszym nastrojem i rozregulowanym rytmem dobowym."), /*#__PURE__*/React.createElement("p", { style: { margin: '0 0 16px', fontSize: '16px', lineHeight: 1.75, color: `rgba(${C.inkRgb},.72)` } }, "Że przez tysiące lat ludzkość żyła w bliskim kontakcie ze słońcem, a nasz rytm dobowy, gospodarka hormonalna i metabolizm wciąż są do tego kontaktu przystosowane?"), /*#__PURE__*/React.createElement("p", { style: { margin: 0, fontSize: '16px', lineHeight: 1.75 } }, /*#__PURE__*/React.createElement("strong", { style: { color: C.danger, fontWeight: 600 } }, "Ta część obrazu rzadko trafia do mainstreamowego przekazu. Ta książka poświęca jej całą uwagę."))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("img", { src: "https://sloncebezfiltra.pl/wp-content/uploads/2026/07/media-naglowki-slonce.webp", alt: "Nagłówki mediów o słońcu jako zagrożeniu - gazety, blogi, media społecznościowe", loading: "lazy", decoding: "async", style: { width: '100%', aspectRatio: '1300 / 866', display: 'block', borderRadius: '4px', marginBottom: '32px', boxShadow: `0 14px 34px rgba(${C.inkRgb},.14)` } }), /*#__PURE__*/React.createElement("blockquote", { style: { margin: 0, borderLeft: `2px solid ${C.accent}`, padding: '8px 0 8px 36px' } }, /*#__PURE__*/React.createElement("p", { style: { fontFamily: "'Outfit', sans-serif", fontWeight: 400, fontStyle: 'italic', fontSize: '24px', lineHeight: 1.6, margin: '0 0 24px', color: C.ink } }, "„A co, jeśli ten strach zbudowano na badaniach, które nigdy nie badały prawdziwego słońca? Większość kluczowych prac prowadzono pod sztucznymi lampami - bez podczerwieni, bez czerwieni, bez pełnego spektrum. Bez natury.\""), /*#__PURE__*/React.createElement("footer", { style: { fontSize: '11px', fontWeight: 500, letterSpacing: '.2em', textTransform: 'uppercase', color: C.accent } }, "Sebastian Kilichowski, Słońce bez filtra"))))); } // ═══════════════════════════════════════════════════════════ // CONTENT (Z książki dowiesz się między innymi) // ═══════════════════════════════════════════════════════════ function ContentHighlights() { const isMobile = useIsMobile(); const icons = [ '', '', '', '', '', '' ]; const items = [{ n: '01', title: 'Skąd się wziął strach przed słońcem?', desc: 'Historia narracji o szkodliwości UV - i jak marketing kremów z filtrem kształtował zalecenia medyczne przez ostatnie 40 lat.' }, { n: '02', title: 'Czy kremy z filtrem są bezpieczne?', desc: 'Co mówią badania o składnikach filtrów UV i ich wpływie na układ hormonalny, skórę i środowisko morskie.' }, { n: '03', title: 'Jak pozbyć się przebarwień', desc: 'Czym naprawdę są przebarwienia skóry, skąd się biorą i jak skutecznie im zapobiegać - bez rezygnacji ze słońca.' }, { n: '04', title: 'Jak światło wpływa na hormony i nastrój?', desc: 'Związek między ekspozycją na słońce a serotoniną, melatoniną, testosteronem i rytmem dobowym.' }, { n: '05', title: 'Jak opalać się bez starzenia skóry', desc: 'Praktyczne zasady bezpiecznej ekspozycji, które pozwalają cieszyć się opalenizną bez przyspieszania starzenia.' }, { n: '06', title: 'Jak okulary przeciwsłoneczne mogą wpływać na reakcję skóry?', desc: 'Badania nad rolą oczu w regulacji odpowiedzi skóry na promieniowanie słoneczne.' }]; return /*#__PURE__*/React.createElement("section", { id: "zawartosc", style: { background: C.bg1, padding: isMobile ? '56px 20px' : '96px 24px' } }, /*#__PURE__*/React.createElement("div", { style: { maxWidth: '1100px', margin: '0 auto' } }, /*#__PURE__*/React.createElement("div", { style: { display: 'flex', alignItems: 'center', gap: '12px', marginBottom: '16px' } }, /*#__PURE__*/React.createElement("span", { style: { display: 'block', width: '24px', height: '1px', background: C.accent } }), /*#__PURE__*/React.createElement("span", { style: { fontSize: '11px', fontWeight: 500, letterSpacing: '.2em', textTransform: 'uppercase', color: C.accent } }, "Zawartość")), /*#__PURE__*/React.createElement("h2", { style: { fontFamily: "'Outfit', sans-serif", fontWeight: 700, letterSpacing: '-.03em', fontSize: isMobile ? '32px' : '44px', lineHeight: 1.1, margin: '0 0 40px', color: C.ink, maxWidth: '700px' } }, "Z książki dowiesz się między innymi"), /*#__PURE__*/React.createElement("div", { style: { display: 'grid', gridTemplateColumns: isMobile ? '1fr' : 'repeat(3, 1fr)', border: `1px solid rgba(${C.accentRgb},.18)`, borderRadius: '3px', overflow: 'hidden', background: '#FFFFFF', boxShadow: `0 4px 24px rgba(${C.inkRgb},.06)` } }, items.map((item, i) => { const isHighlighted = i === 4 || i === 5; return /*#__PURE__*/React.createElement("div", { key: item.n, className: "sbf-highlight-card", style: { padding: isMobile ? '28px 24px' : '32px 30px', position: 'relative', background: isHighlighted ? C.bg2 : 'transparent', borderRight: !isMobile && (i % 3 !== 2) ? `1px solid rgba(${C.accentRgb},.18)` : 'none', borderBottom: isMobile ? (i !== items.length - 1 ? `1px solid rgba(${C.accentRgb},.18)` : 'none') : (i < 3 ? `1px solid rgba(${C.accentRgb},.18)` : 'none'), transition: 'background .25s ease' } }, /*#__PURE__*/React.createElement("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'space-between', marginBottom: '16px' } }, /*#__PURE__*/React.createElement("div", { className: "sbf-highlight-icon", style: { width: '38px', height: '38px', borderRadius: '50%', display: 'flex', alignItems: 'center', justifyContent: 'center', background: isHighlighted ? C.accent : `rgba(${C.accentRgb},.1)`, color: isHighlighted ? '#FDF6E9' : C.accent, transition: 'transform .25s ease, background .25s ease' } }, /*#__PURE__*/React.createElement("span", { style: { width: '19px', height: '19px', display: 'block' }, dangerouslySetInnerHTML: { __html: icons[i] } })), /*#__PURE__*/React.createElement("div", { style: { fontFamily: "'Outfit', sans-serif", fontWeight: 700, fontSize: '13px', color: `rgba(${C.inkRgb},.3)` } }, item.n)), /*#__PURE__*/React.createElement("h3", { style: { fontFamily: "'Outfit', sans-serif", fontWeight: 700, letterSpacing: '-.01em', fontSize: '18px', lineHeight: 1.3, margin: '0 0 10px', color: C.ink } }, item.title), /*#__PURE__*/React.createElement("p", { style: { margin: 0, fontSize: '14px', lineHeight: 1.65, color: `rgba(${C.inkRgb},.65)` } }, item.desc)); })), /*#__PURE__*/React.createElement("style", null, ` .sbf-highlight-card:hover .sbf-highlight-icon { transform: scale(1.12) rotate(-6deg); } `))); } // ═══════════════════════════════════════════════════════════ // CHAPTERS // ═══════════════════════════════════════════════════════════ function Chapters() { const isMobile = useIsMobile(); const [open, setOpen] = useState(0); const chapters = [{ title: 'Słońce było kiedyś mainstreamem', desc: 'Cofamy się do czasów, gdy słońce było traktowane jak lekarstwo. Rozdział opisuje erę helioterapii i pionierską pracę Nielsa Finsena - lekarza, który leczył słońcem gruźlicę skóry i za swoje odkrycia otrzymał Nagrodę Nobla. To przypomnienie, że strach przed słońcem jest zjawiskiem stosunkowo nowym, a przez wieki ludzkość go czciła i leczyła nim choroby.' }, { title: 'Sun(s)care', desc: 'Krytyczne spojrzenie na współczesny przekaz „chroń się przed słońcem za wszelką cenę". Rozdział analizuje, jak komunikacja marketingowa branży kosmetycznej wpłynęła na sposób, w jaki mówimy dziś o słońcu, i dlaczego tak zwana profilaktyka, czyli suncare, czasem bardziej przypomina straszenie słońcem, czyli sun(s)care, niż edukację o świadomym korzystaniu ze światła.' }, { title: 'Benefity wystawiania się na słońce', desc: 'Przegląd badań o tym, co słońce może robić dla ciała, poza witaminą D3. Badania wskazują między innymi na możliwy spadek poziomu cukru we krwi po porannej ekspozycji, wzrost poziomu testosteronu oraz korzystny wpływ na nastrój i funkcjonowanie jelit. Rozdział omawia źródła naukowe stojące za każdym z tych wątków.' }, { title: 'Cicha epidemia', desc: 'Ponad miliard ludzi na świecie ma niedobór witaminy D3 - a temat jest wciąż bagatelizowany. Rozdział tłumaczy, dlaczego suplementacja nie jest tym samym co wytwarzanie w skórze, oraz jakie badania łączą niedobór z funkcjonowaniem mózgu, nastrojem i płodnością. Autor podkreśla, że w kwestiach zdrowotnych, szczególnie w ciąży, ostateczną decyzję warto konsultować z lekarzem.' }, { title: 'Czy słońce naprawdę jest tak groźne, jak mówią?', desc: 'Jeden z najbardziej dyskutowanych tematów książki. Autor przygląda się temu, skąd wzięła się narracja strachu przed czerniakiem, jakie są ograniczenia badań laboratoryjnych prowadzonych na sztucznym źródle UV, i co mówią dane epidemiologiczne o osobach pracujących na zewnątrz. Rozdział nie neguje ryzyka związanego ze słońcem, a pokazuje pełniejszy, bardziej złożony obraz tego zagadnienia.' }, { title: 'Kremy z filtrem', desc: 'W tym rozdziale autor przygląda się badaniom nad filtrami przeciwsłonecznymi i konfrontuje je z komunikatami marketingowymi branży kosmetycznej. Omawia wpływ filtrów chemicznych na wytwarzanie witaminy D3, dyskusję naukową wokół bezpieczeństwa ich składników oraz alternatywne metody ochrony skóry.' }, { title: 'Zdrowie skóry', desc: 'Najbardziej rozbudowany rozdział - znajdziesz tu informacje o przebarwieniach, diecie na zdrową i piękną skórę, zabiegach na twarz, szkodliwości okularów przeciwsłonecznych, anti-aging, trądziku, atopowym zapaleniu skóry, alergii na słońce, łuszczycy, łupieżu i bielactwie - wszystko przez pryzmat tego, jak światło i rytm dobowy wpływają na kondycję skóry.' }, { title: 'Spalaj tłuszcz słońcem', desc: 'Rozdział wyjaśnia, jak słońce wpływa na metabolizm, gospodarkę tłuszczową i biologiczny zegar organizmu, który decyduje o tym, czy tłuszcz jest spalany, czy magazynowany.' }, { title: 'Słoneczny pazur', desc: 'Finałowy rozdział to praktyczny przewodnik po budowaniu naturalnej ochrony skóry od wewnątrz. „Słoneczny pazur" to pradawny mechanizm adaptacji organizmu i jednocześnie najbardziej wyrafinowany filtr UV na ziemi. Autor tłumaczy krok po kroku, jak przyzwyczaić się do słońca bez ryzyka poparzeń, przebarwień i starzenia skóry.' }]; return /*#__PURE__*/React.createElement("section", { id: "rozdzialy", style: { background: C.bg2, padding: isMobile ? '56px 20px' : '96px 24px' } }, /*#__PURE__*/React.createElement("div", { style: { maxWidth: '1100px', margin: '0 auto' } }, /*#__PURE__*/React.createElement("div", { style: { display: 'flex', alignItems: 'center', gap: '12px', marginBottom: '20px' } }, /*#__PURE__*/React.createElement("span", { style: { display: 'block', width: '24px', height: '1px', background: C.accent } }), /*#__PURE__*/React.createElement("span", { style: { fontSize: '11px', fontWeight: 500, letterSpacing: '.2em', textTransform: 'uppercase', color: C.accent } }, "Rozdziały")), /*#__PURE__*/React.createElement("div", { style: { display: 'flex', alignItems: 'flex-end', justifyContent: 'space-between', gap: '24px', flexWrap: 'wrap', marginBottom: '56px' } }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h2", { style: { fontFamily: "'Outfit', sans-serif", fontWeight: 700, letterSpacing: '-.03em', fontSize: isMobile ? '38px' : '56px', lineHeight: 1.05, margin: '0 0 18px', color: C.ink } }, "Co znajdziesz ", /*#__PURE__*/React.createElement("span", { style: { color: C.accent } }, "w środku")), /*#__PURE__*/React.createElement("div", { style: { width: '48px', height: '2px', background: C.accent } })), /*#__PURE__*/React.createElement("div", { style: { fontSize: '12px', fontWeight: 500, letterSpacing: '.2em', textTransform: 'uppercase', color: `rgba(${C.inkRgb},.5)`, paddingBottom: '6px' } }, "9 rozdziałów · 264 strony")), /*#__PURE__*/React.createElement("p", { style: { display: 'flex', alignItems: 'center', gap: '8px', fontSize: '13px', fontStyle: 'italic', color: `rgba(${C.inkRgb},.5)`, margin: '0 0 20px' } }, /*#__PURE__*/React.createElement("svg", { viewBox: "0 0 24 24", width: "15px", height: "15px", style: { flex: 'none' } }, [0, 45, 90, 135].map(deg => /*#__PURE__*/React.createElement("line", { key: deg, x1: "12", y1: "5", x2: "12", y2: "8", stroke: C.accent, strokeWidth: "1.6", strokeLinecap: "round", transform: `rotate(${deg} 12 12)` })), [0, 45, 90, 135].map(deg => /*#__PURE__*/React.createElement("line", { key: deg + 180, x1: "12", y1: "19", x2: "12", y2: "16", stroke: C.accent, strokeWidth: "1.6", strokeLinecap: "round", transform: `rotate(${deg} 12 12)` })), /*#__PURE__*/React.createElement("circle", { cx: "12", cy: "12", r: "4.5", fill: "none", stroke: C.accent, strokeWidth: "1.6" })), "Kliknij słoneczko przy rozdziale, aby przeczytać więcej"), /*#__PURE__*/React.createElement("div", { style: { borderTop: `1px solid rgba(${C.inkRgb},.14)` } }, chapters.map((ch, i) => { const isOpen = open === i; return /*#__PURE__*/React.createElement("div", { key: ch.title, style: { borderBottom: `1px solid rgba(${C.inkRgb},.14)` } }, /*#__PURE__*/React.createElement("button", { onClick: () => setOpen(isOpen ? -1 : i), style: { width: '100%', display: 'flex', alignItems: 'center', gap: isMobile ? '16px' : '22px', padding: isMobile ? '18px 4px' : '24px 4px', background: 'none', border: 'none', cursor: 'pointer', textAlign: 'left', font: 'inherit' } }, /*#__PURE__*/React.createElement("div", { style: { width: isMobile ? '34px' : '40px', height: isMobile ? '34px' : '40px', flex: 'none', border: `1px solid rgba(${C.accentRgb},.5)`, borderRadius: '50%', background: isOpen ? C.accent : 'transparent', transition: 'background .2s', display: 'flex', alignItems: 'center', justifyContent: 'center', fontFamily: "'Outfit', sans-serif", fontWeight: 600, fontSize: isMobile ? '13px' : '15px', color: isOpen ? '#FDF6E9' : C.accent } }, i + 1), /*#__PURE__*/React.createElement("h3", { style: { flex: 1, fontFamily: "'Outfit', sans-serif", fontSize: isMobile ? '16px' : '20px', fontWeight: 600, letterSpacing: '-.01em', lineHeight: 1.35, margin: 0, color: C.ink } }, ch.title), /*#__PURE__*/React.createElement("div", { style: { flex: 'none', width: isMobile ? '26px' : '30px', height: isMobile ? '26px' : '30px', position: 'relative', display: 'flex', alignItems: 'center', justifyContent: 'center' } }, /*#__PURE__*/React.createElement("div", { style: { position: 'absolute', inset: '-6px', borderRadius: '50%', background: `radial-gradient(circle, rgba(${C.glowRgb},.65) 0%, rgba(${C.accentRgb},.0) 70%)`, opacity: isOpen ? 1 : 0, transform: isOpen ? 'scale(1)' : 'scale(.5)', transition: 'opacity .3s, transform .3s', animation: isOpen ? 'sbfGlow 2.4s ease-in-out infinite' : 'none' } }), /*#__PURE__*/React.createElement("svg", { viewBox: "0 0 24 24", width: isMobile ? '20px' : '24px', height: isMobile ? '20px' : '24px', style: { position: 'relative', transform: isOpen ? 'rotate(90deg)' : 'rotate(0deg)', transition: 'transform .4s ease' } }, [0, 45, 90, 135].map(deg => /*#__PURE__*/React.createElement("line", { key: deg, x1: "12", y1: isOpen ? "3" : "5", x2: "12", y2: isOpen ? "6.5" : "8", stroke: C.accent, strokeWidth: "1.6", strokeLinecap: "round", transform: `rotate(${deg} 12 12)` })), [0, 45, 90, 135].map(deg => /*#__PURE__*/React.createElement("line", { key: deg + 180, x1: "12", y1: isOpen ? "21" : "19", x2: "12", y2: isOpen ? "17.5" : "16", stroke: C.accent, strokeWidth: "1.6", strokeLinecap: "round", transform: `rotate(${deg} 12 12)` })), /*#__PURE__*/React.createElement("circle", { cx: "12", cy: "12", r: isOpen ? "5.5" : "4.5", fill: isOpen ? C.accent : 'none', stroke: C.accent, strokeWidth: "1.6", style: { transition: 'r .3s, fill .3s' } })))), isOpen ? /*#__PURE__*/React.createElement("div", { style: { padding: isMobile ? '0 4px 20px 50px' : '0 4px 28px 62px' } }, /*#__PURE__*/React.createElement("p", { style: { margin: 0, fontSize: isMobile ? '14px' : '15px', lineHeight: 1.75, color: `rgba(${C.inkRgb},.68)` } }, ch.desc)) : null); })))); } // ═══════════════════════════════════════════════════════════ // LEAD MAGNET - darmowy rozdział // ═══════════════════════════════════════════════════════════ function LeadMagnet() { const isMobile = useIsMobile(); const pdfUrl = 'https://cdn.eyeshield.com/wp-content/uploads/2026/05/Darmowy-rozdzial-Slonce-bez-filtra.pdf'; return /*#__PURE__*/React.createElement("section", { id: "darmowy-rozdzial", style: { background: C.bg1, padding: isMobile ? '48px 20px' : '0 0 90px 0', position: 'relative', overflow: 'hidden', borderTop: `1px solid rgba(${C.accentRgb},.2)` } }, /*#__PURE__*/React.createElement("div", { style: { position: 'absolute', top: isMobile ? '50%' : '46px', right: isMobile ? '50%' : '0', transform: isMobile ? 'translate(50%,-50%)' : 'none', width: '900px', height: '500px', borderRadius: '50%', pointerEvents: 'none', background: `radial-gradient(ellipse at center, rgba(${C.glowRgb},.18) 0%, transparent 70%)` } }), isMobile ? /*#__PURE__*/React.createElement("img", { src: "https://sloncebezfiltra.pl/wp-content/uploads/2026/07/pobrany-fragment-ksiazki-v3.webp", alt: "Podgląd darmowego rozdziału książki Słońce bez filtra na czytniku i telefonie", loading: "lazy", decoding: "async", style: { width: '100%', maxWidth: '420px', aspectRatio: '1376 / 768', margin: '48px auto 36px', display: 'block', position: 'relative' } }) : /*#__PURE__*/React.createElement("img", { src: "https://sloncebezfiltra.pl/wp-content/uploads/2026/07/pobrany-fragment-ksiazki-v3.webp", alt: "Podgląd darmowego rozdziału książki Słońce bez filtra na czytniku i telefonie", loading: "lazy", decoding: "async", style: { position: 'absolute', top: 0, right: 0, width: 'clamp(640px, 54vw, 940px)', aspectRatio: '1376 / 768', display: 'block', zIndex: 1 } }), /*#__PURE__*/React.createElement("div", { style: { maxWidth: '1100px', margin: '0 auto', padding: isMobile ? '0' : '110px 24px 0', position: 'relative', zIndex: 2 } }, /*#__PURE__*/React.createElement("div", { style: { maxWidth: isMobile ? '100%' : '440px', textAlign: isMobile ? 'center' : 'left' } }, /*#__PURE__*/React.createElement("div", { style: { fontSize: '11px', fontWeight: 500, letterSpacing: '.2em', textTransform: 'uppercase', color: C.accent, marginBottom: '20px' } }, "Bezpłatnie"), /*#__PURE__*/React.createElement("h2", { style: { fontFamily: "'Outfit', sans-serif", fontWeight: 700, letterSpacing: '-.03em', fontSize: isMobile ? 'clamp(28px,6vw,38px)' : 'clamp(32px,3.2vw,46px)', lineHeight: 1.1, margin: '0 0 20px', color: C.ink } }, "Przeczytaj pierwszy rozdział za darmo"), /*#__PURE__*/React.createElement("p", { style: { fontFamily: "'Outfit', sans-serif", fontStyle: 'italic', fontSize: '16px', lineHeight: 1.7, margin: '0 0 36px', color: `rgba(${C.inkRgb},.65)` } }, "Pobierz od razu, bez żadnych zobowiązań."), /*#__PURE__*/React.createElement("a", { href: pdfUrl, target: "_blank", rel: "noopener noreferrer", style: { display: 'inline-block', padding: isMobile ? '16px 32px' : '18px 40px', background: C.accent, color: '#FDF6E9', fontSize: '13px', fontWeight: 500, letterSpacing: '.14em', textTransform: 'uppercase', textDecoration: 'none', borderRadius: '2px', fontFamily: "'Outfit', sans-serif", boxShadow: `0 8px 20px rgba(${C.accentRgb},.3)` } }, "Pobierz →")))); } // ═══════════════════════════════════════════════════════════ // AUTHOR // ═══════════════════════════════════════════════════════════ function Author() { const isMobile = useIsMobile(); return /*#__PURE__*/React.createElement("section", { id: "autor", style: { background: C.bg1, padding: isMobile ? '64px 20px' : '96px 24px' } }, /*#__PURE__*/React.createElement("div", { style: { maxWidth: '1100px', margin: '0 auto', display: 'grid', gridTemplateColumns: isMobile ? '1fr' : '1.15fr .85fr', gap: isMobile ? '32px' : '72px', alignItems: isMobile ? 'center' : 'end' } }, /*#__PURE__*/React.createElement("div", { style: { display: 'flex', justifyContent: 'center', flexDirection: 'column', alignItems: 'center', gap: '24px' } }, /*#__PURE__*/React.createElement("div", { style: { width: '100%', maxWidth: '900px' } }, /*#__PURE__*/React.createElement("img", { src: "https://sloncebezfiltra.pl/wp-content/uploads/2026/07/sebastian-kolaz-autor-v14-scaled.jpg", alt: "Sebastian Kilichowski - kolaż zdjęć z wystąpień i podcastów", loading: "lazy", decoding: "async", style: { width: '100%', height: 'auto', aspectRatio: '1950 / 1420', borderRadius: '20px', display: 'block' } }))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", { style: { display: 'flex', alignItems: 'center', gap: '12px', marginBottom: '20px' } }, /*#__PURE__*/React.createElement("span", { style: { display: 'block', width: '24px', height: '1px', background: C.accent } }), /*#__PURE__*/React.createElement("span", { style: { fontSize: '11px', fontWeight: 500, letterSpacing: '.2em', textTransform: 'uppercase', color: C.accent } }, "Autor")), /*#__PURE__*/React.createElement("h2", { style: { fontFamily: "'Outfit', sans-serif", fontWeight: 600, letterSpacing: '-.02em', fontSize: isMobile ? '30px' : '42px', lineHeight: 1.15, margin: '0 0 8px', color: C.ink } }, "Sebastian Kilichowski"), /*#__PURE__*/React.createElement("div", { style: { fontFamily: "'Outfit', sans-serif", fontWeight: 400, fontSize: '19px', color: C.accent, marginBottom: '18px' } }, "Badacz wpływu światła na organizm człowieka"), /*#__PURE__*/React.createElement("div", { style: { width: '48px', height: '2px', background: C.accent, marginBottom: '28px' } }), /*#__PURE__*/React.createElement("p", { style: { margin: '0 0 16px', fontSize: '15px', lineHeight: 1.75, color: `rgba(${C.inkRgb},.72)` } }, /*#__PURE__*/React.createElement("strong", { style: { color: C.accent, fontWeight: 500 } }, "Sebastian Kilichowski od lat analizuje wpływ światła na organizm"), " - od metabolizmu i hormonów, po mózg i układ odpornościowy. Łączy wiedzę naukową z praktyką, pokazując, jak światło, sen, rytm dobowy i odżywianie wpływają na zdrowie."), /*#__PURE__*/React.createElement("p", { style: { margin: '0 0 16px', fontSize: '15px', lineHeight: 1.75, color: `rgba(${C.inkRgb},.72)` } }, /*#__PURE__*/React.createElement("em", null, "Słońce bez filtra"), " to efekt wieloletniej analizy badań, historii medycyny i własnych obserwacji. Jako ekspert ds. biohackingu pojawia się w ogólnopolskich mediach - ", /*#__PURE__*/React.createElement("strong", { style: { color: C.accent, fontWeight: 500 } }, "Dzień dobry TVN"), " i ", /*#__PURE__*/React.createElement("strong", { style: { color: C.accent, fontWeight: 500 } }, "Kanale Zero"), "."), /*#__PURE__*/React.createElement("p", { style: { margin: 0, fontSize: '15px', lineHeight: 1.75, color: `rgba(${C.inkRgb},.72)` } }, "Jego przekonanie: ", /*#__PURE__*/React.createElement("strong", { style: { color: C.accent, fontWeight: 500 } }, "Nasze ciało przez tysiące lat ewoluowało w kontakcie ze słońcem. Sebastian bada co to oznacza dla współczesnego człowieka."))))); } // ═══════════════════════════════════════════════════════════ // MEDIA // ═══════════════════════════════════════════════════════════ function Media() { const isMobile = useIsMobile(); return /*#__PURE__*/React.createElement("section", { style: { background: C.bg2, padding: isMobile ? '56px 20px' : '96px 24px' } }, /*#__PURE__*/React.createElement("div", { style: { maxWidth: '1100px', margin: '0 auto' } }, /*#__PURE__*/React.createElement("div", { style: { display: 'flex', alignItems: 'center', gap: '12px', marginBottom: isMobile ? '32px' : '48px' } }, /*#__PURE__*/React.createElement("span", { style: { display: 'block', width: '24px', height: '1px', background: C.accent } }), /*#__PURE__*/React.createElement("span", { style: { fontSize: '11px', fontWeight: 500, letterSpacing: '.2em', textTransform: 'uppercase', color: C.accent } }, "Sebastian w mediach")), /*#__PURE__*/React.createElement("div", { style: { display: 'grid', gridTemplateColumns: isMobile ? '1fr' : '1fr 1fr', gap: isMobile ? '20px' : '24px' } }, /*#__PURE__*/React.createElement("div", { style: { border: `1px solid rgba(${C.accentRgb},.18)`, borderRadius: '3px', background: C.bg1, overflow: 'hidden', position: 'relative' } }, /*#__PURE__*/React.createElement("div", { style: { position: 'absolute', top: 0, right: 0, background: C.danger, color: '#FDF6E9', fontSize: '10px', fontWeight: 600, letterSpacing: '.2em', textTransform: 'uppercase', padding: '8px 14px', zIndex: 1 } }, "TVN"), /*#__PURE__*/React.createElement("div", { style: { padding: isMobile ? '36px 24px 20px' : '36px 36px 20px' } }, /*#__PURE__*/React.createElement("h3", { style: { fontFamily: "'Outfit', sans-serif", fontWeight: 700, fontSize: '22px', lineHeight: 1.3, margin: '0 0 12px', color: C.ink } }, "Biohacking i długowieczność w Dzień dobry TVN"), /*#__PURE__*/React.createElement("p", { style: { margin: '0 0 16px', fontSize: '14px', lineHeight: 1.7, color: `rgba(${C.inkRgb},.72)` } }, "Sebastian Kilichowski jako ekspert ds. biohackingu i zdrowia w ogólnopolskim programie TVN - wiedza na temat wpływu światła i snu na organizm.")), /*#__PURE__*/React.createElement("a", { href: "https://dziendobry.tvn.pl/styl-zycia/biohacking-sposob-na-dlugowiecznosc-czy-presja-samodoskonalenia-st8945825", target: "_blank", rel: "noopener noreferrer", style: { display: 'block', position: 'relative', textDecoration: 'none' } }, /*#__PURE__*/React.createElement("img", { src: "https://sloncebezfiltra.pl/wp-content/uploads/2026/07/image-4.png", alt: "Dzień dobry TVN - Biohacking i długowieczność", loading: "lazy", decoding: "async", style: { width: '100%', display: 'block', height: 'auto' } }))), /*#__PURE__*/React.createElement("div", { style: { border: `1px solid rgba(${C.accentRgb},.18)`, borderRadius: '3px', background: C.bg1, overflow: 'hidden', position: 'relative' } }, /*#__PURE__*/React.createElement("div", { style: { position: 'absolute', top: 0, right: 0, background: C.ink, color: '#fff', fontSize: '10px', fontWeight: 600, letterSpacing: '.2em', textTransform: 'uppercase', padding: '8px 14px', zIndex: 1 } }, "Kanał Zero"), /*#__PURE__*/React.createElement("div", { style: { padding: '36px 36px 20px' } }, /*#__PURE__*/React.createElement("h3", { style: { fontFamily: "'Outfit', sans-serif", fontWeight: 700, fontSize: '22px', lineHeight: 1.3, margin: '0 0 10px', color: C.ink } }, "„Wyśpimy się po śmierci\" - o śnie i zdrowiu w Kanale Zero"), /*#__PURE__*/React.createElement("p", { style: { margin: '0 0 16px', fontSize: '14px', lineHeight: 1.7, color: `rgba(${C.inkRgb},.72)` } }, "Sebastian Kilichowski o rytmie dobowym, świetle i jakości życia. Kanał Zero · 2,19 mln subskrybentów")), /*#__PURE__*/React.createElement("a", { href: "https://www.youtube.com/watch?v=hn5bTHaD0CY", target: "_blank", rel: "noopener noreferrer", style: { display: 'block', position: 'relative', textDecoration: 'none' } }, /*#__PURE__*/React.createElement("img", { src: "https://img.youtube.com/vi/hn5bTHaD0CY/maxresdefault.jpg", alt: "Kanał Zero - Wyśpimy się po śmierci", loading: "lazy", decoding: "async", style: { width: '100%', display: 'block', height: 'auto' } })))))); } // ═══════════════════════════════════════════════════════════ // TESTIMONIALS // ═══════════════════════════════════════════════════════════ function Testimonials() { const isMobile = useIsMobile(); const experts = [{ quote: '„Ta książka odważnie podważa wiele współczesnych przekonań i przypomina, że słońce nie jest wrogiem, lecz fundamentalnym czynnikiem regulującym nasze zdrowie. Warto przeczytać – choćby po to, by spojrzeć na ten temat z szerszej perspektywy."', name: 'Lek. Med. Jakub Szmer', role: 'Androlog, urolog · członek zarządu Polskiego Towarzystwa Medycyny Estetycznej i Anti-Aging', photo: 'https://sloncebezfiltra.pl/wp-content/uploads/2026/07/Dr-Jakub-Szmer-Zdjecie.jpg.webp' }, { quote: '„Sebastian w swojej książce przypomina nam o tym, że słońce nas nie zabija, a wręcz przeciwnie – daje życie i wspiera zdrowie. Nadmiar światła niebieskiego przy niskiej ekspozycji na słońce to plaga naszych czasów."', name: 'Jakub Mauricz', role: 'Dietetyk, szkoleniowiec · ekspert ds. żywienia i suplementacji', photo: 'https://sloncebezfiltra.pl/wp-content/uploads/2026/07/Kuba-Mauricz-153-scaled.jpg.webp' }, { quote: '„Nauka o wpływie światła słonecznego na człowieka jest kluczem do upragnionej przez wszystkich długowieczności. Nie bądź bierny. Przeczytaj, wyciągnij wnioski i porzuć zaprogramowany lęk na rzecz życia zgodnie z cyklem natury, która jest Twoim najlepszym przyjacielem."', name: 'Olga Grech', role: 'Terapeuta żywieniowy · założycielka fundacji Obudź się Polsko', photo: 'https://sloncebezfiltra.pl/wp-content/uploads/2026/07/Olga-Grech-150x150.jpeg.webp' }]; const verified = [{ text: '„Polecam każdemu przeczytać, pomyśleć i wprowadzić w życie. Warto! To działa."', name: 'Anna', role: 'zweryfikowany czytelnik' }, { text: '„Bardzo szybka i miła obsługa. Treść otwiera oczy. Polecam serdecznie :)"', name: 'Martyna', role: 'zweryfikowany czytelnik' }, { text: '„Reklamować nie trzeba - bronią jej badania naukowe."', name: 'Jadwiga', role: 'zweryfikowany czytelnik' }]; return /*#__PURE__*/React.createElement("section", { id: "opinie", style: { background: C.bg1, padding: isMobile ? '56px 20px' : '96px 24px' } }, /*#__PURE__*/React.createElement("div", { style: { maxWidth: '1100px', margin: '0 auto' } }, /*#__PURE__*/React.createElement("div", { style: { display: 'flex', alignItems: 'center', gap: '12px', marginBottom: '20px' } }, /*#__PURE__*/React.createElement("span", { style: { display: 'block', width: '24px', height: '1px', background: C.accent } }), /*#__PURE__*/React.createElement("span", { style: { fontSize: '11px', fontWeight: 500, letterSpacing: '.2em', textTransform: 'uppercase', color: C.accent } }, "Opinie")), /*#__PURE__*/React.createElement("h2", { style: { fontFamily: "'Outfit', sans-serif", fontWeight: 600, letterSpacing: '-.02em', fontSize: isMobile ? '30px' : '42px', lineHeight: 1.15, margin: '0 0 18px', color: C.ink } }, "Co mówią eksperci i czytelnicy"), /*#__PURE__*/React.createElement("div", { style: { width: '48px', height: '2px', background: C.accent, marginBottom: '48px' } }), /*#__PURE__*/React.createElement("div", { style: { display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(280px, 1fr))', gap: '24px', marginBottom: '24px' } }, experts.map(e => /*#__PURE__*/React.createElement("div", { key: e.name, style: { border: `1px solid rgba(${C.accentRgb},.18)`, borderRadius: '3px', padding: '36px 30px', background: C.bg2, display: 'flex', flexDirection: 'column', justifyContent: 'space-between' } }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", { style: { color: '#B8962E', fontSize: '20px', letterSpacing: '.1em', marginBottom: '20px' } }, "★★★★★"), /*#__PURE__*/React.createElement("p", { style: { fontFamily: "'Outfit', sans-serif", fontStyle: 'italic', fontSize: '16px', lineHeight: 1.7, margin: '0 0 28px', color: C.ink }, dangerouslySetInnerHTML: { __html: e.quote } })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", { style: { width: '100%', height: '1px', background: `rgba(${C.inkRgb},.12)`, marginBottom: '20px' } }), /*#__PURE__*/React.createElement("div", { style: { display: 'flex', alignItems: 'center', gap: '14px' } }, e.photo && /*#__PURE__*/React.createElement("img", { src: e.photo, alt: e.name, loading: "lazy", decoding: "async", style: { width: '52px', height: '52px', borderRadius: '50%', objectFit: 'cover', flexShrink: 0, border: '2px solid rgba(199,91,18,.3)' } }), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", { style: { fontSize: '14px', fontWeight: 600, color: C.ink, marginBottom: '4px' } }, e.name), /*#__PURE__*/React.createElement("div", { style: { fontSize: '12px', fontStyle: 'italic', color: `rgba(${C.inkRgb},.55)` } }, e.role) ) ))))), /*#__PURE__*/React.createElement("div", { style: { display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(260px, 1fr))', gap: '24px' } }, verified.map(v => /*#__PURE__*/React.createElement("div", { key: v.name, style: { border: `1px solid rgba(${C.accentRgb},.18)`, borderRadius: '3px', padding: '36px 30px', background: C.bg2, display: 'flex', flexDirection: 'column', justifyContent: 'space-between' } }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", { style: { color: '#B8962E', fontSize: '20px', letterSpacing: '.1em', marginBottom: '20px' } }, "★★★★★"), /*#__PURE__*/React.createElement("p", { style: { fontFamily: "'Outfit', sans-serif", fontStyle: 'italic', fontSize: '16px', lineHeight: 1.7, margin: '0 0 28px', color: C.ink }, dangerouslySetInnerHTML: { __html: v.text } })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", { style: { width: '100%', height: '1px', background: `rgba(${C.inkRgb},.12)`, marginBottom: '20px' } }), /*#__PURE__*/React.createElement("div", { style: { fontSize: '14px', fontWeight: 600, color: C.ink, marginBottom: '4px' } }, v.name), /*#__PURE__*/React.createElement("div", { style: { fontSize: '12px', fontStyle: 'italic', color: `rgba(${C.inkRgb},.55)` } }, v.role))))))); } // ═══════════════════════════════════════════════════════════ // PRICING // ═══════════════════════════════════════════════════════════ function Pricing() { const isMobile = useIsMobile(); const plans = [{ id: 'ebook', name: 'E-book', price: '49', tagline: 'Czytaj natychmiast na każdym urządzeniu', img: IMG.ebook, link: LINKS.ebook, cta: 'Wybieram e-book', features: ['Format PDF, EPUB, MOBI', 'Dostęp natychmiastowy', '264 strony', '100+ źródeł naukowych'] }, { id: 'audio', name: 'Audiobook', price: '59', tagline: 'Słuchaj podczas spaceru lub jazdy samochodem', img: IMG.audiobook, link: LINKS.audiobook, cta: 'Wybieram audiobook', features: ['Format M4B', 'Dostęp natychmiastowy', 'Czytane przez autora', 'Pełna treść książki'] }, { id: 'book', name: 'Książka papierowa', price: '69', tagline: 'Oprawa miękka, wysyłka do całej Polski', img: IMG.paperback, link: LINKS.paperback, cta: 'Wybieram druk', features: ['Oprawa miękka', '264 strony', 'Napisana prostym językiem', 'Idealny prezent'] }]; const bundle = { name: 'Pakiet kompletny', price: '99', orig: '177', tagline: 'Wszystkie formaty - w jednej cenie', img: IMG.bundle, link: LINKS.bundle, cta: 'Wybieram pakiet', features: ['Książka papierowa', 'E-book', 'Audiobook', 'Natychmiastowy dostęp do wersji cyfrowych'] }; return /*#__PURE__*/React.createElement("section", { id: "cennik", style: { background: C.bg2, padding: isMobile ? '56px 20px' : '96px 24px' } }, /*#__PURE__*/React.createElement("div", { style: { maxWidth: '1100px', margin: '0 auto' } }, /*#__PURE__*/React.createElement("div", { style: { display: 'flex', alignItems: 'center', gap: '12px', marginBottom: '20px' } }, /*#__PURE__*/React.createElement("span", { style: { display: 'block', width: '24px', height: '1px', background: C.accent } }), /*#__PURE__*/React.createElement("span", { style: { fontSize: '11px', fontWeight: 500, letterSpacing: '.2em', textTransform: 'uppercase', color: C.accent } }, "Zamówienie")), /*#__PURE__*/React.createElement("div", { style: { display: 'flex', alignItems: 'flex-end', justifyContent: 'space-between', gap: '24px', flexWrap: 'wrap', marginBottom: '56px' } }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h2", { style: { fontFamily: "'Outfit', sans-serif", fontWeight: 700, letterSpacing: '-.03em', fontSize: isMobile ? '38px' : '56px', lineHeight: 1.05, margin: '0 0 18px', color: C.ink } }, "Wybierz ", /*#__PURE__*/React.createElement("span", { style: { color: C.accent } }, "swoją wersję")), /*#__PURE__*/React.createElement("div", { style: { width: '48px', height: '2px', background: C.accent } })), /*#__PURE__*/React.createElement("div", { style: { fontSize: '12px', fontWeight: 500, letterSpacing: '.2em', textTransform: 'uppercase', color: `rgba(${C.inkRgb},.5)`, paddingBottom: '6px' } }, "Bezpieczna płatność · Wysyłka w 2-3 dni")), /*#__PURE__*/React.createElement("div", { style: { display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(240px, 1fr))', gap: '20px', alignItems: 'stretch' } }, plans.map(p => /*#__PURE__*/React.createElement("div", { key: p.id, style: { border: `1px solid rgba(${C.inkRgb},.14)`, borderRadius: '3px', background: C.bg1, display: 'flex', flexDirection: 'column' } }, /*#__PURE__*/React.createElement("div", { style: { position: 'relative', height: '235px', background: C.bg1, display: 'flex', alignItems: 'center', justifyContent: 'center', overflow: 'hidden' } }, /*#__PURE__*/React.createElement("div", { style: { position: 'absolute', left: '18%', right: '18%', bottom: '16px', height: '16px', background: 'radial-gradient(ellipse at center, rgba(97,63,20,.18) 0%, transparent 68%)' } }), /*#__PURE__*/React.createElement("img", { src: p.img, alt: p.name, loading: "lazy", decoding: "async", style: { width: '100%', height: '100%', objectFit: 'contain', mixBlendMode: 'multiply', transform: 'scale(1.1)', position: 'relative' } })), /*#__PURE__*/React.createElement("div", { style: { padding: '28px 24px', display: 'flex', flexDirection: 'column', flex: 1 } }, /*#__PURE__*/React.createElement("div", { style: { fontSize: '11px', fontWeight: 500, letterSpacing: '.2em', textTransform: 'uppercase', color: C.accent, marginBottom: '10px' } }, p.name), /*#__PURE__*/React.createElement("div", { style: { fontFamily: "'Outfit', sans-serif", fontWeight: 600, letterSpacing: '-.02em', fontSize: '36px', color: C.ink, marginBottom: '22px' } }, p.price, " zł"), /*#__PURE__*/React.createElement("div", { style: { fontStyle: 'italic', fontSize: '13px', lineHeight: 1.5, color: `rgba(${C.inkRgb},.55)`, marginBottom: '20px' } }, p.tagline), /*#__PURE__*/React.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: '10px', fontSize: '13px', color: `rgba(${C.inkRgb},.72)`, marginBottom: '28px', flex: 1 } }, p.features.map(f => /*#__PURE__*/React.createElement("div", { key: f, style: { display: 'flex', gap: '10px' } }, /*#__PURE__*/React.createElement("span", { style: { color: C.accent } }, "✦"), f))), /*#__PURE__*/React.createElement("a", { href: p.link, target: "_blank", rel: "noopener noreferrer", style: { display: 'block', textAlign: 'center', border: `1px solid rgba(${C.inkRgb},.35)`, color: C.ink, textDecoration: 'none', fontSize: '12px', fontWeight: 500, letterSpacing: '.16em', textTransform: 'uppercase', padding: '13px 0', borderRadius: '2px' } }, p.cta)))), /*#__PURE__*/React.createElement("div", { style: { border: `1px solid ${C.accent}`, borderRadius: '3px', background: C.bg1, display: 'flex', flexDirection: 'column', position: 'relative', boxShadow: `0 26px 52px rgba(46,29,12,.16), 0 0 0 1px ${C.accent}`, transform: 'translateY(-10px)' } }, /*#__PURE__*/React.createElement("div", { style: { background: C.accent, color: '#FDF6E9', textAlign: 'center', fontSize: '10px', fontWeight: 500, letterSpacing: '.2em', textTransform: 'uppercase', padding: '8px 6px' } }, "Najlepsza wartość - oszczędzasz 78 zł"), /*#__PURE__*/React.createElement("div", { style: { position: 'relative', height: '227px', background: C.bg1, borderBottom: `1px solid rgba(${C.accentRgb},.25)`, display: 'flex', alignItems: 'center', justifyContent: 'center', overflow: 'hidden' } }, /*#__PURE__*/React.createElement("div", { style: { position: 'absolute', left: '18%', right: '18%', bottom: '16px', height: '16px', background: 'radial-gradient(ellipse at center, rgba(97,63,20,.18) 0%, transparent 68%)' } }), /*#__PURE__*/React.createElement("img", { src: bundle.img, alt: bundle.name, loading: "lazy", decoding: "async", style: { width: '100%', height: '100%', objectFit: 'contain', mixBlendMode: 'multiply', transform: 'scale(1.05)', position: 'relative' } })), /*#__PURE__*/React.createElement("div", { style: { padding: '28px 24px', display: 'flex', flexDirection: 'column', flex: 1 } }, /*#__PURE__*/React.createElement("div", { style: { display: 'flex', alignItems: 'center', gap: '10px', marginBottom: '10px', flexWrap: 'wrap' } }, /*#__PURE__*/React.createElement("span", { style: { fontSize: '11px', fontWeight: 500, letterSpacing: '.2em', textTransform: 'uppercase', color: C.accent } }, bundle.name), /*#__PURE__*/React.createElement("span", { style: { background: C.danger, color: '#FBF3E4', fontSize: '9px', fontWeight: 500, letterSpacing: '.14em', textTransform: 'uppercase', padding: '4px 8px', borderRadius: '2px' } }, "Oszczędzasz 78 zł")), /*#__PURE__*/React.createElement("div", { style: { display: 'flex', alignItems: 'baseline', gap: '10px', marginBottom: '22px' } }, /*#__PURE__*/React.createElement("div", { style: { fontFamily: "'Outfit', sans-serif", fontWeight: 600, letterSpacing: '-.02em', fontSize: '36px', color: C.accent } }, bundle.price, " zł"), /*#__PURE__*/React.createElement("div", { style: { fontSize: '14px', color: `rgba(${C.inkRgb},.5)`, textDecoration: 'line-through' } }, bundle.orig, " zł")), /*#__PURE__*/React.createElement("div", { style: { fontStyle: 'italic', fontSize: '13px', lineHeight: 1.5, color: `rgba(${C.inkRgb},.55)`, marginBottom: '20px' } }, bundle.tagline), /*#__PURE__*/React.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: '10px', fontSize: '13px', color: `rgba(${C.inkRgb},.72)`, marginBottom: '28px', flex: 1 } }, bundle.features.map(f => /*#__PURE__*/React.createElement("div", { key: f, style: { display: 'flex', gap: '10px' } }, /*#__PURE__*/React.createElement("span", { style: { color: C.accent } }, "✦"), f))), /*#__PURE__*/React.createElement("a", { href: bundle.link, target: "_blank", rel: "noopener noreferrer", style: { display: 'block', textAlign: 'center', background: C.accent, color: '#FDF6E9', textDecoration: 'none', fontSize: '12px', fontWeight: 500, letterSpacing: '.16em', textTransform: 'uppercase', padding: '14px 0', borderRadius: '2px' } }, bundle.cta)))))); } // ═══════════════════════════════════════════════════════════ // FAQ // ═══════════════════════════════════════════════════════════ function FAQ() { const isMobile = useIsMobile(); const [open, setOpen] = useState(0); const faqs = [{ q: 'Czy autor zaleca całkowite porzucenie kremów z filtrem?', a: 'Nie. Autor nie neguje istnienia ryzyka i nie nawołuje do skrajności. Książka to przegląd dowodów naukowych i alternatywne spojrzenie - żebyś mógł podejmować świadome decyzje, a nie działać ze strachu napędzanego przez marketing.' }, { q: 'Dla kogo jest ta książka?', a: 'Dla każdego, kto interesuje się zdrowiem i chce samodzielnie oceniać informacje na temat wpływu słońca na organizm. Szczególnie ciekawa dla osób zainteresowanych tematyką witaminy D, jakości snu, sezonowych wahań nastroju czy gospodarki hormonalnej. Książka ma charakter edukacyjny i nie zastępuje konsultacji lekarskiej.' }, { q: 'Ile trwa dostawa książki papierowej?', a: 'Standardowo 2–3 dni robocze na terenie Polski. Wersje cyfrowe (e-book, audiobook) dostępne są natychmiastowo po zakupie.' }, { q: 'Co zawiera pakiet kompletny i ile można zaoszczędzić?', a: 'Pakiet zawiera wszystkie trzy formaty: książkę papierową, e-book (PDF, EPUB, MOBI) oraz audiobook (M4B). Łączna wartość osobno to 177 zł (49+59+69). W pakiecie płacisz tylko 99 zł - oszczędzasz 78 zł.' }, { q: 'Na jakich badaniach opiera się książka?', a: 'Przewodnik oparty jest na ponad 100 recenzowanych publikacjach naukowych z dziedziny dermatologii, endokrynologii, onkologii i chronobiologii. Pełna lista źródeł dostępna jest w książce.' }, { q: 'W jakich formatach dostępny jest e-book?', a: 'E-book dostępny jest w trzech formatach: PDF (działa na każdym urządzeniu), EPUB (Kindle, Kobo, Apple Books) oraz MOBI. Wszystkie trzy otrzymujesz w jednej cenie - wybierasz format, który Ci odpowiada.' }, { q: 'W jakim formacie jest audiobook i jak go odsłuchać?', a: 'Audiobook dostępny jest w formacie M4B, który obsługuje rozdziały i zakładki - łatwo wrócisz do miejsca, w którym skończyłeś. Odtworzysz go w standardowych aplikacjach: Głosy (iOS), Smart AudioBook Player (Android) lub VLC na komputerze.' }, { q: 'Czy książka jest odpowiednia dla osoby bez wiedzy medycznej?', a: 'Tak. Książka napisana jest prostym językiem - bez żargonu medycznego. Autor tłumaczy mechanizmy działania słońca na organizm tak, żeby każdy mógł to zrozumieć i zastosować w praktyce, niezależnie od wykształcenia.' }, { q: 'Czy to kolejna książka o witaminie D?', a: 'Nie. Witamina D to tylko jeden z wątków. Książka analizuje szerokie spektrum wpływu promieniowania słonecznego na człowieka - od rytmu dobowego i jakości snu, przez skład kremów z filtrem i ich wpływ na hormony, aż po dane epidemiologiczne dotyczące czerniaka. To całościowe spojrzenie, nie kolejny poradnik suplementacyjny.' }]; return /*#__PURE__*/React.createElement("section", { id: "faq", style: { background: C.bg1, padding: isMobile ? '56px 20px' : '96px 24px' } }, /*#__PURE__*/React.createElement("div", { style: { maxWidth: '760px', margin: '0 auto' } }, /*#__PURE__*/React.createElement("div", { style: { display: 'flex', alignItems: 'center', gap: '12px', marginBottom: '20px' } }, /*#__PURE__*/React.createElement("span", { style: { display: 'block', width: '24px', height: '1px', background: C.accent } }), /*#__PURE__*/React.createElement("span", { style: { fontSize: '11px', fontWeight: 500, letterSpacing: '.2em', textTransform: 'uppercase', color: C.accent } }, "FAQ")), /*#__PURE__*/React.createElement("h2", { style: { fontFamily: "'Outfit', sans-serif", fontWeight: 600, letterSpacing: '-.02em', fontSize: isMobile ? '30px' : '42px', lineHeight: 1.15, margin: '0 0 18px', color: C.ink } }, "Najczęściej zadawane pytania"), /*#__PURE__*/React.createElement("div", { style: { width: '48px', height: '2px', background: C.accent, marginBottom: '40px' } }), /*#__PURE__*/React.createElement("div", { style: { display: 'flex', flexDirection: 'column' } }, faqs.map((f, i) => /*#__PURE__*/React.createElement("div", { key: f.q, style: { borderBottom: `1px solid rgba(${C.inkRgb},.14)` } }, /*#__PURE__*/React.createElement("button", { onClick: () => setOpen(open === i ? -1 : i), style: { width: '100%', background: 'none', border: 'none', cursor: 'pointer', display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: '24px', padding: '22px 0', textAlign: 'left', color: C.ink, fontFamily: "'Outfit', sans-serif", fontSize: '16px', fontWeight: 400 } }, /*#__PURE__*/React.createElement("h3", { style: { margin: 0, fontFamily: "'Outfit', sans-serif", fontSize: '16px', fontWeight: 400, color: C.ink } }, f.q), /*#__PURE__*/React.createElement("div", { style: { flex: 'none', width: '30px', height: '30px', position: 'relative', display: 'flex', alignItems: 'center', justifyContent: 'center' } }, /*#__PURE__*/React.createElement("div", { style: { position: 'absolute', inset: '-6px', borderRadius: '50%', background: `radial-gradient(circle, rgba(${C.glowRgb},.65) 0%, rgba(${C.accentRgb},.0) 70%)`, opacity: open === i ? 1 : 0, transform: open === i ? 'scale(1)' : 'scale(.5)', transition: 'opacity .3s, transform .3s', animation: open === i ? 'sbfGlow 2.4s ease-in-out infinite' : 'none' } }), /*#__PURE__*/React.createElement("svg", { viewBox: "0 0 24 24", width: "24px", height: "24px", style: { position: 'relative', transform: open === i ? 'rotate(90deg)' : 'rotate(0deg)', transition: 'transform .4s ease' } }, [0, 45, 90, 135].map(deg => /*#__PURE__*/React.createElement("line", { key: deg, x1: "12", y1: open === i ? "3" : "5", x2: "12", y2: open === i ? "6.5" : "8", stroke: C.accent, strokeWidth: "1.6", strokeLinecap: "round", transform: `rotate(${deg} 12 12)` })), [0, 45, 90, 135].map(deg => /*#__PURE__*/React.createElement("line", { key: deg + 180, x1: "12", y1: open === i ? "21" : "19", x2: "12", y2: open === i ? "17.5" : "16", stroke: C.accent, strokeWidth: "1.6", strokeLinecap: "round", transform: `rotate(${deg} 12 12)` })), /*#__PURE__*/React.createElement("circle", { cx: "12", cy: "12", r: open === i ? "5.5" : "4.5", fill: open === i ? C.accent : 'none', stroke: C.accent, strokeWidth: "1.6", style: { transition: 'r .3s, fill .3s' } })))), open === i && /*#__PURE__*/React.createElement("p", { style: { margin: 0, padding: '0 40px 24px 0', fontSize: '14px', lineHeight: 1.8, color: `rgba(${C.inkRgb},.72)` } }, f.a)))))); } // ═══════════════════════════════════════════════════════════ // NEWSLETTER // ═══════════════════════════════════════════════════════════ function Newsletter() { const isMobile = useIsMobile(); return /*#__PURE__*/React.createElement("section", { id: "newsletter", style: { background: C.bg2, padding: isMobile ? '56px 20px' : '96px 24px' } }, /*#__PURE__*/React.createElement("div", { style: { maxWidth: '600px', margin: '0 auto', textAlign: 'center' } }, /*#__PURE__*/React.createElement("div", { style: { fontSize: '11px', fontWeight: 500, letterSpacing: '.2em', textTransform: 'uppercase', color: C.accent, marginBottom: '20px' } }, "Bądź na bieżąco"), /*#__PURE__*/React.createElement("h2", { style: { fontFamily: "'Outfit', sans-serif", fontWeight: 700, letterSpacing: '-.03em', fontSize: isMobile ? 'clamp(28px,6vw,36px)' : 'clamp(32px,3.2vw,42px)', lineHeight: 1.15, margin: '0 0 16px', color: C.ink } }, "Zapisz się na newsletter"), /*#__PURE__*/React.createElement("p", { style: { fontSize: '15px', lineHeight: 1.7, margin: '0 0 32px', color: `rgba(${C.inkRgb},.65)` } }, "Nowe badania o słońcu, zdrowiu i rytmie dobowym - prosto na Twoją skrzynkę."), /*#__PURE__*/React.createElement("div", { className: "klaviyo-form-WfxrRG" }))); } // ═══════════════════════════════════════════════════════════ // FOOTER // ═══════════════════════════════════════════════════════════ function Footer() { const isMobile = useIsMobile(); return /*#__PURE__*/React.createElement("footer", { style: { background: C.bg1, borderTop: `1px solid rgba(${C.accentRgb},.14)` } }, /*#__PURE__*/React.createElement("div", { style: { maxWidth: '1100px', margin: '0 auto', padding: isMobile ? '40px 20px 32px' : '64px 24px 48px', display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))', gap: isMobile ? '36px' : '56px' } }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", { style: { fontFamily: "'Outfit', sans-serif", fontWeight: 600, letterSpacing: '-.02em', fontSize: '20px', color: C.accent, marginBottom: '16px' } }, "Słońce bez filtra"), /*#__PURE__*/React.createElement("p", { style: { margin: '0 0 24px', fontSize: '13px', lineHeight: 1.8, color: `rgba(${C.inkRgb},.72)` } }, "Książka o nauce światła, snu i rytmu dobowego. Ponad 100 badań naukowych przetłumaczonych na codzienne nawyki, które przywracają energię i zdrowie."), /*#__PURE__*/React.createElement("div", { style: { display: 'flex', gap: '12px' } }, [{ href: 'https://www.instagram.com/sebastiankilichowski/', label: 'Instagram', svg: '' }, { href: 'https://www.facebook.com/skilichowski', label: 'Facebook', svg: '' }, { href: 'https://www.youtube.com/@sebastiankilichowski', label: 'YouTube', svg: '' }].map(s => /*#__PURE__*/React.createElement("a", { key: s.label, href: s.href, target: "_blank", rel: "noopener noreferrer", "aria-label": s.label, style: { display: 'flex', alignItems: 'center', justifyContent: 'center', width: '40px', height: '40px', border: `1px solid rgba(${C.accentRgb},.35)`, borderRadius: '6px', color: `rgba(${C.inkRgb},.6)`, textDecoration: 'none', transition: 'border-color .2s, color .2s' }, dangerouslySetInnerHTML: { __html: s.svg } })))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", { style: { fontSize: '11px', fontWeight: 500, letterSpacing: '.2em', textTransform: 'uppercase', color: `rgba(${C.inkRgb},.5)`, marginBottom: '20px' } }, "Menu"), /*#__PURE__*/React.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: '12px' } }, [['o-ksiazce', 'O książce'], ['rozdzialy', 'Rozdziały'], ['autor', 'Autor'], ['opinie', 'Opinie'], ['cennik', 'Zamów książkę']].map(([id, label]) => /*#__PURE__*/React.createElement("a", { key: id, href: `#${id}`, onClick: e => { e.preventDefault(); scrollToSection(id); }, style: { color: `rgba(${C.inkRgb},.72)`, textDecoration: 'none', fontSize: '13px' } }, label)))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", { style: { fontSize: '11px', fontWeight: 500, letterSpacing: '.2em', textTransform: 'uppercase', color: `rgba(${C.inkRgb},.5)`, marginBottom: '20px' } }, "Kontakt"), /*#__PURE__*/React.createElement("p", { style: { margin: '0 0 8px', fontSize: '13px', color: `rgba(${C.inkRgb},.72)` } }, "Masz pytanie o zamówienie?"), /*#__PURE__*/React.createElement("a", { href: "mailto:okulary@eyeshield.com", style: { color: C.accent, textDecoration: 'none', fontSize: '13px' } }, "okulary@eyeshield.com"))), /*#__PURE__*/React.createElement("div", { style: { borderTop: `1px solid rgba(${C.inkRgb},.1)` } }, /*#__PURE__*/React.createElement("div", { style: { maxWidth: '1100px', margin: '0 auto', padding: '20px 24px' } }, /*#__PURE__*/React.createElement("p", { style: { margin: '0 0 14px', fontSize: '12px', color: `rgba(${C.inkRgb},.5)`, lineHeight: 1.6 } }, "Treści zawarte w książce mają charakter edukacyjny i informacyjny. Nie zastępują porady lekarskiej ani diagnozy medycznej."), /*#__PURE__*/React.createElement("div", { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center', gap: '24px', flexWrap: 'wrap' } }, /*#__PURE__*/React.createElement("span", { style: { fontSize: '12px', color: `rgba(${C.inkRgb},.5)` } }, "© 2026 Sebastian Kilichowski. Wszelkie prawa zastrzeżone."), /*#__PURE__*/React.createElement("div", { style: { display: 'flex', gap: '24px' } }, /*#__PURE__*/React.createElement("a", { href: "/polityka-prywatnosci", style: { fontSize: '12px', color: `rgba(${C.inkRgb},.5)`, textDecoration: 'none' } }, "Polityka prywatności"), /*#__PURE__*/React.createElement("a", { href: "/regulamin", style: { fontSize: '12px', color: `rgba(${C.inkRgb},.5)`, textDecoration: 'none' } }, "Regulamin")))))); } // ═══════════════════════════════════════════════════════════ // COOKIE BANNER // ═══════════════════════════════════════════════════════════ function CookieBanner() { const [visible, setVisible] = React.useState(false); const [showPrefs, setShowPrefs] = React.useState(false); const [prefs, setPrefs] = React.useState({ analytics: true, marketing: false }); React.useEffect(() => { try { const consent = localStorage.getItem('sbf_cookie_consent'); if (!consent) setTimeout(() => setVisible(true), 1000); } catch(e) {} }, []); const save = (type) => { const val = type === 'all' ? JSON.stringify({ necessary: true, analytics: true, marketing: true }) : JSON.stringify({ necessary: true, analytics: prefs.analytics, marketing: prefs.marketing }); try { localStorage.setItem('sbf_cookie_consent', val); } catch(e) {} setVisible(false); setShowPrefs(false); }; const Toggle = ({ checked, onChange, label, desc, locked }) => /*#__PURE__*/React.createElement('div', { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'flex-start', padding: '12px 0', borderBottom: `1px solid rgba(${C.inkRgb},.1)` } }, /*#__PURE__*/React.createElement('div', { style: { flex: 1, paddingRight: '16px' } }, /*#__PURE__*/React.createElement('div', { style: { fontSize: '14px', fontWeight: 600, color: C.ink, marginBottom: '2px' } }, label), /*#__PURE__*/React.createElement('div', { style: { fontSize: '12px', color: `rgba(${C.inkRgb},.6)`, lineHeight: 1.5 } }, desc) ), /*#__PURE__*/React.createElement('div', { onClick: locked ? null : () => onChange(!checked), style: { width: '40px', height: '22px', borderRadius: '11px', flexShrink: 0, marginTop: '2px', background: checked ? C.accent : `rgba(${C.inkRgb},.15)`, cursor: locked ? 'not-allowed' : 'pointer', position: 'relative', transition: 'background 0.2s', opacity: locked ? 0.5 : 1, } }, /*#__PURE__*/React.createElement('div', { style: { position: 'absolute', top: '3px', left: checked ? '21px' : '3px', width: '16px', height: '16px', borderRadius: '50%', background: '#fff', transition: 'left 0.2s', boxShadow: '0 1px 3px rgba(0,0,0,0.3)', } }) ) ); if (!visible) return null; return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement('div', { style: { position: 'fixed', inset: 0, background: 'rgba(26,22,19,0.5)', zIndex: 99998 }, onClick: null }), /*#__PURE__*/React.createElement('div', { style: { position: 'fixed', top: '50%', left: '50%', transform: 'translate(-50%, -50%)', zIndex: 99999, maxWidth: '480px', width: 'calc(100% - 40px)', background: C.bg1, borderRadius: '8px', padding: '32px', boxShadow: '0 8px 40px rgba(0,0,0,0.25)', boxSizing: 'border-box', fontFamily: "'Outfit', sans-serif", } }, !showPrefs ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement('div', { style: { fontSize: '18px', fontWeight: 700, color: C.ink, marginBottom: '12px' } }, 'Cookies'), /*#__PURE__*/React.createElement('p', { style: { fontSize: '13px', color: `rgba(${C.inkRgb},.8)`, lineHeight: 1.6, marginBottom: '24px' } }, 'Obsługujemy pliki cookies. Jeśli uważasz, że to jest ok, po prostu kliknij "Zaakceptuj wszystko". Możesz też wybrać jakie cookies akceptujesz. Więcej w ', /*#__PURE__*/React.createElement('a', { href: '/polityka-prywatnosci', style: { color: C.ink, textDecoration: 'underline' } }, 'polityce prywatności'), '.' ), /*#__PURE__*/React.createElement('div', { style: { display: 'flex', gap: '10px', justifyContent: 'flex-end', flexWrap: 'wrap' } }, /*#__PURE__*/React.createElement('button', { onClick: () => setShowPrefs(true), style: { background: 'transparent', color: C.ink, border: `1px solid rgba(${C.inkRgb},.25)`, padding: '11px 22px', borderRadius: '6px', cursor: 'pointer', fontFamily: "'Outfit', sans-serif", fontSize: '14px', fontWeight: 500 } }, 'Ustawienia'), /*#__PURE__*/React.createElement('button', { onClick: () => save('all'), style: { background: C.accent, color: '#fff', border: 'none', padding: '11px 22px', borderRadius: '6px', cursor: 'pointer', fontFamily: "'Outfit', sans-serif", fontSize: '14px', fontWeight: 600 } }, 'Zaakceptuj wszystko') ) ) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement('div', { style: { fontSize: '18px', fontWeight: 700, color: C.ink, marginBottom: '4px' } }, 'Ustawienia cookies'), /*#__PURE__*/React.createElement('p', { style: { fontSize: '12px', color: `rgba(${C.inkRgb},.6)`, marginBottom: '16px', lineHeight: 1.5 } }, 'Wybierz które cookies akceptujesz.'), /*#__PURE__*/React.createElement(Toggle, { checked: true, locked: true, onChange: () => {}, label: 'Niezbędne', desc: 'Sesja, bezpieczeństwo i podstawowe funkcje strony. Zawsze aktywne.' }), /*#__PURE__*/React.createElement(Toggle, { checked: prefs.analytics, locked: false, onChange: v => setPrefs(p => ({ ...p, analytics: v })), label: 'Analityczne', desc: 'Google Analytics - anonimowe dane o ruchu, pomaga w ulepszaniu strony.' }), /*#__PURE__*/React.createElement(Toggle, { checked: prefs.marketing, locked: false, onChange: v => setPrefs(p => ({ ...p, marketing: v })), label: 'Marketingowe', desc: 'Retargeting i personalizacja reklam. Aktualnie nieaktywne.' }), /*#__PURE__*/React.createElement('div', { style: { display: 'flex', gap: '10px', justifyContent: 'flex-end', marginTop: '16px', flexWrap: 'wrap' } }, /*#__PURE__*/React.createElement('button', { onClick: () => setShowPrefs(false), style: { background: 'transparent', color: C.ink, border: `1px solid rgba(${C.inkRgb},.25)`, padding: '11px 22px', borderRadius: '6px', cursor: 'pointer', fontFamily: "'Outfit', sans-serif", fontSize: '14px' } }, '← Wróć'), /*#__PURE__*/React.createElement('button', { onClick: () => save('custom'), style: { background: C.accent, color: '#fff', border: 'none', padding: '11px 22px', borderRadius: '6px', cursor: 'pointer', fontFamily: "'Outfit', sans-serif", fontSize: '14px', fontWeight: 600 } }, 'Zapisz') ) ) ) ); } // ═══════════════════════════════════════════════════════════ // APP // ═══════════════════════════════════════════════════════════ // ═══════════════════════════════════════════════════════════ // SCROLL TO TOP // ═══════════════════════════════════════════════════════════ function ScrollToTop() { const isMobile = useIsMobile(); const [visible, setVisible] = useState(false); const [hover, setHover] = useState(false); const [rotation, setRotation] = useState(0); useEffect(() => { const onScroll = () => { setVisible(window.scrollY > 500); setRotation(window.scrollY * 0.35); }; window.addEventListener('scroll', onScroll, { passive: true }); onScroll(); return () => window.removeEventListener('scroll', onScroll); }, []); const goTop = () => window.scrollTo({ top: 0, behavior: 'smooth' }); return /*#__PURE__*/React.createElement("button", { onClick: goTop, onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false), "aria-label": "Wróć do góry strony", style: { position: 'fixed', bottom: isMobile ? '20px' : '32px', right: isMobile ? '20px' : '32px', width: isMobile ? '48px' : '56px', height: isMobile ? '48px' : '56px', borderRadius: '50%', border: 'none', cursor: 'pointer', background: C.accent, display: 'flex', alignItems: 'center', justifyContent: 'center', boxShadow: `0 10px 28px rgba(${C.accentRgb},.4)`, opacity: visible ? 1 : 0, transform: visible ? (hover ? 'translateY(-4px) scale(1.06)' : 'translateY(0) scale(1)') : 'translateY(12px) scale(.9)', pointerEvents: visible ? 'auto' : 'none', transition: 'opacity .3s ease, transform .3s ease', zIndex: 90 } }, /*#__PURE__*/React.createElement("svg", { viewBox: "0 0 24 24", width: isMobile ? '24px' : '28px', height: isMobile ? '24px' : '28px', style: { position: 'absolute' } }, /*#__PURE__*/React.createElement("g", { style: { transform: `rotate(${rotation}deg)`, transformOrigin: '12px 12px' } }, [0, 45, 90, 135].map(deg => /*#__PURE__*/React.createElement("line", { key: deg, x1: "12", y1: "1.8", x2: "12", y2: "5", stroke: "#FDF6E9", strokeWidth: "1.7", strokeLinecap: "round", transform: `rotate(${deg} 12 12)` })), [0, 45, 90, 135].map(deg => /*#__PURE__*/React.createElement("line", { key: deg + 180, x1: "12", y1: "22.2", x2: "12", y2: "19", stroke: "#FDF6E9", strokeWidth: "1.7", strokeLinecap: "round", transform: `rotate(${deg} 12 12)` })))), /*#__PURE__*/React.createElement("div", { style: { position: 'relative', width: isMobile ? '28px' : '32px', height: isMobile ? '28px' : '32px', borderRadius: '50%', background: C.accent, display: 'flex', alignItems: 'center', justifyContent: 'center' } }, /*#__PURE__*/React.createElement("svg", { viewBox: "0 0 24 24", width: isMobile ? '16px' : '18px', height: isMobile ? '16px' : '18px', fill: "none", stroke: "#FDF6E9", strokeWidth: "2.6", strokeLinecap: "round", strokeLinejoin: "round" }, /*#__PURE__*/React.createElement("path", { d: "M6 15 L12 9 L18 15" })))); } // ═══════════════════════════════════════════════════════════ // SEO SCHEMA (JSON-LD) // ═══════════════════════════════════════════════════════════ function SEOSchema() { useEffect(() => { const faqData = [ { q: 'Czy autor zaleca całkowite porzucenie kremów z filtrem?', a: 'Nie. Autor nie neguje istnienia ryzyka i nie nawołuje do skrajności. Książka to przegląd dowodów naukowych i alternatywne spojrzenie - żebyś mógł podejmować świadome decyzje, a nie działać ze strachu napędzanego przez marketing.' }, { q: 'Dla kogo jest ta książka?', a: 'Dla każdego, kto interesuje się zdrowiem i chce samodzielnie oceniać informacje na temat wpływu słońca na organizm. Szczególnie ciekawa dla osób zainteresowanych tematyką witaminy D, jakości snu, sezonowych wahań nastroju czy gospodarki hormonalnej. Książka ma charakter edukacyjny i nie zastępuje konsultacji lekarskiej.' }, { q: 'Ile trwa dostawa książki papierowej?', a: 'Standardowo 2–3 dni robocze na terenie Polski. Wersje cyfrowe (e-book, audiobook) dostępne są natychmiastowo po zakupie.' }, { q: 'Co zawiera pakiet kompletny i ile można zaoszczędzić?', a: 'Pakiet zawiera wszystkie trzy formaty: książkę papierową, e-book (PDF, EPUB, MOBI) oraz audiobook (M4B). Łączna wartość osobno to 177 zł (49+59+69). W pakiecie płacisz tylko 99 zł - oszczędzasz 78 zł.' }, { q: 'Na jakich badaniach opiera się książka?', a: 'Przewodnik oparty jest na ponad 100 recenzowanych publikacjach naukowych z dziedziny dermatologii, endokrynologii, onkologii i chronobiologii. Pełna lista źródeł dostępna jest w książce.' }, { q: 'W jakich formatach dostępny jest e-book?', a: 'E-book dostępny jest w trzech formatach: PDF (działa na każdym urządzeniu), EPUB (Kindle, Kobo, Apple Books) oraz MOBI. Wszystkie trzy otrzymujesz w jednej cenie - wybierasz format, który Ci odpowiada.' }, { q: 'W jakim formacie jest audiobook i jak go odsłuchać?', a: 'Audiobook dostępny jest w formacie M4B, który obsługuje rozdziały i zakładki - łatwo wrócisz do miejsca, w którym skończyłeś. Odtworzysz go w standardowych aplikacjach: Głosy (iOS), Smart AudioBook Player (Android) lub VLC na komputerze.' }, { q: 'Czy książka jest odpowiednia dla osoby bez wiedzy medycznej?', a: 'Tak. Książka napisana jest prostym językiem - bez żargonu medycznego. Autor tłumaczy mechanizmy działania słońca na organizm tak, żeby każdy mógł to zrozumieć i zastosować w praktyce, niezależnie od wykształcenia.' }, { q: 'Czy to kolejna książka o witaminie D?', a: 'Nie. Witamina D to tylko jeden z wątków. Książka analizuje szerokie spektrum wpływu promieniowania słonecznego na człowieka - od rytmu dobowego i jakości snu, przez skład kremów z filtrem i ich wpływ na hormony, aż po dane epidemiologiczne dotyczące czerniaka. To całościowe spojrzenie, nie kolejny poradnik suplementacyjny.' } ]; const bookSchema = { '@context': 'https://schema.org', '@type': 'Book', name: 'Słońce bez filtra', author: { '@type': 'Person', name: 'Sebastian Kilichowski' }, inLanguage: 'pl', numberOfPages: '264', bookFormat: 'https://schema.org/Paperback', workExample: [ { '@type': 'Book', bookFormat: 'https://schema.org/EBook', name: 'Słońce bez filtra - E-book', offers: { '@type': 'Offer', price: '49', priceCurrency: 'PLN', availability: 'https://schema.org/InStock', url: LINKS.ebook } }, { '@type': 'Audiobook', name: 'Słońce bez filtra - Audiobook', offers: { '@type': 'Offer', price: '59', priceCurrency: 'PLN', availability: 'https://schema.org/InStock', url: LINKS.audiobook } }, { '@type': 'Book', bookFormat: 'https://schema.org/Paperback', name: 'Słońce bez filtra - Książka papierowa', offers: { '@type': 'Offer', price: '69', priceCurrency: 'PLN', availability: 'https://schema.org/InStock', url: LINKS.paperback } }, { '@type': 'Book', name: 'Słońce bez filtra - Pakiet kompletny (e-book + audiobook + książka papierowa)', offers: { '@type': 'Offer', price: '99', priceCurrency: 'PLN', availability: 'https://schema.org/InStock', url: LINKS.bundle } } ] }; const faqSchema = { '@context': 'https://schema.org', '@type': 'FAQPage', mainEntity: faqData.map(f => ({ '@type': 'Question', name: f.q, acceptedAnswer: { '@type': 'Answer', text: f.a } })) }; const scripts = []; [bookSchema, faqSchema].forEach((data, i) => { const id = `sbf-schema-${i}`; let el = document.getElementById(id); if (!el) { el = document.createElement('script'); el.type = 'application/ld+json'; el.id = id; document.head.appendChild(el); } el.textContent = JSON.stringify(data); scripts.push(el); }); return () => { scripts.forEach(el => el.parentNode && el.parentNode.removeChild(el)); }; }, []); return null; } function App() { return /*#__PURE__*/React.createElement("div", { style: { fontFamily: "'Outfit', sans-serif", color: C.ink, background: C.bg1, fontWeight: 300, lineHeight: 1.7 } }, /*#__PURE__*/React.createElement(SEOSchema, null), /*#__PURE__*/React.createElement(Nav, null), /*#__PURE__*/React.createElement(Hero, null), /*#__PURE__*/React.createElement(Problem, null), /*#__PURE__*/React.createElement(ContentHighlights, null), /*#__PURE__*/React.createElement(Chapters, null), /*#__PURE__*/React.createElement(LeadMagnet, null), /*#__PURE__*/React.createElement(Author, null), /*#__PURE__*/React.createElement(Media, null), /*#__PURE__*/React.createElement(Testimonials, null), /*#__PURE__*/React.createElement(Pricing, null), /*#__PURE__*/React.createElement(FAQ, null), /*#__PURE__*/React.createElement(Newsletter, null), /*#__PURE__*/React.createElement(Footer, null), /*#__PURE__*/React.createElement(CookieBanner, null), /*#__PURE__*/React.createElement(ScrollToTop, null)); } const container = document.getElementById('slonce-root'); if (container) { const root = ReactDOM.createRoot(container); root.render(React.createElement(App)); }