/* global React */ const { useState, useRef, useEffect } = React; // Reuse color tokens already defined in components.jsx (C) by grabbing from window, // but it's a local const there — so we redeclare a mirror for home-only sections. const HC = { bg: 'rgb(6,11,24)', bgDeep: 'rgb(21,19,49)', gold: '#E6C79C', goldDark: '#9E7B4B', lavender: 'rgb(186,171,212)', muted: 'rgb(78,70,114)', peach: 'rgb(255,180,111)', white: 'rgb(255,255,255)', violet: 'rgba(59,39,172,0.5)' }; // ────────── HOME HERO ────────── function HomeStars() { // Sparse, gently blinking stars layered over the hero night sky only. const stars = [ // Top band { top: '4%', left: '6%', size: 2, dur: 4.5, delay: 0, bright: 1.0 }, { top: '5%', left: '24%', size: 2, dur: 5, delay: 2.7, bright: 0.9 }, { top: '6%', left: '46%', size: 3, dur: 4, delay: 5.1, bright: 1.0 }, { top: '4%', left: '64%', size: 2, dur: 5.5, delay: 1.4, bright: 0.95 }, { top: '7%', left: '78%', size: 3, dur: 5, delay: 3.9, bright: 1.0 }, { top: '5%', left: '94%', size: 2, dur: 4.5, delay: 6.3, bright: 1.0 }, { top: '12%', left: '14%', size: 2, dur: 5, delay: 0.8, bright: 0.95 }, { top: '13%', left: '36%', size: 2, dur: 4, delay: 4.5, bright: 1.0 }, { top: '14%', left: '54%', size: 3, dur: 5.5, delay: 2.1, bright: 1.0 }, { top: '12%', left: '72%', size: 2, dur: 4.5, delay: 6.8, bright: 0.9 }, { top: '15%', left: '88%', size: 2, dur: 5, delay: 1.7, bright: 0.95 }, { top: '20%', left: '4%', size: 2, dur: 5, delay: 5.4, bright: 0.95 }, { top: '21%', left: '28%', size: 3, dur: 4.5, delay: 3.2, bright: 1.0 }, { top: '22%', left: '50%', size: 2, dur: 5.5, delay: 0.4, bright: 0.9 }, { top: '21%', left: '68%', size: 2, dur: 4, delay: 4.9, bright: 1.0 }, { top: '23%', left: '84%', size: 2, dur: 5, delay: 2.5, bright: 0.95 }, // Middle band { top: '30%', left: '10%', size: 3, dur: 4.5, delay: 6.1, bright: 1.0 }, { top: '32%', left: '32%', size: 2, dur: 5, delay: 1, bright: 0.9 }, { top: '31%', left: '52%', size: 2, dur: 5.5, delay: 3.6, bright: 0.95 }, { top: '33%', left: '74%', size: 2, dur: 4.5, delay: 5.7, bright: 1.0 }, { top: '34%', left: '92%', size: 2, dur: 5, delay: 2.3, bright: 0.9 }, { top: '40%', left: '6%', size: 2, dur: 4.5, delay: 4.2, bright: 0.9 }, { top: '42%', left: '26%', size: 3, dur: 5, delay: 0.6, bright: 1.0 }, { top: '41%', left: '60%', size: 2, dur: 4, delay: 5.9, bright: 0.95 }, { top: '43%', left: '82%', size: 2, dur: 5.5, delay: 3, bright: 0.9 }, { top: '50%', left: '16%', size: 2, dur: 5, delay: 1.8, bright: 0.95 }, { top: '52%', left: '40%', size: 3, dur: 5.5, delay: 6.5, bright: 1.0 }, { top: '51%', left: '66%', size: 2, dur: 4.5, delay: 4.7, bright: 0.95 }, { top: '53%', left: '90%', size: 2, dur: 5, delay: 0.2, bright: 0.9 }, // Lower band { top: '60%', left: '8%', size: 2, dur: 4.5, delay: 5.3, bright: 0.95 }, { top: '62%', left: '30%', size: 2, dur: 5, delay: 2.9, bright: 0.9 }, { top: '61%', left: '54%', size: 3, dur: 5.5, delay: 6.7, bright: 1.0 }, { top: '63%', left: '78%', size: 2, dur: 5, delay: 1.2, bright: 0.95 }, { top: '70%', left: '14%', size: 3, dur: 4.5, delay: 3.8, bright: 1.0 }, { top: '72%', left: '42%', size: 2, dur: 5, delay: 5, bright: 0.95 }, { top: '71%', left: '68%', size: 2, dur: 5.5, delay: 2.6, bright: 0.9 }, { top: '73%', left: '94%', size: 2, dur: 4.5, delay: 4.4, bright: 0.95 }, { top: '80%', left: '4%', size: 2, dur: 5, delay: 0.9, bright: 0.9 }, { top: '82%', left: '36%', size: 3, dur: 4.5, delay: 6.2, bright: 1.0 }, { top: '81%', left: '60%', size: 2, dur: 5.5, delay: 3.4, bright: 0.95 }, { top: '83%', left: '86%', size: 2, dur: 5, delay: 5.6, bright: 0.9 }, { top: '90%', left: '20%', size: 2, dur: 4.5, delay: 1.5, bright: 0.95 }, { top: '92%', left: '50%', size: 2, dur: 5, delay: 4.1, bright: 1.0 }, { top: '91%', left: '74%', size: 3, dur: 5.5, delay: 0, bright: 1.0 }]; const starColor = 'rgb(240, 245, 255)'; const glowColor = 'rgba(200, 215, 255, 0.85)'; return (
{stars.map((s, i) => )}
); } function HomeHero() { useHomeData(); // re-render on luna-home-loaded return (

{homeText('hero.title', 'Odkryj swoją Lunarną Tożsamość')}

{homeText('hero.subtitle', 'Pomagamy Ci ją zrozumieć i świadomie z niej korzystać')}

{homeText('hero.btn_primary_label', 'Znajdź eksperta')} {homeText('hero.btn_secondary_label', 'Zobacz usługi')}
); } // ────────── DYSCYPLINY (5 cards horizontal scroll) ────────── const DISCIPLINES = [ { tag: 'TAROT', slug: 'tarot', title: 'Większa jasność w ważnych momentach', body: 'Tarot to narzędzie refleksji, które pomaga spojrzeć na sytuację z większą jasnością. Pozwala dostrzec zależności, zrozumieć kontekst i lepiej przygotować się do podjęcia decyzji.', glyph: '✧' }, { tag: 'NUMEROLOGIA', slug: 'numerologia', title: 'Liczby jako język zrozumienia Twojej drogi', body: 'Numerologia pomaga dostrzec zależności między wydarzeniami i lepiej zrozumieć swoją sytuację. Wspiera spokojne i świadome podejmowanie decyzji.', glyph: '✦' }, { tag: 'ASTROLOGIA', slug: 'astrologia', title: 'Zrozum swój cykl życia i kierunek działania', body: 'Astrologia pomaga lepiej zrozumieć Twoje predyspozycje, moment życiowy i nadchodzące etapy. Wspiera podejmowanie decyzji oraz świadome planowanie kolejnych kroków.', glyph: '☿', featured: true }, { tag: 'RUNY', slug: 'runy', title: 'Symbolika, która wspiera Twoje intencje', body: 'Runy pomagają pracować z konkretnym tematem lub celem. Wspierają proces zmiany, wzmacniają kierunek działania i pomagają utrzymać uwagę na tym, co dla Ciebie ważne.', glyph: 'ᚱ' }, { tag: 'CHIROLOGIA', slug: 'chirologia', title: 'Poznaj swój potencjał i zrozum swoją naturę', body: 'Analiza dłoni pozwala lepiej zrozumieć Twoje cechy, sposób działania i naturalne kierunki rozwoju. Pomaga uporządkować doświadczenia i spojrzeć na swoją drogę z większą jasnością.', glyph: '✋' }, { tag: 'ENERGIA', slug: 'energia', title: 'Praca z polem energetycznym i sygnałami z ciała', body: 'Energia to obszar, który łączy intuicję, ciało i emocje. Pomaga zauważyć, co realnie wpływa na Twoje samopoczucie i decyzje, oraz wzmocnić to, co Cię prowadzi.', glyph: '✦' }]; function DisciplineCard({ d, width }) { const w = width || 555; return (
{/* Illustration zone — discipline-specific mandala */}

{d.tag}

{d.title}

{d.body}

Zobacz więcej
); } function Dyscypliny() { const [vw, setVw] = React.useState(() => typeof window !== 'undefined' ? window.innerWidth : 1440); React.useEffect(() => { const onR = () => setVw(window.innerWidth); window.addEventListener('resize', onR); return () => window.removeEventListener('resize', onR); }, []); const isMobile = vw <= 900; const CARD_W = isMobile ? Math.min(vw - 24, 360) : 555; const GAP = isMobile ? 12 : 48; const STEP = CARD_W + GAP; const n = DISCIPLINES.length; // Triple the list so we can always show neighbors on both sides const triple = [...DISCIPLINES, ...DISCIPLINES, ...DISCIPLINES]; const [index, setIndex] = React.useState(n); // start in middle copy const [animate, setAnimate] = React.useState(true); const [dragX, setDragX] = React.useState(0); const dragRef = React.useRef({ active: false, startX: 0, moved: false }); const trackRef = useRef(null); // After an animated transition that lands on an edge copy, silently snap // back to the middle copy so we can keep scrolling infinitely in either dir. const handleTransitionEnd = () => { if (index >= 2 * n) { setAnimate(false); setIndex(index - n); } else if (index < n) { setAnimate(false); setIndex(index + n); } }; // Re-enable animation on the next frame after a silent snap React.useEffect(() => { if (!animate) { const id = requestAnimationFrame(() => setAnimate(true)); return () => cancelAnimationFrame(id); } }, [animate]); const scroll = (dir) => setIndex((i) => i + dir); const onPointerDown = (e) => { if (e.button !== undefined && e.button !== 0) return; dragRef.current = { active: true, startX: e.clientX, moved: false, target: e.currentTarget, pointerId: e.pointerId }; setAnimate(false); setDragX(0); }; const onPointerMove = (e) => { if (!dragRef.current.active) return; const dx = e.clientX - dragRef.current.startX; if (Math.abs(dx) > 4 && !dragRef.current.moved) { dragRef.current.moved = true; try {dragRef.current.target.setPointerCapture(dragRef.current.pointerId);} catch (_) {} } if (dragRef.current.moved) setDragX(dx); }; const onPointerEnd = (e) => { if (!dragRef.current.active) return; const dx = e.clientX - dragRef.current.startX; dragRef.current.active = false; const threshold = STEP * 0.18; setAnimate(true); setDragX(0); if (dx <= -threshold) setIndex((i) => i + 1);else if (dx >= threshold) setIndex((i) => i - 1); try {e.currentTarget.releasePointerCapture(e.pointerId);} catch (_) {} }; const onClickCapture = (e) => { if (dragRef.current.moved) { e.preventDefault(); e.stopPropagation(); dragRef.current.moved = false; } }; return (
NASZE DYSCYPLINY

Jedno miejsce, wiele perspektyw — od wglądu do działania.

Praktyczna duchowość, która pomaga zrozumieć siebie i ruszyć dalej. Księżyc rozświetla drogę, a Ty wybierasz kolejny krok — my towarzyszymy w odkrywaniu sensu. To wgląd, który naprawdę porusza: sesje z ekspertami — od numerologii, przez tarota, po astrologię — dla realnej zmiany.

{/* Single section-level glow — fixed at viewport center, sits behind active card */} {/* Viewport — hides overflow, no scrollbar */}
{/* Track — centered so index 0 lands in the middle of the screen */}
{triple.map((d, i) =>
)}
scroll(-1)} /> scroll(1)} />
); } // ────────── WSTĘP HOME (intro with big photo) ────────── function WstepHome() { useHomeData(); const headlineLines = homeText('wstep.headline_lines', ['Czasem wiemy już wiele,', 'a mimo to nadal', 'stoimy w miejscu']); return (
{/* Full-bleed background image — starts from the very top of the section, occupies the left half, fades into section bg on the right */}
{/* Soft right-side fade so image blends into page bg */}
{/* top two-column row — text aligned with right column, image lives in the background */}

{(Array.isArray(headlineLines) ? headlineLines : [headlineLines]).map((line, i) => {line} )}

{homeText('wstep.body', 'Każdy z nas trafia czasem na moment, w którym pojawia się więcej pytań niż odpowiedzi. Może to być poczucie powtarzalności, brak jasnego kierunku lub wrażenie, że coś pozostaje niedokończone. Przyjrzenie się temu z szerszej, być może nowej perspektywy pomaga lepiej zrozumieć sytuację.')}

{/* quote block */}
{homeText('wstep.quote', 'Nie zawsze potrzebujesz więcej odpowiedzi.\nCzasem wystarczy lepiej zobaczyć to, co już jest.')}
); } // ────────── JAK PRACUJEMY ────────── function JakPracujemy() { useHomeData(); const cards = homeText('jakPracujemy.cards', [ { icon: 'assets/jak-pracujemy/1.svg', title: 'Indywidualne podejście', body: 'Nie pracujemy według jednego schematu. Każda sytuacja jest inna, dlatego dobieramy podejście w zależności od Twoich potrzeb i momentu życia.' }, { icon: 'assets/jak-pracujemy/2.svg', title: 'Dobór właściwego narzędzia', body: 'W zależności od sytuacji korzystamy z różnych dziedzin. Każda z nich pozwala spojrzeć na temat z innej strony i lepiej go zrozumieć.' }, { icon: 'assets/jak-pracujemy/3.svg', title: 'Spokojny proces', body: 'Naszym celem nie jest szybka odpowiedź, lecz rzetelne przyjrzenie się sytuacji. Pracujemy w tempie, które pozwala na głębsze zrozumienie.' } ]); return (
{/* Background graphic — top right */}
{homeText('jakPracujemy.label', 'JAK PRACUJEMY')}

{homeText('jakPracujemy.headline', 'Zaczynamy od zrozumienia miejsca w którym jesteś')}

{homeText('jakPracujemy.body', 'Każda osoba trafia do nas z inną historią i w innym momencie życia. Czasem punktem wyjścia jest konkretna dziedzina, innym razem spotkanie z ekspertem. Niezależnie od tego, wspólnie dobieramy podejście, które najlepiej odpowiada Twojej sytuacji.')}

{cards.map((c, i) =>

{c.title}

{c.body}

)}
); } // ────────── USŁUGI HOME — reuses UslugiCarousel from main components.jsx ────────── function UslugiHome() { useHomeData(); return
; } // ────────── DLACZEGO WARTO ────────── function DlaczegoWarto() { useHomeData(); const points = homeText('dlaczegoWarto.points', [ { title: 'Uważność zamiast schematów', body: 'Nie zakładamy jednej drogi dla wszystkich. Każda konsultacja i każda analiza opiera się na indywidualnym kontekście.' }, { title: 'Różne specjalizacje, jeden standard jakości', body: 'Każdy ekspert wnosi własne doświadczenie i metodę pracy, ale łączy nas wspólny sposób myślenia: rzetelność, spokój i odpowiedzialność.' }, { title: 'Zrozumienie, które porządkuje', body: 'Pomagamy zobaczyć więcej tam, gdzie pojawia się chaos, niepewność lub powtarzalność doświadczeń.' }, { title: 'Przestrzeń do świadomych decyzji', body: 'Naszym celem nie jest dawanie gotowych recept, ale wspieranie Cię w lepszym rozumieniu siebie i swojej sytuacji.' } ]); return (
{homeText('dlaczegoWarto.label', 'DLACZEGO WARTO')}

{homeText('dlaczegoWarto.headline', 'To co ważne, wymaga uważnego podejścia')}

{homeText('dlaczegoWarto.body', 'W pracy z człowiekiem nie ma miejsca na przypadkowość ani uproszczenia. Dlatego łączymy doświadczenie ekspertów, spokojny proces i podejście, które pomaga lepiej zrozumieć swoją sytuację.')}

{points.map((p, i) =>

{p.title}

{p.body}

)}
); } // ────────── EKSPERCI (3 cards grid) ────────── const HOME_EXPERTS = [ { name: 'Konstancja Zahmala Lumia', slug: 'konstancjazahmalalumia', role: 'Tarocistka | Odczyty Energetyczne | Radiestetka', tags: ['Tarot', 'Intuicja'], img: 'assets/konstancja.png', bio: 'Urodzona pod mistrzowską energią, od zawsze czułam i widziałam więcej niż inni. Pracuję z tarotem jako narzędziem rozmowy — nie z przyszłością, ale z tym, co już w Tobie jest. Z tym, co czujesz, ale czego jeszcze nie nazwałeś.' }, { name: 'Tomasz Buniek', slug: 'tomaszbuniek', role: 'Numerolog | Runista', tags: ['Numerologia', 'Runy'], img: 'assets/eksperci/tomaszbuniek.png', bio: 'Pomaga odkrywać potencjał, przełamywać blokady i zrozumieć wzorce poprzez numerologię. Specjalizuje się w pracy z runami i energią symboli, pomaga odkrywać ukryte wzorce, wzmacniać intencję oraz lepiej zrozumieć własną drogę.' }, { name: 'Olga Konieczna', slug: 'olgakonieczna', role: 'Astrolog | Kosmogramy | Astrokartografia', tags: ['Astrologia'], img: 'assets/eksperci/annakonieczna.png', bio: 'Tłumaczę złożone układy w prosty sposób i pokazuję, jak przełożyć je na realne decyzje. Astrologia jest dla mnie językiem czasu — pomaga zrozumieć, co dojrzewa teraz, a co jeszcze poczeka.' }, { name: 'Karolina Mardoll Kułakowska', slug: 'karolinamardoll', role: 'Analityk Duszy', tags: ['Tarot'], img: 'assets/eksperci/karolinamardoll.png', bio: 'Wiedźma nordycka, autorka czterech książek. Łączę duchowość i tradycje nordyckie — pomagam spojrzeć na życie z innej perspektywy i odnaleźć sens w trudnych doświadczeniach.' }, { name: 'Karol Majewski', slug: 'karolmajewski', role: 'Chiromanta', tags: ['Chirologia'], img: 'assets/eksperci/karolmajewski.png', bio: 'Każda dłoń to unikalna mapa doświadczeń, talentów i możliwości. Pokazuję to, co często pozostaje niewidoczne — Twoją siłę, blokady, relacje i ścieżki rozwoju.' }]; function ExpertCard({ e, scale, animate = true, width }) { // scale 1.0 = active, 0.78 = side const W = width || 1000; const isMobile = W < 700; const H = isMobile ? 620 : 420; const PAD = isMobile ? 20 : 36; const SQ = isMobile ? Math.min(W - PAD * 2, 220) : 420 - PAD * 2; return (
0.9 ? 1 : 0.55, display: 'flex', alignItems: 'center', justifyContent: 'center', flex: '0 0 auto' }}>
{/* Photo zone — flat solid square inside the padded card */}
{e.name}
{/* Right column — text (centers on mobile when stacked) */}

{e.name}

{e.role}

{e.bio}

Poznaj eksperta
); } function Eksperci() { const [vw, setVw] = React.useState(() => typeof window !== 'undefined' ? window.innerWidth : 1440); React.useEffect(() => { const onR = () => setVw(window.innerWidth); window.addEventListener('resize', onR); return () => window.removeEventListener('resize', onR); }, []); const isMobile = vw <= 900; const CARD_W = isMobile ? Math.min(vw - 24, 360) : 1000; const GAP = isMobile ? 12 : 48; const STEP = CARD_W + GAP; const n = HOME_EXPERTS.length; const triple = [...HOME_EXPERTS, ...HOME_EXPERTS, ...HOME_EXPERTS]; const [index, setIndex] = React.useState(n); const [animate, setAnimate] = React.useState(true); const [dragX, setDragX] = React.useState(0); const dragRef = React.useRef({ active: false, startX: 0, moved: false }); const handleTransitionEnd = () => { if (index >= 2 * n) { setAnimate(false); setIndex(index - n); } else if (index < n) { setAnimate(false); setIndex(index + n); } }; React.useEffect(() => { if (!animate) { const id = requestAnimationFrame(() => setAnimate(true)); return () => cancelAnimationFrame(id); } }, [animate]); const scroll = (dir) => setIndex((i) => i + dir); const onPointerDown = (e) => { if (e.button !== undefined && e.button !== 0) return; dragRef.current = { active: true, startX: e.clientX, moved: false, target: e.currentTarget, pointerId: e.pointerId }; setAnimate(false); setDragX(0); }; const onPointerMove = (e) => { if (!dragRef.current.active) return; const dx = e.clientX - dragRef.current.startX; if (Math.abs(dx) > 4 && !dragRef.current.moved) { dragRef.current.moved = true; try {dragRef.current.target.setPointerCapture(dragRef.current.pointerId);} catch (_) {} } if (dragRef.current.moved) setDragX(dx); }; const onPointerEnd = (e) => { if (!dragRef.current.active) return; const dx = e.clientX - dragRef.current.startX; dragRef.current.active = false; const threshold = STEP * 0.18; setAnimate(true); setDragX(0); if (dx <= -threshold) setIndex((i) => i + 1);else if (dx >= threshold) setIndex((i) => i - 1); try {e.currentTarget.releasePointerCapture(e.pointerId);} catch (_) {} }; const onClickCapture = (e) => { if (dragRef.current.moved) { e.preventDefault(); e.stopPropagation(); dragRef.current.moved = false; } }; return (
EKSPERCI

Znajdź eksperta dla siebie

{triple.map((e, i) => { const isActive = i === index; return ( ); })}
scroll(-1)} /> scroll(1)} />
); } // ────────── OPINIE (masonry testimonials) ────────── const OPINIE = [ { title: 'Jasność po latach', quote: 'Sesja dała mi to, czego nie potrafiłam sobie nazwać przez lata. Wyszłam z uczuciem porządku.', name: 'Olga K.' }, { title: 'Spokój i kierunek', quote: 'Nie dostałam przepowiedni, a jasny ogląd sytuacji. Po sesji podjęłam decyzję, którą odwlekałam od miesięcy.', name: 'Magdalena R.' }, { title: 'Głębokie wglądy', quote: 'Rozmowa, która zostaje w głowie na długo. Wracam do niej i każdego dnia znajduję nowe znaczenia.', name: 'Piotr Z.' }, { title: 'Wartościowa przestrzeń', quote: 'Rzadko spotyka się tyle profesjonalizmu i uważności w jednej rozmowie. Polecam z całego serca.', name: 'Katarzyna W.' }, { title: 'Nowy początek', quote: 'Astrologia Damiana otworzyła mi oczy na wzorce, których kompletnie nie widziałam. Dziękuję.', name: 'Julia O.' }, { title: 'Doskonałe wsparcie', quote: 'Numerologia pokazała mi coś, czego szukałam od dawna — strukturę, która ma sens.', name: 'Beata L.' }]; function Opinie() { return (

Opinie

{[0, 1, 2].map((col) =>
{OPINIE.filter((_, i) => i % 3 === col).map((o, i) =>

{o.title}

„{o.quote}"

{o.name}
)}
)}
{/* fade bottom — opinions visually fade into background */}
); } // ────────── BLOG ────────── function Blog() { const posts = typeof window !== 'undefined' && window.getLatestArticles ? window.getLatestArticles(3, null) : []; return (
BLOG

Wiedza, która pomaga zrozumieć

{posts.map((p) =>

{p.title}

{p.date}

{p.excerpt}

Czytaj artykuł
 )}
); } // ────────── HOME CTA (with dust image) ────────── function HomeCTA() { useHomeData(); const headline = homeText('cta.headline', 'Nie musisz znać dziś wszystkich odpowiedzi.\nWystarczy że zrobisz pierwszy świadomy krok.'); return (
{/* Full-bleed background image — contain so full sparkle trail is visible */}
{/* Soft bottom fade for text legibility + seamless blend with section bg */}

{headline}

{homeText('cta.body', 'Skorzystaj z wiedzy i doświadczenia ekspertów, którzy pomogą Ci przyjrzeć się sobie z uważnością i spokojem.')}

{homeText('cta.btn_primary_label', 'Wybierz eksperta')} {homeText('cta.btn_secondary_label', 'Znajdź usługę')}
); } // ───────────────────────────────────────────────────────────── // DB-driven content for the Home page. Once /api/public/content?type=pages&key=home // resolves, window.LUNA_HOME is populated and 'luna-home-loaded' fires. Components // call useHomeData() to subscribe and homeText('path.to.field', fallback) to read // individual strings with a fallback to the static defaults below. // ───────────────────────────────────────────────────────────── function useHomeData() { const [data, setData] = React.useState(() => (typeof window !== 'undefined' ? window.LUNA_HOME : null)); React.useEffect(() => { const f = () => setData(window.LUNA_HOME || null); window.addEventListener('luna-home-loaded', f); return () => window.removeEventListener('luna-home-loaded', f); }, []); return data; } function homeText(path, fallback) { const data = (typeof window !== 'undefined' && window.LUNA_HOME) || null; if (!data) return fallback; const parts = String(path).split('.'); let cur = data; for (const p of parts) { if (cur == null) return fallback; cur = cur[p]; } return cur != null && cur !== '' ? cur : fallback; } (function loadHomeFromDB() { if (typeof window === 'undefined') return; const previewMode = (location.search || '').includes('preview=1'); const url = '/api/public/content?type=pages&key=home' + (previewMode ? '&preview=1' : ''); fetch(url, { credentials: 'include' }) .then((r) => r.json()) .then(({ item }) => { if (!item || !item.content) return; window.LUNA_HOME = item.content; try { window.dispatchEvent(new CustomEvent('luna-home-loaded')); } catch (_) {} }) .catch((err) => { console.error('[home] load failed', err); }); })(); Object.assign(window, { HomeHero, HomeStars, Dyscypliny, WstepHome, JakPracujemy, UslugiHome, DlaczegoWarto, Eksperci, Opinie, Blog, HomeCTA, useHomeData, homeText });