// uvjeti-koristenja.jsx — Uvjeti korištenja
const { useEffect } = React;

function useScrollReveal() {
  useEffect(() => {
    const obs = new IntersectionObserver((entries) => {
      entries.forEach(e => {
        if (e.isIntersecting) { e.target.classList.add('visible'); obs.unobserve(e.target); }
      });
    }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });
    document.querySelectorAll('.reveal').forEach(el => obs.observe(el));
    return () => obs.disconnect();
  }, []);
}

function PageHeader() {
  return (
    <header className="page-hd">
      <div className="wrap">
        <div className="crumb"><a href="index.html">become.promo</a> / <span style={{color:'var(--neon)'}}>Uvjeti korištenja</span></div>
        <h1>Uvjeti<br/>korištenja</h1>
        <p className="lede">Uvjeti korištenja become.promo platforme i kampanja.</p>
        <p style={{marginTop:8,color:'var(--ink-3)',fontFamily:'var(--mono)',fontSize:11,letterSpacing:'.1em',textTransform:'uppercase'}}>Ažurirano: Siječanj 2026.</p>
      </div>
    </header>
  );
}

function Sadrzaj() {
  return (
    <section style={{paddingTop:32}}>
      <div className="wrap">
        <div className="prose reveal">
          <h2>1. Prihvaćanje uvjeta</h2>
          <p>
            Korištenjem become.promo platforme, web stranice i WhatsApp kampanja, prihvaćate ove uvjete korištenja. Ako se ne slažete s uvjetima, molimo vas da ne koristite platformu.
          </p>

          <h2>2. Opis usluge</h2>
          <p>
            become.promo je BuyChat servis koji povezuje FMCG brandove i potrošače kroz WhatsApp kampanje. Platforma potrošačima omogućuje sudjelovanje u brand kampanjama kroz selfie vizuale, slanje računa, referral mehaniku i nagrade.
          </p>

          <h2>3. Tko može sudjelovati?</h2>
          <p>U become.promo kampanjama mogu sudjelovati osobe koje:</p>
          <ul>
            <li>Imaju najmanje 16 godina</li>
            <li>Imaju aktivni WhatsApp broj</li>
            <li>Nalaze se u zemlji u kojoj je aktivna kampanja</li>
            <li>Prihvaćaju uvjete specifične kampanje (vidljivi unutar WhatsApp flowa)</li>
          </ul>

          <h2>4. Pravila sudjelovanja</h2>
          <p>Korisnici se obvezuju:</p>
          <ul>
            <li>Pružati točne i vlastite fotografije (selfie mora biti fotografija korisnika, ne tuđa fotografija)</li>
            <li>Slati isključivo autentične račune za stvarno obavljene kupnje</li>
            <li>Ne zloupotrebljavati referral sustav (lažne prijave, duplikati)</li>
            <li>Ne prenositi nagrade trećim osobama bez izričite dozvole branda</li>
            <li>Označiti sponzorirani sadržaj sukladno zakonskim obvezama</li>
          </ul>

          <h2>5. Nagrade i statusi</h2>
          <p>
            Nagrade i statusi dodjeljuju se prema pravilima specifične kampanje. become.promo ne jamči dostupnost nagrada izvan onoga što je navedeno u kampanji. Brandovi su odgovorni za isporuku nagrada navedenih u njihovoj kampanji.
          </p>

          <h2>6. Autorska prava na vizuale</h2>
          <p>
            AI karikature generirane od korisnikovog selfija ostaju vlasništvo branda koji financira kampanju. Korisnik dobiva licencu za osobnu, nekomercijalnu upotrebu — dijeljenje na osobnim profilima, profilna slika, story.
          </p>
          <p>
            Slanjem selfija korisnik daje pristanak za generiranje karikature i korištenje u svrhu kampanje.
          </p>

          <h2>7. Ograničenje odgovornosti</h2>
          <p>
            become.promo / BuyChat d.o.o. ne odgovara za štetu nastalu iz tehničkih prekida, pogrešnog unosa podataka od strane korisnika, ili kašnjenja u isporuci nagrada od strane branda.
          </p>

          <h2>8. Zaustavljanje kampanje</h2>
          <p>
            become.promo zadržava pravo prekinuti ili izmijeniti kampanju ako dođe do zloupotrebe, tehničkih poteškoća ili odluke branda koji financira kampanju.
          </p>

          <h2>9. Mjerodavno pravo</h2>
          <p>
            Na ove uvjete primjenjuje se hrvatsko pravo. Za sve sporove nadležan je sud u Zagrebu.
          </p>

          <h2>10. Kontakt</h2>
          <p>
            Za pitanja o uvjetima korištenja: <a href="mailto:kontakt@become.promo" style={{color:'var(--neon)'}}>kontakt@become.promo</a>
          </p>
        </div>
      </div>
    </section>
  );
}

function App() {
  useScrollReveal();
  return (
    <>
      <SiteNav currentPage="uvjeti-koristenja.html" />
      <PageHeader />
      <Sadrzaj />
      <SiteFooter />
      <MobCTA isB2BPage={false} />
    </>
  );
}

ReactDOM.createRoot(document.getElementById('root')).render(<App />);