// ============================================================
//  Digital Slap — VOP (legal page, CZ text used for both CZ and RU urls)
//  Источник текста: lappo.online/oferta. Юр.лицо: Vzdělávací Hub s.r.o.
// ============================================================

function LegalSection({ num, title, children }) {
  return (
    <div style={{
      marginTop: "clamp(40px, 5vw, 64px)",
      paddingTop: "clamp(28px, 3vw, 40px)",
      borderTop: `1px solid ${DS_THEME.line}`,
    }}>
      <div style={{
        fontFamily: "'IBM Plex Mono', ui-monospace, monospace", fontSize: 12,
        letterSpacing: ".18em", color: DS_ACCENT.bg, marginBottom: 12,
      }}>§ {num}</div>
      <h2 style={{
        fontFamily: "'IBM Plex Sans', system-ui, sans-serif", fontWeight: 800,
        fontSize: "clamp(22px, 2.4vw, 32px)", lineHeight: 1.15, letterSpacing: "-.02em",
        textTransform: "uppercase", margin: "0 0 20px",
      }}>{title}</h2>
      <div style={{
        fontFamily: "'IBM Plex Sans', system-ui, sans-serif",
        fontSize: "clamp(15px, 1.15vw, 17px)", lineHeight: 1.7,
        color: DS_THEME.fg, opacity: .9,
      }}>{children}</div>
    </div>
  );
}

function LegalList({ items }) {
  return (
    <ul style={{ paddingLeft: 22, margin: "12px 0", color: DS_THEME.fg, opacity: .9 }}>
      {items.map((it, i) => (
        <li key={i} style={{ margin: "6px 0", lineHeight: 1.6 }}>{it}</li>
      ))}
    </ul>
  );
}

function LegalVOPApp() {
  return (
    <DSPage hideBottomCta>
      <DSSection id="VOP" pad="clamp(80px, 12vh, 140px)">
        <DSReveal delay={0.05}>
          <div style={{
            fontFamily: "'IBM Plex Mono', ui-monospace, monospace", fontSize: 12,
            letterSpacing: ".22em", textTransform: "uppercase",
            color: DS_ACCENT.bg, marginBottom: 22,
          }}>Právní dokument</div>
        </DSReveal>
        <DSReveal delay={0.1}>
          <h1 style={{
            fontFamily: "'IBM Plex Sans', system-ui, sans-serif", fontWeight: 800,
            fontSize: "clamp(32px, 5.4vw, 80px)", lineHeight: .98, letterSpacing: "-.045em",
            textTransform: "uppercase", margin: 0, maxWidth: "16ch",
          }}>
            Všeobecné obchodní&nbsp;<em style={{
              fontFamily: "'Playfair Display', Georgia, serif",
              fontStyle: "italic", fontWeight: 400, letterSpacing: "0",
              textTransform: "none",
            }}>podmínky</em>
          </h1>
        </DSReveal>

        <DSReveal delay={0.15}>
          <div style={{
            marginTop: 36, padding: "clamp(20px, 2.4vw, 28px)",
            background: DS_THEME.surface, border: `1px solid ${DS_THEME.line2}`,
            borderRadius: 14,
            fontFamily: "'IBM Plex Sans', system-ui, sans-serif", fontSize: "clamp(14px, 1vw, 16px)",
            lineHeight: 1.6, color: DS_THEME.fg, display: "grid",
            gridTemplateColumns: "max-content 1fr", gap: "8px 24px",
            maxWidth: 720,
          }}>
            <span style={{ color: DS_THEME.dim }}>Poskytovatel</span>
            <span><strong>Vzdělávací Hub s.r.o.</strong></span>
            <span style={{ color: DS_THEME.dim }}>IČO</span>
            <span>23590939</span>
            <span style={{ color: DS_THEME.dim }}>Sídlo</span>
            <span>Korunní 2569/108, Praha 10 – Vinohrady, 101 00</span>
            <span style={{ color: DS_THEME.dim }}>Platné od</span>
            <span>17. března 2026</span>
          </div>
        </DSReveal>

        <DSReveal delay={0.2}>
          <p style={{
            marginTop: 28, fontFamily: "'IBM Plex Sans', system-ui, sans-serif",
            fontSize: "clamp(15px, 1.15vw, 17px)", lineHeight: 1.7,
            color: DS_THEME.dim, maxWidth: 760,
          }}>
            Tyto VOP upravují práva a povinnosti při poskytování služeb v&nbsp;oblasti marketingu,
            správy sociálních sítí (Reels), tvorby webu, auditů, nastavení reklamy, implementace
            nástrojů umělé inteligence (AI) a&nbsp;konzultací (dále jen „Služby"). Smluvní vztah
            vzniká potvrzením objednávky Poskytovatelem nebo okamžikem úhrady ceny Služby
            (či její části) Klientem. Odchylná ujednání v&nbsp;písemné nabídce či smlouvě mají
            přednost před těmito VOP.
          </p>
        </DSReveal>

        <div style={{ maxWidth: 820 }}>

          <LegalSection num="1" title="Specifikace služeb a AI odpovědnost">
            <p>Poskytovatel poskytuje zejména marketingové strategie, tvorbu obsahu, správu kampaní
            a&nbsp;implementaci AI nástrojů. U&nbsp;služeb implementace AI Poskytovatel odpovídá
            za&nbsp;odborné technické nastavení.</p>
            <p style={{ marginTop: 12 }}>Poskytovatel <strong>nenese odpovědnost</strong> za:</p>
            <LegalList items={[
              "Pravdivost, legálnost či kvalitu výstupů generovaných modely třetích stran (např. ChatGPT, Claude, Midjourney apod.).",
              "Případné porušení práv duševního vlastnictví třetích osob těmito modely.",
              "Změny podmínek či funkčnosti těchto nástrojů ze strany jejich provozovatelů.",
            ]}/>
          </LegalSection>

          <LegalSection num="2" title="Platební podmínky">
            <LegalList items={[
              "Cena je stanovena individuální nabídkou.",
              "Poskytovatel začíná s plněním po připsání 100 % sjednané ceny na účet (není-li dohodnuto jinak).",
              "Vícepráce: jakékoli požadavky nad rámec schváleného zadání jsou účtovány sazbou 1 500 Kč/hod. O nutnosti víceprací Poskytovatel Klienta předem informuje.",
              "V případě prodlení Klienta s platbou delším než 5 dnů může Poskytovatel pozastavit veškeré práce. Termíny dodání se posouvají o dobu prodlení Klienta.",
            ]}/>
          </LegalSection>

          <LegalSection num="3" title="Součinnost a sankce">
            <p>Klient se zavazuje poskytnout podklady (přístupy, texty, vizuály) <strong>do 5&nbsp;pracovních dnů</strong> od&nbsp;výzvy.</p>
            <p style={{ marginTop: 12 }}><strong>Zmaření zakázky:</strong> pokud Klient neposkytne součinnost ani po&nbsp;opakované výzvě
            po&nbsp;dobu delší než 14&nbsp;dnů, má Poskytovatel právo od&nbsp;smlouvy odstoupit.
            V&nbsp;takovém případě již uhrazené platby propadají jako smluvní pokuta (paušalizovaná
            náhrada nákladů na&nbsp;rezervaci kapacit a&nbsp;přípravu zakázky).</p>
          </LegalSection>

          <LegalSection num="4" title="Předání díla a akceptace">
            <LegalList items={[
              "Dílo se považuje za předané okamžikem jeho odeslání (e-mail, Telegram nebo WhatsApp chat) nebo zpřístupněním výsledků. Za doručení se považuje i okamžik uložení e-mailu v příchozí schránce Klienta.",
              "Klient má nárok na 2 kola drobných úprav v rámci ceny. Požadavky musí být uplatněny najednou.",
              "Pokud se Klient k předanému dílu nevyjádří do 7 kalendářních dnů, považuje se dílo za řádně předané, bezvadné a akceptované bez výhrad. Pozdější reklamace zjevných vad nebudou brány v potaz.",
            ]}/>
          </LegalSection>

          <LegalSection num="5" title="Autorská práva">
            <p>Veškerá autorská práva zůstávají Poskytovateli. Klientovi je udělena výhradní,
            časově a&nbsp;prostorově neomezená licence k&nbsp;užití výstupů pro&nbsp;účely jeho
            podnikání, a&nbsp;to okamžikem úplného zaplacení ceny.</p>
            <p style={{ marginTop: 12 }}>Poskytovatel si vyhrazuje právo uvádět název Klienta a&nbsp;ukázky díla ve&nbsp;svém
            portfoliu (referenční právo), pokud není výslovně sjednáno NDA.</p>
          </LegalSection>

          <LegalSection num="6" title="Omezení odpovědnosti">
            <p>Poskytovatel neodpovídá za&nbsp;škody způsobené rozhodnutím třetích stran
            (zablokování účtu Meta/Google, změna algoritmů).</p>
            <p style={{ marginTop: 12 }}>Celková odpovědnost Poskytovatele za&nbsp;škodu je omezena částkou odpovídající zaplacené
            ceně za&nbsp;danou Službu. Toto omezení neplatí pro&nbsp;škody způsobené úmyslně nebo
            z&nbsp;hrubé nedbalosti.</p>
          </LegalSection>

          <LegalSection num="7" title="Storno konzultací">
            <p>Konzultace lze zrušit/změnit <strong>nejpozději 24 hodin předem</strong>. Pozdější zrušení znamená propadnutí platby.</p>
          </LegalSection>

          <LegalSection num="8" title="Spotřebitel (B2C)">
            <p>Klient-spotřebitel bere na&nbsp;vědomí, že dle §&nbsp;1837 písm. l) občanského
            zákoníku nemůže odstoupit od&nbsp;smlouvy o&nbsp;dodání digitálního obsahu, pokud bylo
            plnění započato s&nbsp;jeho předchozím výslovným souhlasem.</p>
          </LegalSection>

          <LegalSection num="9" title="Závěrečná ustanovení">
            <p>Právní vztahy se řídí právním řádem České republiky (občanský zákoník). Ochrana
            osobních údajů (GDPR) je popsána v&nbsp;samostatném dokumentu <a href="/policy"
            style={{ color: DS_ACCENT.bg, textDecoration: "underline" }}>zde</a>.</p>
          </LegalSection>

        </div>
      </DSSection>
    </DSPage>
  );
}

ReactDOM.createRoot(document.getElementById("root")).render(<LegalVOPApp/>);