/* global React */
function UsloviKoriscenjaPage() {
  const { isMobile, isTablet } = useBreakpoint();
  const bp = (d, t, m) => isMobile ? m : isTablet ? t : d;
  const [heroRef, heroVis] = useReveal(0.05);

  const h2 = { fontSize:bp(20,18,17), fontWeight:800, letterSpacing:"-0.02em", margin:"36px 0 10px", color:"var(--text-primary)" };
  const p  = { fontSize:bp(15,14,14), lineHeight:1.75, color:"var(--text-secondary)", margin:"0 0 14px" };
  const li = { fontSize:bp(15,14,14), lineHeight:1.7, color:"var(--text-secondary)", marginBottom:6 };

  return (
    <main>
      <section style={{ padding:bp("64px 32px 96px","48px 24px 72px","36px 20px 56px") }}>
        <div style={{ maxWidth:760, margin:"0 auto" }} ref={heroRef}>
          <div style={{ opacity: heroVis ? 1 : 0, transform: heroVis ? "none" : "translateY(20px)", transition:"opacity 0.6s var(--ease-spring), transform 0.6s var(--ease-spring)" }}>
            <Eyebrow>Pravna dokumenta</Eyebrow>
            <h1 style={{ margin:"12px 0 8px", fontSize:bp("clamp(28px,4vw,44px)","clamp(24px,5vw,34px)","clamp(22px,6vw,28px)"), fontWeight:800, letterSpacing:"-0.028em", lineHeight:1.1 }}>
              Uslovi korišćenja
            </h1>
            <p style={{ ...p, color:"var(--text-tertiary)", marginBottom:0 }}>Poslednje ažuriranje: april 2026.</p>

            <div style={{ marginTop:36, padding:"20px 24px", background:"var(--surface-1)", borderRadius:14, border:"1px solid var(--border-subtle)" }}>
              <p style={{ ...p, margin:0 }}>
                Korišćenjem sajta <strong style={{ color:"var(--text-primary)" }}>omtcentar.rs</strong> prihvatate ove uslove u celosti.
                Ako se ne slažete sa nekim delom, molimo Vas da ne koristite sajt.
              </p>
            </div>

            <h2 style={h2}>1. O sajtu</h2>
            <p style={p}>Sajt omtcentar.rs je vlasništvo privrednog društva <strong style={{ color:"var(--text-primary)" }}>Aleksandar Bisić D.O.O.</strong> i služi kao informativni i edukativni portal o kursevima osteopatije, kiropraktike i manuelne terapije. Sadržaj sajta nije zamena za medicinsko mišljenje ili klinički tretman.</p>

            <h2 style={h2}>2. Pravo korišćenja sadržaja</h2>
            <p style={p}>Sav sadržaj na sajtu — tekst, fotografije, video materijali, logotipi i grafički elementi — zaštićen je autorskim pravom i vlasništvo je Aleksandar Bisić D.O.O. ili licenciranih autora.</p>
            <p style={p}>Dozvoljeno je:</p>
            <ul style={{ paddingLeft:22, margin:"0 0 14px" }}>
              {["Pregled sadržaja u lične, nekomercijalne svrhe","Deljenje linka ka sajtu uz navođenje izvora"].map(i => <li key={i} style={li}>{i}</li>)}
            </ul>
            <p style={p}>Nije dozvoljeno bez pisane saglasnosti:</p>
            <ul style={{ paddingLeft:22, margin:"0 0 14px" }}>
              {["Reprodukcija, kopiranje ili preuzimanje sadržaja u komercijalne svrhe","Objavljivanje fotografija ili video materijala na drugim platformama","Izmena sadržaja i prezentovanje kao vlastitog"].map(i => <li key={i} style={li}>{i}</li>)}
            </ul>

            <h2 style={h2}>3. Prijava i rezervacija kursa</h2>
            <p style={p}>Popunjavanjem kontakt forme iskazujete interesovanje za kurs. Prijava postaje obavezujuća tek po potvrdi termina i uplate kotizacije, o čemu ćete biti obavešteni emailom ili telefonom.</p>
            <p style={p}>OMT Centar zadržava pravo otkazivanja ili pomeranja termina u slučaju više sile ili nedovoljnog broja polaznika, uz puno povraćaj uplaćenih sredstava.</p>

            <h2 style={h2}>4. Odgovornost</h2>
            <p style={p}>Sadržaj sajta pripremljen je sa dužnom pažnjom i profesionalnom odgovornošću. Ipak, ne preuzimamo odgovornost za:</p>
            <ul style={{ paddingLeft:22, margin:"0 0 14px" }}>
              {[
                "Eventualnu nepreciznost ili zastarelost pojedinih informacija",
                "Primenu tehnika bez prethodne adekvatne obuke",
                "Gubitke nastale kao posledica oslanjanja na sadržaj sajta",
              ].map(i => <li key={i} style={li}>{i}</li>)}
            </ul>
            <p style={p}>Kursevi uključuju fizičke manipulativne tehnike — polaznici moraju biti zdravstveni radnici ili studenti srodnih medicinskih pravaca i snose odgovornost za primenu tehnika u kliničkoj praksi.</p>

            <h2 style={h2}>5. Spoljni linkovi</h2>
            <p style={p}>Sajt može sadržati linkove ka eksternim stranicama (WhatsApp, socijalne mreže i sl.). Ne preuzimamo odgovornost za sadržaj, politiku privatnosti niti prakse trećih strana.</p>

            <h2 style={h2}>6. Merodavno pravo</h2>
            <p style={p}>Ovi uslovi tumače se i primenjuju u skladu sa zakonodavstvom <strong style={{ color:"var(--text-primary)" }}>Republike Srbije</strong>. Za eventualne sporove nadležan je sud u Beogradu.</p>

            <h2 style={h2}>7. Kontakt</h2>
            <p style={p}>Za sva pitanja u vezi sa uslovima korišćenja obratite se na:<br/>
              <a href="mailto:kontakt@omtcentar.rs" style={{ color:"var(--omt-green-ink)" }}>kontakt@omtcentar.rs</a> · <a href="tel:+381641973737" style={{ color:"var(--omt-green-ink)" }}>064 197 3737</a>
            </p>
          </div>
        </div>
      </section>
    </main>
  );
}
window.UsloviKoriscenjaPage = UsloviKoriscenjaPage;