// Benefits, How it works, Doc types, Author, FAQ, Related, Final CTA, Footer

const Benefits = () => (
  <section className="section" id="vyhody" data-screen-label="04 Výhody">
    <div className="container">
      <SectionHeader num="§ 04" eyebrow="Prečo náš generátor" title="Štyri rozdiely, ktoré uvidíte v návrhu." intro="Bezplatné vzory na internete sa píšu pre nikoho. Naše znenia píšeme tak, ako keby pred nami sedel klient pred podaním návrhu na súd." />
      <div style={{ display: 'grid', gridTemplateColumns: 'repeat(2, 1fr)', gap: 0 }} className="benefits-grid">
        {[
          { n: '01', t: 'Znenie písal advokát, nie marketing.', d: 'Každú klauzulu sme používali alebo bránili na súde. Žiadne kopírované formulácie z nedostatočných šablón.' },
          { n: '02', t: 'Pokrýva bežné životné situácie ', d: 'Maloleté deti, BSM, exekúcia na majetku, zahraničný prvok, nesporný aj sporný rozvod — všetko procesne ošetrené.' },
          { n: '03', t: 'Aktualizované pri každej novele.', d: 'Sledujeme legislatívu a judikatúru. Posledná verzia 2.4 reflektuje zákon č. 36/2005 Z. z. o rodine a zákon č. 160/2015 Z. z. – CSP.' },
          { n: '04', t: 'Možnosť individuálneho review.', d: 'Ak nestačí šablóna, advokát z kancelárie Vám návrh skontroluje za dohodnutý poplatok. ' },
        ].map(b => (
          <div key={b.n} style={{ padding: '40px', borderTop: '1px solid var(--rule)', borderRight: '1px solid var(--rule)' }} className="benefit-cell">
            <div className="step-num">{b.n}</div>
            <h3 className="h3" style={{ margin: '20px 0 12px', fontFamily: 'var(--serif)', fontSize: '1.4rem', fontWeight: 400 }}>{b.t}</h3>
            <p className="body" style={{ margin: 0, fontSize: '0.95rem' }}>{b.d}</p>
          </div>
        ))}
      </div>
      <style>{`
        .benefits-grid > :nth-child(2n) { border-right: 0; }
        .benefits-grid > :nth-last-child(-n+2) { border-bottom: 1px solid var(--rule); }
        @media (max-width: 800px) { .benefits-grid { grid-template-columns: 1fr !important; } .benefits-grid > * { border-right: 0 !important; } }
      `}</style>
    </div>
  </section>
);

const HowItWorks = () => (
  <section className="section" id="ako-funguje" data-screen-label="05 Ako to funguje">
    <div className="container">
      <SectionHeader num="§ 05" eyebrow="Ako to funguje" title="Tri kroky. Bez registrácie." intro="Vyplníte formulár, skontrolujete živý náhľad, stiahnete PDF. Návrh je pripravený na podanie na príslušný okresný súd." />
      <div style={{ display: 'grid', gridTemplateColumns: 'repeat(3, 1fr)', gap: 0, border: '1px solid var(--rule)', borderRadius: 'var(--r-sm)' }} className="how-grid">
        {[
          { n: '01', t: 'Zvolíte typ konania.', d: 'Nesporný rozvod alebo sporný rozvod. Generátor prispôsobí formulár procesným požiadavkám.' },
          { n: '02', t: 'Vyplníte údaje.', d: 'Manželia, deti, majetok, dôvody rozvratu, výživné. Pri každom poli tooltip od advokáta.' },
          { n: '03', t: 'Stiahnete návrh.', d: 'PDF v právnickej úprave pripravený na podanie na príslušný okresný súd.' },
        ].map((s, i) => (
          <div key={s.n} style={{ padding: 36, borderRight: i < 2 ? '1px solid var(--rule)' : 'none' }}>
            <div className="step-num">{s.n}</div>
            <h3 className="h3" style={{ margin: '16px 0 8px', fontFamily: 'var(--serif)', fontSize: '1.3rem', fontWeight: 400 }}>{s.t}</h3>
            <p className="body" style={{ margin: 0, fontSize: '0.92rem' }}>{s.d}</p>
          </div>
        ))}
      </div>
      <QuickAnswer
        q="Ako dlho trvá vytvorenie návrhu na rozvod?"
        a="Priemerný čas vyplnenia generátora je 10 – 15 minút. Hotový návrh je k stiahnutiu v PDF okamžite."
      />
      <style>{`@media (max-width: 800px) { .how-grid { grid-template-columns: 1fr !important; } .how-grid > * { border-right: 0 !important; border-bottom: 1px solid var(--rule); } .how-grid > :last-child { border-bottom: 0; } }`}</style>
    </div>
  </section>
);

const DocTypesSection = () => {
  const types = [
    { id: 'navrh',      t: 'Návrh na rozvod manželstva',                l: '§ 23 zák. č. 36/2005 Z. z.',         d: 'Pre manželstvá bez maloletých detí. Opis rozvratu manželstva a návrh výroku adresovaný príslušnému okresnému súdu.' },
    { id: 'navrh-deti', t: 'Návrh na rozvod s maloletými deťmi',        l: '§ 23 a § 26 zák. č. 36/2005 Z. z.',  d: 'Súd musí pred rozvodom upraviť výkon rodičovských práv. Návrh obsahuje aj zverenie detí, výživné a styk s rodičom.' },
    { id: 'dohoda',     t: 'Dohoda rodičov o výkone rodičovských práv', l: '§ 24 zák. č. 36/2005 Z. z.',         d: 'Súdom schvaľovaná dohoda — zverenie do osobnej starostlivosti, výška výživného a úprava styku. Urýchľuje rozvodové konanie.' },
  ];
  return (
    <section className="section" id="typy" style={{ background: 'var(--ivory-2)' }} data-screen-label="06 Typy dokumentov">
      <div className="container">
        <SectionHeader num="§ 06" eyebrow="Podporované typy" title="Tri dokumenty, jeden generátor." intro="Každý typ má vlastnú sadu otázok a procesných formulácií. Pri zmene typu dokumentu sa formulár dynamicky prispôsobí." />
        <div style={{ display: 'grid', gridTemplateColumns: 'repeat(3, 1fr)', gap: 24 }} className="doctypes-grid">
          {types.map((t, i) => (
            <div key={t.id} className="card" style={{ padding: 32 }}>
              <div className="mono mb-4">VZOR č. {String(i + 1).padStart(2, '0')} · {t.l}</div>
              <h3 style={{ fontFamily: 'var(--serif)', fontSize: '1.6rem', margin: '0 0 12px', fontWeight: 400, letterSpacing: '-0.01em' }}>{t.t}</h3>
              <p className="body" style={{ margin: '0 0 20px' }}>{t.d}</p>
              <a href={window.VZOR_URLS[t.id]} style={{ fontSize: 13, color: 'var(--oxblood)', textDecoration: 'underline', textUnderlineOffset: 4 }}>Vytvoriť tento typ dokumentu →</a>
            </div>
          ))}
        </div>
        <style>{`@media (max-width: 800px) { .doctypes-grid { grid-template-columns: 1fr !important; } }`}</style>
      </div>
    </section>
  );
};

const Author = () => (
  <section className="section" id="autor" data-screen-label="07 Autor">
    <div className="container">
      <SectionHeader num="§ 07" eyebrow="Autor a editorial" title="Kto stojí za znením návrhu." />
      <div className="author-card">
        <div className="author-portrait" style={{ aspectRatio: '1 / 1', borderRadius: '50%', overflow: 'hidden', background: 'var(--ivory-2)', maxWidth: 200 }}>
          <img src={window.__resources?.milanFicekPhoto || "/assets/milan-ficek.jpg"} alt="JUDr. Milan Ficek, advokát · Ficek & Partners" style={{ width: '100%', height: '100%', objectFit: 'cover', display: 'block' }} />
        </div>
        <div>
          <div className="mono mb-2">JUDr. Milan Ficek · advokát · SAK č. 5144</div>
          <h3 style={{ fontFamily: 'var(--serif)', fontSize: '1.8rem', margin: '0 0 16px', fontWeight: 400, letterSpacing: '-0.01em' }}>
            Vyše 16 rokov v civilnej agende, špecializácia na rodinné právo, rozvody a majetkové vyporiadanie manželov.
          </h3>
          <p className="body" style={{ marginBottom: 16 }}>
            Riadiaci partner kancelárie Ficek &amp; Partners. Zastupoval účastníkov rozvodových konaní vrátane prípadov s medzinárodným prvkom, sporov o starostlivosť o deti a vysporiadania rozsiahleho BSM.
          </p>
          <div style={{ display: 'flex', gap: 32, marginTop: 24, flexWrap: 'wrap' }}>
            <div>
              <div className="mono">PUBLIKÁCIE</div>
              <div style={{ fontFamily: 'var(--serif)', fontSize: '1rem', marginTop: 4 }}>42 odborných článkov</div>
            </div>
            <div>
              <div className="mono">JUDIKATÚRA</div>
              <div style={{ fontFamily: 'var(--serif)', fontSize: '1rem', marginTop: 4 }}>14 rozhodnutí</div>
            </div>
            <div>
              <div className="mono">ČLENSTVO</div>
              <div style={{ fontFamily: 'var(--serif)', fontSize: '1rem', marginTop: 4 }}>SAK · ČAK</div>
            </div>
          </div>
          <div className="pull mt-8">
            „Rozvod nie je len právny úkon — je to životná zmena. Náš generátor pomáha ľuďom urobiť prvý krok správne.“
          </div>
        </div>
      </div>
    </div>
  </section>
);

// FAQ items: pre Q5/Q7/Q9 držíme aj `aJsx` variant s internými linkami;
// JSON-LD FAQPage v indexi používa plain `a` (Google FAQPage Answer.text
// nepodporuje formátovanie a niektoré validátory penalizujú HTML).
const FAQ = () => {
  const items = [
    { q: 'Kto môže podať návrh na rozvod manželstva?', a: 'Návrh na rozvod manželstva môže podať každý z manželov. Podľa § 23 ods. 1 zákona č. 36/2005 Z. z. o rodine súd manželstvo na návrh niektorého z manželov rozvedie, ak sú vzťahy medzi manželmi tak vážne narušené a trvalo rozvrátené, že manželstvo nemôže plniť svoj účel a od manželov nemožno očakávať obnovenie manželského spolužitia.' },
    { q: 'Koľko stojí súdny poplatok za rozvod manželstva?', a: 'Súdny poplatok za návrh na rozvod manželstva je 100 eur podľa položky 7 písm. a) Sadzobníka súdnych poplatkov, ktorý tvorí prílohu zákona č. 71/1992 Zb. o súdnych poplatkoch. Poplatok sa platí pri podaní návrhu — buď prevodom na účet súdu, alebo cez eKolok.' },
    { q: 'Ako dlho trvá rozvod manželstva na Slovensku?', a: 'Bezdetný rozvod, kde sa obaja manželia zhodujú na rozvode, typicky trvá 3 až 6 mesiacov od podania návrhu. Pri rozvode s maloletými deťmi trvá konanie 6 až 12 mesiacov, lebo súd musí zároveň upraviť výkon rodičovských práv a povinností podľa § 24 zákona o rodine. Sporné rozvody alebo rozvody s majetkovým vyrovnaním môžu trvať aj viac rokov.' },
    { q: 'Ktorý súd je príslušný na rozvod manželstva?', a: 'Príslušný je všeobecný súd, v obvode ktorého mali manželia posledné spoločné bydlisko, ak v obvode tohto súdu má bydlisko aspoň jeden z manželov. Ak takého súdu niet, je príslušný všeobecný súd odporcu, a ak ho niet, všeobecný súd navrhovateľa. Príslušnosť upravuje § 92 zákona č. 161/2015 Z. z. (Civilný mimosporový poriadok).' },
    {
      q: 'Čo všetko musí návrh na rozvod obsahovať?',
      a: 'Návrh na rozvod manželstva musí obsahovať označenie účastníkov (navrhovateľ a odporca), označenie súdu, údaje o manželstve (dátum a miesto sobáša, údaje z matriky), opis rozvratu manželstva, právny základ a petit (čo žiada navrhovateľ od súdu). Pri rozvode s maloletými deťmi treba aj návrh úpravy výkonu rodičovských práv a povinností — komu sa deti zveria, výživné, styk druhého rodiča. Náš online formulár návrh na rozvod bez detí alebo s deťmi obsahuje všetky náležitosti automaticky.',
      aJsx: (<>Návrh na rozvod manželstva musí obsahovať označenie účastníkov (navrhovateľ a odporca), označenie súdu, údaje o manželstve (dátum a miesto sobáša, údaje z matriky), opis rozvratu manželstva, právny základ a petit (čo žiada navrhovateľ od súdu). Pri rozvode s maloletými deťmi treba aj návrh úpravy výkonu rodičovských práv a povinností — komu sa deti zveria, výživné, styk druhého rodiča. Náš online formulár <a href="/vzor/navrh-na-rozvod">návrh na rozvod bez detí</a> alebo <a href="/vzor/navrh-na-rozvod-s-detmi">s deťmi</a> obsahuje všetky náležitosti automaticky.</>),
    },
    { q: 'Aký je rozdiel medzi striedavou a spoločnou osobnou starostlivosťou?', a: 'Striedavá osobná starostlivosť podľa § 24 ods. 2 zákona o rodine znamená, že dieťa žije striedavo u oboch rodičov v určených intervaloch (najčastejšie týždeň u jedného a týždeň u druhého). Spoločná osobná starostlivosť podľa § 24a (zavedená novelou č. 338/2022 Z. z., účinnou od 1. apríla 2023) je novší inštitút, ktorý vyžaduje dohodu rodičov a typicky predpokladá, že rodičia žijú v rovnakej oblasti a vedia spolu vo veciach výchovy komunikovať.' },
    {
      q: 'Koľko bude výživné na dieťa?',
      a: 'Výživné určuje súd individuálne podľa § 62 ods. 2 zákona o rodine s prihliadnutím na odôvodnené potreby dieťaťa a na schopnosti, možnosti a majetkové pomery rodiča. Slovenské súdy v praxi používajú orientačnú metodiku tabuľkového výživného, podľa ktorej sa výživné určuje ako percento z čistého mesačného príjmu rodiča (od 8 do 26 % podľa veku dieťaťa a počtu detí). Konkrétny výpočet si môžete urobiť v našej kalkulačke tabuľkového výživného.',
      aJsx: (<>Výživné určuje súd individuálne podľa § 62 ods. 2 zákona o rodine s prihliadnutím na odôvodnené potreby dieťaťa a na schopnosti, možnosti a majetkové pomery rodiča. Slovenské súdy v praxi používajú orientačnú metodiku tabuľkového výživného, podľa ktorej sa výživné určuje ako percento z čistého mesačného príjmu rodiča (od 8 do 26 % podľa veku dieťaťa a počtu detí). Konkrétny výpočet si môžete urobiť v našej <a href="/tabulkove-vyzivne">kalkulačke tabuľkového výživného</a>.</>),
    },
    { q: 'Môžem napísať návrh na rozvod sám, alebo potrebujem advokáta?', a: 'V rozvodovom konaní pred okresným súdom nie je povinné zastúpenie advokátom. Návrh môžete podať a na pojednávaní sa zúčastniť sami. Pri zložitejších situáciách (sporný rozvod, viaceré maloleté deti, majetkové vyrovnanie, zahraničné prvky) sa však dôrazne odporúča konzultácia s advokátom, ktorý posúdi špecifiká vášho prípadu.' },
    {
      q: 'Čo je dohoda rodičov o úprave výkonu rodičovských práv a povinností?',
      a: 'Dohoda rodičov je inštitút podľa § 24 ods. 3 zákona č. 36/2005 Z. z. o rodine. Rodičia sa v nej spoločne dohodnú na zverení detí do osobnej starostlivosti, výživnom, styku a zastupovaní detí. Dohoda je vykonateľná až po schválení súdom, ktorý ju schvaľuje v zmysle § 100 a nasl. zákona č. 161/2015 Z. z. (CMP). Vzor dohody si môžete pripraviť v našom online formulári pre dohodu rodičov o deťoch.',
      aJsx: (<>Dohoda rodičov je inštitút podľa § 24 ods. 3 zákona č. 36/2005 Z. z. o rodine. Rodičia sa v nej spoločne dohodnú na zverení detí do osobnej starostlivosti, výživnom, styku a zastupovaní detí. Dohoda je vykonateľná až po schválení súdom, ktorý ju schvaľuje v zmysle § 100 a nasl. zákona č. 161/2015 Z. z. (CMP). Vzor dohody si môžete pripraviť v našom <a href="/vzor/dohoda-rodicov-o-detoch">online formulári pre dohodu rodičov o deťoch</a>.</>),
    },
    { q: 'Môže súd schváliť dohodu rodičov o všetkom?', a: 'Nie. Súd v zmysle § 24 ods. 3 zákona o rodine schvaľuje len vykonateľné časti dohody — zverenie do osobnej starostlivosti, výživné, styk a zastupovanie/správu majetku. Iné dojednania (napríklad dohoda o komunikácii medzi rodičmi, o cestovaní s deťmi, o náboženskej výchove) súd do rozsudku neprenáša, lebo nie sú exekučne vymáhateľné. Tieto majú medzi rodičmi silu gentlemanskej dohody.' },
    { q: 'Môžem v rozvode žiadať aj rozdelenie majetku (BSM)?', a: 'Rozdelenie bezpodielového spoluvlastníctva manželov (BSM) je samostatné konanie, ktoré sa typicky začína až po právoplatnom rozvode. V rozvode sa primárne rieši samotné zrušenie manželstva a pri maloletých deťoch úprava rodičovských práv. Vyrovnanie BSM môžu manželia dohodnúť aj mimosúdne notárskou zápisnicou, alebo o ňom rozhodne súd v samostatnom konaní podľa § 149 a nasl. Občianskeho zákonníka.' },
    { q: 'Je rozhodnutie súdu o rozvode konečné, alebo sa môžem odvolať?', a: 'Proti rozsudku okresného súdu o rozvode manželstva je možné podať odvolanie podľa § 355 zákona č. 160/2015 Z. z. (Civilný sporový poriadok) v lehote 15 dní od doručenia rozsudku. O odvolaní rozhoduje krajský súd. Ak žiaden z účastníkov v lehote odvolanie nepodá, rozsudok nadobudne právoplatnosť a manželstvo sa formálne rozvádza dňom právoplatnosti.' },
  ];
  // Default -1 = všetky zatvorené (per spec). Single-open accordion:
  // klik na otázku ju otvorí (predošlá sa zatvorí); druhý klik na tú istú ju zatvorí.
  const [open, setOpen] = React.useState(-1);
  return (
    <section className="section" id="faq" data-screen-label="08 FAQ">
      <div className="container">
        <SectionHeader num="§ 08" eyebrow="Otázky a odpovede" title="Najčastejšie otázky o rozvode." intro="Najčastejšie otázky o rozvode manželstva, výživnom a úprave rodičovských práv. Odpovede pripravil advokát." />
        <div className="narrow">
          {items.map((it, i) => (
            <div key={i} className="accordion-item">
              <button className="accordion-head" onClick={() => setOpen(open === i ? -1 : i)} aria-expanded={open === i}>
                <span><span className="pilcrow" style={{ marginRight: 12 }}>§</span>{it.q}</span>
                <span className="plus">{open === i ? '−' : '+'}</span>
              </button>
              {open === i && (
                <div className="accordion-body faq-fade-in">
                  {it.aJsx || it.a}
                </div>
              )}
            </div>
          ))}
        </div>
      </div>
    </section>
  );
};

const Related = () => (
  <section className="section" id="suvisiace" style={{ background: 'var(--ivory-2)' }} data-screen-label="09 Súvisiace">
    <div className="container">
      <SectionHeader num="§ 09" eyebrow="Súvisiaca právna pomoc" title="Keď šablóna nestačí." intro="Pri komplikovaných rozvodových prípadoch odporúčame individuálne posúdenie. Naša kancelária poskytuje kompletný servis v rodinnoprávnych veciach." />
      <div style={{ display: 'grid', gridTemplateColumns: 'repeat(3, 1fr)', gap: 16 }} className="related-grid">
        {[
          { t: 'Individuálna kontrola návrhu', p: '\n', d: 'Advokát prejde váš návrh do 48 hodín a navrhne úpravy pred podaním na súd.' },
          { t: 'Zastupovanie v rozvodovom konaní', p: '\n', d: 'Kompletné zastúpenie pred príslušným okresným súdom vrátane pojednávaní.' },
          { t: 'Spor o starostlivosť o deti', p: '\n', d: 'Zastupovanie pri sporoch o zverenie detí, výšku výživného a úpravu styku.' },
          { t: 'Vyporiadanie BSM', p: '\n', d: 'Dohoda alebo súdne konanie o vysporiadanie bezpodielového spoluvlastníctva manželov.' },
          { t: 'Medzinárodný rozvod', p: '\n', d: 'Rozvod s cudzím prvkom — príslušnosť súdu, rozhodné právo, uznanie cudzieho rozsudku.' },
          { t: 'Výživné a jeho zmena', p: '\n', d: 'Návrh na určenie, zvýšenie alebo zníženie výživného na deti aj manžela/manželku.' },
        ].map(s => (
          <div key={s.t} className="card" style={{ padding: 24 }}>
            <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'baseline', marginBottom: 8 }}>
              <h4 style={{ fontFamily: 'var(--serif)', fontSize: '1.1rem', margin: 0, fontWeight: 400 }}>{s.t}</h4>
              <span className="mono" style={{ color: 'var(--oxblood)' }}>{s.p}</span>
            </div>
            <p className="body" style={{ margin: 0, fontSize: '0.85rem' }}>{s.d}</p>
          </div>
        ))}
      </div>
      <style>{`@media (max-width: 900px) { .related-grid { grid-template-columns: 1fr !important; } }`}</style>
    </div>
  </section>
);

const FinalCTA = () => (
  <section className="section" data-screen-label="10 Záverečné CTA" style={{ background: 'oklch(0.13 0.01 265)', color: 'var(--paper)' }}>
    <div className="container text-center">
      <div className="eyebrow" style={{ color: 'oklch(0.65 0.008 85)', marginBottom: 24 }}>§ 10 — Pripravení začať</div>
      <h2 className="display" style={{ color: 'var(--paper)', maxWidth: 880, margin: '0 auto', fontSize: 'clamp(2rem, 4.5vw, 3.6rem)' }}>
        Váš návrh na rozvod môže byť hotový <em style={{ color: 'oklch(0.78 0.09 75)' }}>za 15 minút a zadarmo.</em>
      </h2>
      <p className="lede" style={{ color: 'oklch(0.78 0.008 85)', maxWidth: 600, margin: '24px auto 0' }}>
        Začnite generátor. Bez registrácie, bez platby, bez záväzku.
      </p>
      <div style={{ display: 'flex', gap: 12, justifyContent: 'center', marginTop: 40, flexWrap: 'wrap' }}>
        <a href="vzor.html" className="btn btn-lg" style={{ background: 'var(--paper)', color: 'var(--ink)' }}>
          Spustiť generátor návrhu
        </a>
        <a href={window.CONSULTATION_URL} className="btn btn-lg" style={{ background: 'transparent', border: '1px solid oklch(0.4 0.01 265)', color: 'var(--paper)' }}>
          Hovoriť s advokátom
        </a>
      </div>
    </div>
  </section>
);

const Footer = () => (
  <footer className="footer" id="kontakt" data-screen-label="11 Footer">
    <div className="container">
      <div className="footer-grid">
        <div>
          <div style={{ fontFamily: 'var(--serif)', fontSize: '1.5rem', marginBottom: 8 }}>Ficek &amp; Partners</div>
          <div style={{ fontSize: 12, letterSpacing: '0.14em', textTransform: 'uppercase', color: 'oklch(0.6 0.008 85)', marginBottom: 24 }}>Advokátska kancelária · od 2010</div>
          <p style={{ fontSize: 14, lineHeight: 1.6, margin: '0 0 20px', color: 'oklch(0.78 0.008 85)' }}>
            Máte otázky z rodinného práva, napíšte nám.
          </p>
          <div style={{ fontSize: 13, color: 'oklch(0.78 0.008 85)' }}>
            Žilinská 14<br/>
            81105  Bratislava<br/>
            +421 800 223 230<br/>
            advokat@ficek.sk
          </div>
        </div>
        <div>
          <h4>Generátor</h4>
          <ul>
            <li><a href={window.VZOR_URLS.navrh}>Návrh na rozvod manželstva</a></li>
            <li><a href={window.VZOR_URLS['navrh-deti']}>Návrh na rozvod s maloletými deťmi</a></li>
            <li><a href={window.VZOR_URLS.dohoda}>Dohoda rodičov o výkone rodičovských práv</a></li>
            <li><a href="vzor.html">Všetky vzory →</a></li>
          </ul>
        </div>
        <div>
          <h4>Právna pomoc</h4>
          <ul>
            <li><a href="https://ficek.sk/kontakt-judr.ficek.html" target="_blank" rel="noopener noreferrer">Kontrola návrhu na rozvod</a></li>
            <li><a href="https://rodinne-pravo.sk/" target="_blank" rel="noopener noreferrer">Zastupovanie pri rozvode</a></li>
            <li><a href="https://rodinne-pravo.sk/" target="_blank" rel="noopener noreferrer">Spor o deti</a></li>
            <li><a href="https://vyporiadanie.sk" target="_blank" rel="noopener">Vyporiadanie BSM</a></li>
            <li><a href="https://rodinne-pravo.sk/" target="_blank" rel="noopener noreferrer">Výživné</a></li>
          </ul>
        </div>
        <div>
          <h4>Kancelária</h4>
          <ul>
            <li><a href="https://ficek.sk" target="_blank" rel="noopener">O kancelárii</a></li>
            <li><a href="https://ficek.sk/nas-tim.html" target="_blank" rel="noopener">Tím advokátov</a></li>
            <li><a href="https://ficek.sk/milan-ficek.html" target="_blank" rel="noopener">JUDr. Milan Ficek</a></li>
            <li><a href="https://ficek.sk/my-a-media.html" target="_blank" rel="noopener">Publikácie</a></li>
            <li><a href="https://ficek.sk/kontakt-judr.ficek.html" target="_blank" rel="noopener">Kariéra</a></li>
          </ul>
        </div>
        <div>
          <h4>Právne</h4>
          <ul>
            <li><a href="/zasady-ochrany-osobnych-udajov">Zásady ochrany osobných údajov</a></li>
            <li><a href="/cookies">Cookies politika</a></li>
            <li><a href="#" onClick={(e) => { e.preventDefault(); window.cookieConsent && window.cookieConsent.showBanner(); }}>Cookie nastavenia</a></li>
            <li><a href="https://www.sak.sk/web/sk/cms/document/61" target="_blank" rel="noopener">Etický kódex SAK</a></li>
            <li><a href="https://ficek.sk/podmienky/" target="_blank" rel="noopener">Reklamačný poriadok</a></li>
            <li><a href="/disclaimer">Disclaimer šablóny</a></li>
          </ul>
        </div>
      </div>
      <div className="footer-bottom">
        <div>© 2010 – 2026 Ficek &amp; Partners, · IČO 47232 757 · zápis SAK č. 5144</div>
        <div style={{ display: 'flex', gap: 24 }}>
          <span>Posledná aktualizácia obsahu: 22. apríla 2026</span>
        </div>
      </div>
    </div>
  </footer>
);

const LegalLibrary = () => (
  <section id="pravna-kninica" style={{ background: '#f0ede5', padding: '80px 24px' }}>
    <div style={{ maxWidth: '1100px', margin: '0 auto' }}>
      <div style={{ fontFamily: 'var(--mono, monospace)', fontSize: '11px', letterSpacing: '0.18em', textTransform: 'uppercase', color: 'var(--ink-3, #888)', marginBottom: '16px' }}>
        Právna knižnica
      </div>
      <h2 style={{ fontFamily: 'var(--serif, Georgia), serif', fontSize: 'clamp(1.8rem, 3.5vw, 2.5rem)', fontWeight: 400, letterSpacing: '-0.02em', margin: '0 0 48px', color: 'var(--ink, #1a1a2e)' }}>
        Všetko o rozvode
      </h2>
      <div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fill, minmax(280px, 1fr))', gap: '16px' }}>
        {[
          { href: '/vzor/co-je-rozvod', title: 'Čo je rozvod manželstva', desc: 'Právna definícia, podmienky a priebeh rozvodového konania.' },
          { href: '/vzor/priebeh-rozvodoveho-konania', title: 'Priebeh rozvodového konania', desc: 'Od podania návrhu po právoplatný rozsudok — čo čaká účastníkov.' },
          { href: '/vzor/rozvod-a-deti', title: 'Rozvod a maloleté deti', desc: 'Zverenie, výživné, styk s dieťaťom a záujem maloletého.' },
          { href: '/vzor/rozvod-a-bsm', title: 'Rozvod a BSM', desc: 'Zánik BSM rozvodom, vysporiadanie a 3-ročná prekluzívna lehota.' },
          { href: '/vzor/sudny-poplatok-za-rozvod', title: 'Súdny poplatok za rozvod', desc: 'Výška poplatku, oslobodenie a spôsob úhrady.' },
          { href: '/vzor/vyzivne-po-rozvode', title: 'Výživné po rozvode', desc: 'Výživné na deti, výživné medzi manželmi a jeho zmena.' },
          { href: '/vzor/judikatura-k-rozvodu', title: 'Judikatúra k rozvodu', desc: 'Kľúčové rozhodnutia súdov k rozvodovým konaniam.' },
          { href: '/vzor/uzitocne-odkazy', title: 'Užitočné odkazy', desc: 'Súdy, registre, zbierka zákonov a ďalšie zdroje.' },
        ].map(item => (
          <a key={item.href} href={item.href} style={{ display: 'block', background: '#fff', padding: '24px', textDecoration: 'none', borderLeft: '3px solid var(--oxblood, #7a2020)', transition: 'box-shadow 0.2s' }}
            onMouseEnter={e => e.currentTarget.style.boxShadow = '0 4px 20px rgba(0,0,0,0.08)'}
            onMouseLeave={e => e.currentTarget.style.boxShadow = 'none'}>
            <div style={{ fontFamily: 'var(--serif, Georgia), serif', fontSize: '1.05rem', fontWeight: 700, color: 'var(--ink, #1a1a2e)', marginBottom: '8px' }}>{item.title}</div>
            <div style={{ fontFamily: 'var(--sans, sans-serif)', fontSize: '0.88rem', color: 'var(--ink-3, #888)', lineHeight: 1.5 }}>{item.desc}</div>
          </a>
        ))}
      </div>
    </div>
  </section>
);

window.Benefits = Benefits;
window.HowItWorks = HowItWorks;
window.DocTypesSection = DocTypesSection;
window.Author = Author;
window.FAQ = FAQ;
window.LegalLibrary = LegalLibrary;
window.Related = Related;
window.FinalCTA = FinalCTA;
window.Footer = Footer;