// privatnost.jsx — Pravila privatnosti
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)'}}>Pravila privatnosti</span></div>
        <h1>Pravila<br/>privatnosti</h1>
        <p className="lede">Kako prikupljamo, koristimo i štitimo vaše podatke.</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. Tko je voditelj obrade podataka?</h2>
          <p>
            Voditelj obrade podataka je <strong>BuyChat d.o.o.</strong>, Zagreb, Hrvatska. Servis become.promo vodi BuyChat tim.
          </p>
          <p>
            Kontakt za zaštitu podataka: <a href="mailto:privatnost@become.promo" style={{color:'var(--neon)'}}>privatnost@become.promo</a>
          </p>

          <h2>2. Koje podatke prikupljamo?</h2>
          <p>Prikupljamo sljedeće kategorije podataka:</p>
          <ul>
            <li><strong>Identifikacijski podaci:</strong> ime, WhatsApp broj, email (ako je dostavljen)</li>
            <li><strong>Kampanjski podaci:</strong> selfie fotografija, fotografija računa, status u kampanji</li>
            <li><strong>Referral podaci:</strong> informacije o prijavljenim prijateljima kroz vaš referral link</li>
            <li><strong>Tehnički podaci:</strong> IP adresa, vrsta uređaja, datum i vrijeme interakcija</li>
          </ul>

          <h2>3. Zašto prikupljamo vaše podatke?</h2>
          <p>Vaše podatke koristimo isključivo za:</p>
          <ul>
            <li>Vođenje i administraciju kampanje u kojoj sudjelujete</li>
            <li>Generiranje personaliziranih brand vizuala (karikatura) od vašeg selfija</li>
            <li>Validaciju računa i dodjelu statusa u kampanji</li>
            <li>Praćenje referral aktivnosti i dodjelu odgovarajućih bodova</li>
            <li>Komunikaciju u sklopu kampanje putem WhatsAppa</li>
            <li>Statistiku i analitiku za brand koji financira kampanju</li>
          </ul>

          <h2>4. S kim dijelimo vaše podatke?</h2>
          <p>
            Vaše podatke dijelimo s <strong>brandom koji financira kampanju</strong> u kojoj sudjelujete — isključivo u obliku agregiranih statistika i bez dijeljenja selfija ili fotografija računa trećim stranama izvan BuyChat sustava.
          </p>
          <p>
            Podatke ne prodajemo niti ustupamo trećim stranama u marketinške svrhe.
          </p>

          <h2>5. Koliko dugo čuvamo vaše podatke?</h2>
          <p>
            Osobne podatke čuvamo 12 mjeseci od zadnje interakcije u kampanji. Nakon tog roka automatski se brišu, osim ako zakon ne propisuje drugačije.
          </p>
          <p>
            Fotografije selfija i računa brišu se odmah nakon obrade (generiranja vizuala, validacije), u roku 30 dana od primitka.
          </p>

          <h2>6. Vaša prava</h2>
          <p>Sukladno GDPR-u imate pravo na:</p>
          <ul>
            <li>Pristup vašim podacima</li>
            <li>Ispravak netočnih podataka</li>
            <li>Brisanje podataka ("pravo na zaborav")</li>
            <li>Prenosivost podataka</li>
            <li>Prigovor na obradu podataka</li>
          </ul>
          <p>
            Za ostvarivanje prava pišite na <a href="mailto:privatnost@become.promo" style={{color:'var(--neon)'}}>privatnost@become.promo</a>. Odgovaramo unutar 30 dana.
          </p>

          <h2>7. Kolačići</h2>
          <p>
            become.promo web stranica koristi isključivo tehničke kolačiće potrebne za funkcioniranje stranice. Ne koristimo kolačiće za praćenje niti za ciljano oglašavanje.
          </p>

          <h2>8. Izmjene pravila</h2>
          <p>
            Ova pravila možemo mijenjati. O značajnim izmjenama obavijestit ćemo vas putem WhatsApp poruke ili emaila. Datum posljednje izmjene uvijek je vidljiv na vrhu dokumenta.
          </p>
        </div>
      </div>
    </section>
  );
}

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

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