Pravo na klik — README
# Pravo na klik — Pravo na klik
> **Moderna SaaS platforma za praćenje propisa Republike Srbije.**
Platforma namenjena **advokatima, pravnicima, HR stručnjacima, računovođama, compliance oficirima i preduzetnicima** koji žele da prate zakone, pišu ugovore i konsultuju se sa advokatima — sve na jednom mestu.
---
## 🚀 Brzo pokretanje
### Standalone verzija (preporučeno — nema servera)
```
Otvorite pravonaklik-standalone-final.html direktno u pregledaču.
```
Radi potpuno offline (osim Google Fonts i Unsplash hero slika).
### Development verzija (lokalni server)
```bash
python3 -m http.server 8080
# Otvorite http://localhost:8080/Pravo na klik.html
```
> ⚠️ `file://` protokol neće raditi zbog CORS-a. Koristite lokalni server ili standalone verziju.
---
## 🗺️ Kompletan Walkthrough — Svaka stranica i svaka funkcionalnost
---
### 1. 🌐 Landing stranica
**Ruta:** klik na "🌐 Landing" u dev toolbaru
#### Header (fiksni, sticky)
- **Logo Pravo na klik** — 6 varijanti (menja se u Tweaks panelu)
- **Navigacija**: Funkcionalnosti (#features scroll) | Cene (#pricing scroll) | O projektu (otvara posebnu stranicu)
- **Latinica / Ćirilica toggle** — globalni, odmah primenjuje na ceo interfejs
- **Prijava dugme** → otvara modal sa email/lozinka formom
- **Registracija dugme** → vodi na onboarding wizard
- Header postaje providno-staklen pri scroll-u (blur + border animacija)
#### Hero sekcija
- Fullscreen fotografija koja rotira automatski svakih 6 sekundi između 6 Unsplash slika:
- Pravna biblioteka, Sudnica (klasična), Pravna arhitektura, Vaga pravde, Advokatski sto, Pravne knjige
- Gradijentni overlay (levo tamno, desno transparentno)
- Badge "Novo na srpskom tržištu"
- Naslov sa akcentovanim tekstom
- Opis platforme (17px, max 480px širine)
- **2 CTA dugmeta**:
- "Besplatno se registrujte" → `/onboarding`
- "Pogledajte demo video →" → otvara fullscreen animirani video
- **8 kategorija prava** kao pill badges: Radno, Poresko, Ugovorno, IT, Privredno, Ekološko, Porodično, Nekretnine
#### Demo video modal (fullscreen)
45-sekundni animirani walkthrough platforme:
1. **0–4s** — Pravo na klik branding
2. **4–10s** — Dashboard pregled sa 3 KPI kartice (3.847+ zakona, alarmi, AI asistent)
3. **10–17s** — Pretraga zakona: kucanje "zakon o radu", prikaz rezultata, badge "Izmene 15.04.2026."
4. **17–25s** — AI asistent: pitanje o otkaznom roku, odgovor sa citiranim čl. 181. st. 1. tač. 3. ZOR
5. **25–32s** — Alarmi: 3 kartice (crvena/žuta/zelena) sa primerima izmena zakona
6. **32–40s** — 4 alata (predmeti, ugovori, kalkulator, rokovi)
7. **40–45s** — CTA outro sa 2 dugmeta
- Kontrole: Play/Pause, Scrubber, Seek ← →, Space, 0 (reset), persistovana pozicija
#### Sekcija Funkcionalnosti (id="features")
6 kartica u gridu:
| Ikona | Naslov | Opis |
|-------|--------|------|
| § | Zakoni iz svih izvora | Državni, pokrajinski, lokalni, sudska praksa |
| 📂 | Prilagođene kategorije | Sopstvena organizacija po oblastima |
| 📝 | Ugovori na klik | Biblioteka overenih predložaka |
| 🤖 | AI pravni asistent | Pitanja i tumačenja 24/7 |
| 👥 | Timski nalozi | Zajednički folderi, upravljanje korisnicima |
| ⚖️ | Konsultacije sa advokatom | Lead matching bez provizije |
Koraci "Kako funkcioniše":
1. Registrujte se → odaberite oblasti
2. Pratite izmene → primate alarme odmah
3. Radite pametnije → digest, ugovori, AI, konsultacije
#### Sekcija Cene (id="pricing")
3 plana sa jasnom strukturom popusta:
**Osnovno — Besplatno**
- Nedeljni email digest zakona
- Pristup opštim pravnim aktima
- Osnovna pretraga
- Do 5 sačuvanih zakona
- CTA: "Registrujte se" → onboarding
**Pro — 6.000 RSD/mes po korisniku**
- Badge "Preporučeno"
- Sve iz Osnovnog
- Personalizovane kategorije
- Izrada i potpis ugovora
- AI pravni asistent
- Konsultacije sa advokatom
- Neograničeni folderi i dokumenti
- Praćenje statusa zakona
- Nedeljni personalizovani digest
- **10% popusta za godišnju pretplatu**
- CTA: "Počnite probni period" → onboarding
**Organizacija — Po dogovoru (10+ korisnika)**
- Sve iz Pro naloga
- Više korisnika na jednom nalogu
- Zajednički folderi tima
- Admin panel za upravljanje
- ★ 30-min uvodni demo sa savetnikom
- ★ Mesečni 30-min pregled poziv
- Prioritetna podrška + SLA
- ★ Ukupno do 20% popusta (godišnja 10% + org 10%)
- CTA: "Zakažite demo" → otvara **modal za zakazivanje prezentacije**
##### Modal "Zakažite uživo prezentaciju"
Forma sa poljima:
- Vaše ime
- Poslovna email adresa
- Naziv kompanije
- Broj zaposlenih (number input)
- Napomena (textarea, opcionalno)
- Dugme "Pošaljite zahtev" → prikazuje success screen
- Success: "Naš tim će vas kontaktirati u roku od 24h"
- "Otkaži" dugme i klik van modala zatvara ga
#### Konsultacije teaser
- 2-kolona layout: tekst levo, grid oblasti desno
- "Saznajte više" dugme → vodi na dashboard-individual
- 8 oblasti: Radno, Privredno, Ugovorno, Porezno, IT, Porodično, Nasleđivanje, Nekretnine
#### Footer
- Logo + tagline "Platforma za pravne profesionalce Srbije"
- **Kolona Platforma**: Funkcionalnosti (scroll), Cene (scroll), Privatnost (stranica), Uslovi korišćenja (stranica)
- **Kolona Pravni izvori**: Zakoni RS, Sudska praksa, Podzakonska akta (placeholder)
- **Kolona Kontakt**: info@pravonaklik.com (mailto link), Novi Sad, Srbija
- Footer linije: © 2026 Pravo na klik d.o.o. | Privatnost | Uslovi | Partneri (Kurs Kreator, VUI Company sa linkovima)
---
### 2. 📋 Onboarding / Registracija
**Ruta:** "📋 Registracija" ili klik na "Registracija"/"Besplatno se registrujte"
Multi-step wizard (4 koraka):
**Korak 1 — Ko ste?**
- 6 uloga sa opisima:
- ⚖️ Advokat/Pravnik — pratite predmete, ugovore, propise
- 👔 HR stručnjak — radno pravo, ugovori o radu
- 🏢 Direktor/CEO — propisi koji utiču na poslovanje
- 📊 Računovođa — poreski propisi, računovodstveni standardi
- 🛡️ Compliance — usklađenost sa propisima
- 🎓 Student prava — edukacija i istraživanje
- Polja: Ime, Prezime, Email, Lozinka
- Google OAuth dugme
- Checkbox: Prihvatam uslove korišćenja i politiku privatnosti
**Korak 2 — Poslovni podaci**
- Naziv kompanije/firme
- PIB (poreski identifikacioni broj)
- Matični broj
- Adresa sedišta
- Integracija sa MiniMax za automatsko profakturisanje
- "Preskočite" za individualne korisnike
**Korak 3 — Izaberite plan**
- Toggle: Mesečno / Godišnje (sa 10% oznaka)
- Prikaz 3 plana sa cenama
- Odabrani plan se ističe
**Korak 4 — Potvrda**
- Pregled unetih podataka
- "Pošalji profakturu na email" dugme
- Obaveštenje o profakturi i daljem procesu
---
### 3. 👤 Dashboard — Individualni nalog
**Ruta:** "👤 Nalog"
#### Gornji header (sticky, unutar dashboarda)
- Logo Pravo na klik (klikabilni, vraća na Landing)
- Pretraga propisa, ugovora, akata... (search bar)
- Latinica/Ćirilica toggle
- Zvono notifikacija sa badge brojem
#### Leva navigacija (sidebar, 200px)
- Avatar + ime + rola (boja prema roli)
- **Pregled** — statistike i brze akcije
- **Propisi i akti** (sa badge brojem novih) → `/laws`
- **Predmeti** → `/matters`
- **Obaveštenja** (sa badge brojem) → `/alerts`
- **Ugovori i obrasci** → `/contracts`
- **AI savetnik** → `/chatbot`
- Collapsible sekcija **"Manje opcija"** (▼/▶ toggle):
- Kalkulatori → `/tools` (tab: tarife)
- Rokovnik → `/tools` (tab: rokovi)
- Edukacija → `/webinars`
- Konsultacije → `/consultation`
- Sekcija **"Podrška"**:
- ⚡ Personalizovani alarmi → `/impact`
- 💡 Predlozi i podrška → `/suggestion`
- ⚙️ Podešavanja naloga → `/settings`
**Copy prilagođen roli** (sidebar i naslovi):
- Advokat: "Predmeti" | "Klijenti"
- HR: "Slučajevi" | "Zaposleni"
- Direktor: "Projekti" | "Saradnici"
- Računovođa: "Predmeti" | "Klijenti"
- Compliance: "Praćenje" | "Entiteti"
- Student: "Istraživanja" | "Materijali"
#### Dashboard sadržaj (Pregled tab)
- KPI kartice: aktivni alarmi, zakoni u praćenju, predmeti, dokumenti
- "Poslednje izmene zakona" — lista 5 nedavnih zakona sa datumom
- "Brze akcije" — grid dugmadi za česte akcije
- "Nedeljni digest preview" — sadržaj sledećeg petkovog emaila
---
### 4. 🏢 Dashboard — Organizacijski admin
**Ruta:** "🏢 Org"
Isti sidebar kao individualni, plus:
- **Tim** tab — pregled svih korisnika, dodavanje/uklanjanje
- **Fakturisanje** tab — status pretplate, fakture, nadogradnja
- **Zajednički folderi** — folderi vidljivi celom timu
- **Admin podešavanja** — domenski email, branding
---
### 5. § Zakoni i propisi
**Ruta:** "§ Zakoni"
#### Pretraga i filteri
- Search bar sa real-time pretragom (debounce)
- **Filteri** (dropdown paneli):
- Oblast prava: Radno | Poresko | Ugovorno | Privredno | Upravno | Krivično | Porodično | Ekološko | IT | Zdravstvo | Obrazovanje | Finansijsko | Socijalano | Nekretnine | Ostalo
- Nivo propisa: Državni | Pokrajinski (AP Vojvodina) | Opštinski | EU direktive
- Status: Aktuelni | Ukinuti | U primeni od...
- Datum izmene: Poslednja nedelja | Mesec | Godišnji | Prilagođeni opseg
#### Lista zakona
Svaka kartica zakona sadrži:
- Naziv zakona (klikabilno → `/law-detail`)
- Broj Sl. glasnika RS i datum
- Oblast prava (badge u boji)
- Badge "Novo" (crveni) ako ima izmena u poslednja 30 dana
- Datum poslednje izmene
- Zvezdica (favorit) — toggle sačuvaj/ukloni
- "Prati" dugme — dodaje u personalizovane alarme
#### Primeri zakona u bazi (3.847+ ukupno)
- Zakon o radu (24/2005, sa izmenama)
- Zakon o PDV-u
- Zakon o privrednim društvima
- Zakon o parničnom postupku
- Zakon o opštem upravnom postupku
- Zakon o krivičnom postupku
- Zakon o zaštiti podataka o ličnosti
- Zakon o zapošljavanju i osiguranju za slučaj nezaposlenosti
- i stotine drugih...
#### Tabovi (u okviru Zakoni stranice)
- **Svi propisi** — kompletan pregled
- **Favoriti** — sačuvani zakoni
- **Folderi** — organizovani u korisničke foldere
- **Digest preview** — pregled sledećeg emaila
---
### 6. 📜 Detaljan prikaz zakona
**Ruta:** klik na naziv zakona (iz liste, alarma, pretrage...)
#### Header zakona
- Puno ime zakona
- Broj i datum Sl. glasnika
- Oblast prava (badge)
- Datum poslednje izmene
- Dugme "Dodaj u favorit" (toggle zvezdica)
- Dugme "Dodaj u folder" (dropdown sa folderima)
- Dugme "Prati izmene" (bell ikona)
#### Tabovi
**Tab 1 — Tekst zakona**
- Struktura po poglavljima i odeljcima
- Članci numerisani, klikabilni (anchor link)
- Search unutar zakona (highlight matching tekst)
- Collapsible poglavlja
- "Kopiraj link na član" (clipboard)
**Tab 2 — Izmene i dopune (Diff)**
- Dropdown: izaberi verziju za poređenje (datum)
- Stari tekst vs. Novi tekst (lado-po-lado)
- Color coding: 🟢 zeleno = dodato | 🔴 crveno = uklonjeno | 🟡 žuto = izmenjeno
- Navigacija između blokova izmena (← prethodni / sledeći →)
- Export diff kao PDF
**Tab 3 — Veze sa drugim aktima**
- Podzakonski akti koji se pozivaju na ovaj zakon
- Zakoni koji menjaju/dopunjuju ovaj zakon
- Sudska praksa vezana za ovaj zakon
#### Sidebar
- Sve verzije zakona sa datumima
- "Srodne propise" — lista 5 srodnih zakona
- "Prethodno gledali" — istorija
---
### 7. 📊 Zakoni po nivoima vlasti
**Ruta:** dostupno kroz sidebar "Propisi" → "Zakoni po nivoima"
Pregledna strana grupisana hijerarhijski:
| Nivo | Broj akata | Telo |
|------|-----------|------|
| 🏛️ Skupština RS | 1.240+ | Zakoni i odluke |
| 🏛️ Vlada RS | 890+ | Uredbe, odluke, zaključci |
| 📋 Ministarstva | 1.120+ | Pravilnici, naredbe |
| 🌍 AP Vojvodina | 280+ | Skupštinska i izvršna akta |
| 🏘️ Lokalne samouprave | 190+ | Opštinska i gradska akta |
| 🇪🇺 EU i međunarodni | 127+ | Direktive, ratifikovani ugovori |
Svaki red: naslov, broj akata, "Pogledaj sve" link → filtrirana lista zakona
---
### 8. 🔔 Alarmi i obaveštenja
**Ruta:** "🔔 Alarmi"
#### Filteri alarma
- Sve | Nepročitani | Pročitani
- Po oblasti prava (dropdown)
- Po nivou uticaja: 🔴 Visok | 🟡 Srednji | 🟢 Nizak
- Po datumu: Danas | Ova nedelja | Ovaj mesec
#### Kartica alarma
- Naziv zakona koji je izmenjen
- Kratak opis izmene (2-3 rečenice)
- Datum izmene
- Nivo uticaja (badge sa bojom)
- Oblast prava
- "Pogledaj izmenu" → otvara `/law-diff`
- "Sačuvaj" → dodaje u predmet ili folder
- "Odbaci" → uklanja iz liste
#### Akcije
- "Markiraj sve kao pročitano" dugme
- "Pretplatite se na novu oblast" → modal za dodavanje oblasti praćenja
- Podešavanja frekvencije (trenutno | dnevno | nedeljno)
#### Nedeljni digest
- Preview emaila koji stiže u petak u 09:00
- Datum sledećeg digest-a
- "Pogledaj prethodni digest" link
---
### 9. 🔀 Izmene i dopune / Law Diff
**Ruta:** "📜 Izmene i dopune"
- Pregled diff-ova svih izmena (hronološki)
- Svaki diff: datum, naziv zakona, broj izmenjenih članova
- Klik → fullscreen diff prikaz (videti Law Detail Tab 2)
- "Export" → PDF ili Word
- "Komentariši" → interno beleška na izmenu
---
### 10. 📁 Predmeti
**Ruta:** "📁 Predmeti"
#### Lista predmeta
Kolone: Naziv | Klijent | Oblast | Status | Datum otvaranja | Sledeći rok
- Statusi: 🟢 Aktivan | 🟡 Na čekanju | ⚫ Zatvoren | 🔴 Hitan
- Pretraga po nazivu ili klijentu
- Filteri: Oblast | Status | Klijent
- Sortiranje: Po datumu | Roku | Imenu
#### Kreiranje novog predmeta
- Naziv predmeta
- Klijent (postojeći ili novi)
- Oblast prava (dropdown sa 15 oblasti)
- Opis slučaja (textarea)
- Procena vrednosti spora (RSD)
- Dodeli sebi ili članu tima
#### Statistike (header)
- Ukupno aktivnih predmeta
- Rokovi ove nedelje
- Fakturisano ovog meseca
---
### 11. 🏠 Matter Hub — Centralni prikaz predmeta
**Ruta:** klik na predmet u listi predmeta
#### Header predmeta
- Naziv, klijent, oblast, status badge
- Datum otvaranja i procenjeni završetak
- Dugme "Uredi predmet" | "Zatvori predmet" | "Podeli sa klijentom"
#### 4 taba
**Pregled**
- Timeline aktivnosti (hronološki)
- Ključne informacije: vrednost spora, sud, sudija, broj predmeta
- Vezani zakoni (automatski predloženi + manuelno dodati)
- Sledeći zakazani rok (highlighted box)
**Dokumenti**
- Upload dugme + drag-and-drop zona
- Lista dokumenata sa: naziv, datum, tip (PDF/DOCX/...), veličina
- Pretraga dokumenata
- "Podeli sa klijentom" toggle po dokumentu
**Zadaci**
- Dodaj zadatak: naziv, rok, dodeljen, prioritet (Visok/Srednji/Nizak)
- Checklist sa checkbox-om za svaki zadatak
- Filteri: Svi | Moji | Nedovršeni | Prekoračeni
- Badge sa brojem preostalih zadataka
**Komunikacija**
- Interne beleške (vidljive samo timu)
- Poruke klijentu (vidljive u klijentskom portalu)
- Prikaz: hronološki chat-stil
#### Sidebar (desno)
- Kontakt klijenta (ime, telefon, email)
- Ključni rokovi (sledeća 3)
- Srodne propise (3 predložena zakona)
- "Otvori klijentski portal" link
---
### 12. 👁️ Klijentski portal
**Ruta:** link iz Matter Hub-a | "Klijentski portal" u sidebaru
Readonly prikaz koji klijent vidi (bez login-a, link sa tokenom):
- **Status predmeta** — vizuelni progress bar (5 faza: Prijem → Analiza → Postupak → Okončanje → Arhiva)
- **Sledeći korak** — highlighted box "Šta treba da uradite"
- **Dokumenta** — samo fajlovi koje je advokat označio kao "Deli sa klijentom"
- **Timeline** — javne aktivnosti (ne interne beleške)
- **Poruke od advokata** — jednosmerna komunikacija
- **Kontakt advokat** — ime, telefon, email
---
### 13. 📝 Ugovori i obrasci
**Ruta:** "📝 Ugovori"
#### Info banner
"Vaši podaci o organizaciji su već sačuvani — ponovljene podatke unosite samo jednom."
#### Biblioteka predložaka
3 kartica (+ placeholder za custom zahtev):
**Ugovor o radu** (Oblast: Radno pravo)
- 10 varijabilnih polja za popunjavanje
- Pravni osnov: Zakon o radu ("Sl. glasnik RS" br. 24/2005, 61/2005, 54/2009, 32/2013, 75/2014, 13/2017, 113/2017, 95/2018, 49/2021)
- Pun tekst sa: uvodnim odredbama, čl. 1-12 (radno mesto, trajanje, plata, radno vreme, godišnji odmor, otkazni rok, zabrana konkurencije, čuvanje tajne, izmene ugovora, raskid, osiguranje, završne odredbe)
- Ćirilično pismo, klasična pravna forma
**Ugovor o delu** (Oblast: Ugovorno pravo)
- 6 varijabilnih polja
- Pravni osnov: ZOO, čl. 600-621
- Tekst: predmet, naknada, rok, autorska prava, odgovornost, raskid
**Sporazum o čuvanju poslovne tajne (NDA)** (Oblast: Ugovorno pravo)
- 4 varijabilna polja
- Trajanje zabrane, definicija poverljivih informacija, sankcije za kršenje
**"Tražite drugi predložak?"**
- Klik → `/suggestion` sa pre-popunjenom kategorijom "Novi predložak"
#### Popunjavanje ugovora (klik "Otvorite predložak →")
- Forma sa svim varijabilnim poljima (auto-populate iz sačuvanih podataka kompanije)
- Live preview desno
- PDF Export
- Digitalni potpis (placeholder za DocuSign/e-potpis integraciju)
- Slanje na email direktno
---
### 14. 🧮 Alati — Kalkulatori i Rokovnik
**Ruta:** "🧮 Alati" | sidebar "Kalkulatori" ili "Rokovnik"
Sadrži 2 alata switchabilna tabovima:
---
#### 💰 Kalkulator advokatske tarife
**Parametri unosa:**
- **Vrsta postupka** (dropdown, 6 opcija):
- Parnični postupak (sudska taksa: 2% vrednosti)
- Krivični postupak (fiksna taksa: 1.900 RSD)
- Izvršni postupak (sudska taksa: 2% vrednosti)
- Upravni spor (fiksna taksa: 2.390 RSD)
- Savetovanje / konsultacije (bez takse)
- Sastavljanje ugovora (bez takse)
- **Vrednost predmeta** (samo za parnicu/izvršenje):
- Number input (RSD)
- Brzi izbor: 100k | 500k | 1mil | 5mil | 10mil
- **Stepen / instanca** (samo za parnicu/krivični/izvršenje):
- I stepen (1×)
- II stepen (+25%)
- Revizija (+50%)
- **PDV checkbox**: Advokat je u sistemu PDV-a (+20%)
**Obračun (automatski, real-time):**
- Advokatska tarifa (AKS bodovna skala, 1 bod = 50 RSD):
- Do 100.000 RSD spora → 250 bodova = 12.500 RSD
- 100k–500k → 500 bodova = 25.000 RSD
- 500k–1mil → 800 bodova = 40.000 RSD
- 1mil–5mil → 1.500 bodova = 75.000 RSD
- 5mil–10mil → 2.500 bodova = 125.000 RSD
- 10mil–50mil → 4.500 bodova = 225.000 RSD
- Više od 50mil → 7.000 bodova = 350.000 RSD
- Savetovanje: 6.000 RSD (čl. 5 AKS)
- Ugovori: od 18.000 RSD
**Prikaz rezultata (panel desno):**
- Ukupan trošak (istaknuto u akcentnoj boji)
- Breakdown:
- Advokatska tarifa (sa opisom — bodovi × vrednost boda)
- Uvećanje za stepen (ako postoji)
- PDV 20% (ako je odabrano)
- Sudska taksa (sa opisom osnova)
- Napomena: "Ovo je procena. Konačna tarifa se utvrđuje sporazumom sa advokatom."
- "Generiši profakturu" dugme → /onboarding (MiniMax flow)
---
#### 📅 Procesni rokovi (Rokovnik)
**Brzi izračun roka:**
- **Vrsta podneska** (dropdown, 8 opcija):
- Žalba — parnični postupak (15 dana)
- Žalba — krivični postupak (15 dana)
- Žalba — upravni spor (30 dana)
- Prigovor na rešenje o izvršenju (8 dana)
- Odgovor na tužbu (30 dana)
- Revizija — vanredni pravni lek (30 dana)
- Predlog za povraćaj u pređašnje stanje (8 dana)
- Prigovor na rešenje o troškovima (8 dana)
- **Dan dostavljanja / početka roka** (date picker, default: danas)
**Rezultat (automatski):**
- Datum isteka roka (istaknuto)
- Dan u nedelji (na srpskom)
- Ako pada na vikend → pomera se na prvi radni dan (automatski)
- Napomena o vikend korekciji
**Lista aktivnih rokova (pre-popunjena demo data):**
5 predmeta sa rokovima, sortirana po hitnosti:
| Predmet | Vrsta roka | Rok ističe | Dana ostalo | Hitno? |
|---------|-----------|-----------|-------------|--------|
| Otkaz Nikolić — radni spor | Žalba radni | 04.05.2026. | 5 dana | ⚠️ DA |
| TechStartup — izvršenje | Prigovor | 03.05.2026. | 4 dana | ⚠️ DA |
| Petrović vs. Jovanović | Žalba parnični | 12.05.2026. | 13 dana | ne |
| Kupoprodaja stana — Marković | Odgovor na tužbu | 22.05.2026. | 23 dana | ne |
| Inspekcijski nalog — APR | Žalba upravni | 30.05.2026. | 31 dan | ne |
- Hitni rokovi (≤5 dana) označeni crvenom bojom i ⚠️ ikonom
- "Dodaj u kalendar" dugme (Google/Apple, placeholder)
- "Podsetnik" dugme → postavi email notifikaciju 2 dana pre
---
### 15. 🤖 AI Savetnik / Chatbot
**Ruta:** "🤖 AI"
#### Interfejs
- Chat UI (poruke korisnika desno, AI odgovori levo)
- Search/input bar na dnu sa "Pošalji" dugmetom
- "Novi razgovor" dugme (gornji desno)
- Istorija razgovora (leva kolona): lista prethodnih sessiona sa datumom i kratkim opisom
#### Funkcionalnosti odgovora
- **Direktni citati zakona**: naziv zakona u bold, broj člana, citiran tačan tekst u quote-bloku
- **Reference na Sl. glasnik**: datum važenja, broj sl. glasnika
- **Višedelni odgovori**: ako pitanje obuhvata više zakona, numerisana lista izvora
- **"Saznajte više"** link → otvara `/law-detail` za citovani zakon
- **Sugestije sledećeg pitanja** (3 predloga ispod odgovora)
#### Starter pitanja (brzi start)
- "Koji su uslovi za otkaz ugovora o radu?"
- "Rokovi zastare u privrednom pravu?"
- "Kako se obračunava PDV na usluge?"
- "Pravo na godišnji odmor zaposlenih"
---
### 16. ⚖️ Konsultacije
**Ruta:** "⚖️ Savet"
#### Izbor oblasti
Grid od 8 oblasti sa ikonama:
Radno pravo | Privredno | Ugovorno | Porezno | IT pravo | Porodično | Nasleđivanje | Nekretnine
#### Opis problema (textarea)
- Max 2000 karaktera
- "Opišite vašu situaciju što detaljnije..."
#### Lista preporučenih advokata
- Ime, grad, specijalnost (1-3 oblasti)
- Godine iskustva
- Ocena (1-5 zvezdice)
- Cena konsultacije (RSD/h)
- "Povežite se" dugme → direktna komunikacija
- NAPOMENA: "Pravo na klik ne uzima proviziju. Plaćate direktno advokatu."
---
### 17. 🎓 Edukacija (Kurs Kreator)
**Ruta:** "🎓 Edukacija"
#### Predstojeći webinari
- Naziv, datum/vreme, predavač, broj slobodnih mesta
- "Prijavite se" → redirect na kurskreator.rs sa Pravo na klik kodом
- Online / Uživo oznake
#### Online kursevi
- Naziv, trajanje (sati), nivo (Početni/Srednji/Napredni)
- Popust za Pravo na klik korisnike (prikazano %)
- "Pogledaj kurs" → kurskreator.rs
#### Godišnja konferencija Beograd
- Datum, mesto, opis
- Kompanijska prijava (10+ mesta sa popustom)
- Early bird cena
#### Kompanijska prijava
- Forma: naziv kompanije, broj učesnika, oblast interesovanja
- Automatski popust za 10+ mesta
---
### 18. 📱 Mobilna aplikacija
**Ruta:** "📱 Mobilna"
iOS-stil mockup mobilnog ekrana unutar device bezel-a:
#### Bottom navigation (5 taba)
- § Zakoni | 🔔 Alarmi | 🤖 AI | 📁 Predmeti | 👤 Profil
#### Funkcionalnosti prikazane u mockupu
- Pretraga sa glasovnim unosom (mikrofon ikona)
- Alarm kartica sa swipe-to-dismiss animacijom
- AI chat u kompaktnom prikazu
- Push notifikacije preview
- Offline mod badge (zakoni sačuvani lokalno)
- Dark mode automatski prema OS podešavanju
---
### 19. ⚡ Personalizovani AI alarmi (Impact)
**Ruta:** sidebar → "⚡ Personalizovani alarmi" | `/impact`
#### Po predmetu
Svaki aktivni predmet sa listom zakona koji su se izmenili i koji direktno utiču na predmet.
#### AI analiza uticaja
- "Ova izmena Zakona o PDV-u može uticati na predmet TechStartup d.o.o. jer..."
- Nivo hitnosti (Visok/Srednji/Nizak)
- Predloženi akcioni plan (bullet lista koraka)
#### Akcije
- "Sačuvaj u predmet" → dodaje u Matter Hub dokumenta
- "Pošalji klijentu" → kreira poruku u klijentskom portalu
- "Zakaži konsultaciju" → link na `/consultation`
---
### 20. 💡 Predlozi i podrška
**Ruta:** sidebar → "💡 Predlozi i podrška" | `/suggestion`
#### Kategorije zahteva
- 🆕 Nova funkcionalnost
- 🐛 Prijava greške (bug)
- ❓ Pitanje
- 👍 Pohvala/feedback
#### Lista predloga (community board)
- Naslov predloga
- Kategorija badge
- Broj glasova (▲ upvote dugme)
- Status: Na čekanju | U razvoju | Implementirano
- Datum objave + ime/avatar autora
- Komentari (klik expand)
#### Demo zahtev za 10+
- "Zakažite 30-min demo sa našim agentom" → ista forma kao na landing-u
#### Mesečni pregled i podrška
- **Namena:** Podrška za rad na platformi — NE pravni savet
- Opis: "Za organizacijske korisnike — 30-min mesečni razgovor sa nalogodavcem"
- Pokriva:
- Uvođenje novih članova tima u platformu
- Pitanja o funkcionalnostima i podešavanjima
- Prioritizacija funkcionalnosti za vaš tim
- Optimizacija pretplate i kategorija praćenja
- "Zakažite pregled" → forma sa izborom datuma/termina
---
### 21. ⚙️ Podešavanja naloga
**Ruta:** sidebar → "⚙️ Podešavanja naloga" | `/settings`
**Tabovi:**
**Profil**
- Fotografija (upload)
- Ime, Prezime (editable)
- Email adresa (sa verifikacijom pri promeni)
- Telefon
- Grad/zemlja
- "Sačuvaj izmene" dugme
**Notifikacije**
- Email digest:
- Dan slanja (Pon–Pet dropdown)
- Učestalost (Dnevno/Nedeljno/Isključeno)
- Push notifikacije (toggle)
- SMS upozorenja za hitne rokove (toggle)
- Tip sadržaja: Izmene zakona | Rokovi | Novosti | Sve (checkboxes)
**Pismo i jezik**
- Latinica / Ćirilica toggle (primenjuje se globalno odmah)
- (Srpski jedini jezik)
**Tema**
- 6 vizuelnih tema sa preview thumbnailom
**Pretplata**
- Trenutni plan i cena
- Datum sledeće naplate
- "Nadogradite plan" dugme
- "Otkaži pretplatu" link (sa confirmom)
- Istorija faktura (download PDF)
**Bezbednost**
- Promena lozinke (stara → nova → potvrda)
- Dvokomponentna autentifikacija (2FA) toggle
- Lista aktivnih sesija (uređaj, IP, datum, "Odjavi" dugme)
---
### 22. 🏢 Owner / Meta-admin panel
**Ruta:** "⚙️ Vlasnik" (vidljiv samo vlasniku)
#### Tab: Statistike (dashboard vlasnika)
- MRR (Monthly Recurring Revenue)
- ARR (Annual Recurring Revenue)
- Aktivni korisnici (ukupno / novi ovaj mesec)
- Churn rate (%)
- Trial korisnici → Pretplaćeni konverzija (%)
- Grafikon rasta (line chart, poslednja 6 meseci)
#### Tab: Korisnici
- Tabela: ime, email, plan, datum registracije, poslednja aktivnost, status
- Pretraga korisnika
- Akcije: Suspenduj | Aktiviraj | Promeni plan | Pošalji email
#### Tab: Pretplate
- Sve aktivne pretplate (sa datumom obnove)
- Istekle (sa razlogom)
- Trial korisnici (broj dana do isteka)
- Godišnje vs. mesečne (ratio)
- Organizacijski vs. individualni (ratio)
#### Tab: Analitika
- Top 10 najkorišćenijih funkcija
- Retencija po kohortama
- Funnel: Landing → Registracija → Pretplata → Obnova
- Prosečna sesija (minuta)
- Najpretražvaniji zakoni (top 20)
#### Tab: Template builder
Kreiranje novih predložaka ugovora za biblioteku:
- Tekst editor (textarea)
- **Auto-detect varijabilnih polja** — detektuje {{naziv_polja}} i generiše listu
- Primer auto-detected polja: `{{ime_zaposlenog}}`, `{{naziv_firme}}`, `{{datum_pocetka}}`, `{{iznos_plate}}`
- **Preview** sa test podacima (zamena varijabli)
- Polja za naslov, oblast prava, broj polja, opis
- "Objavi u biblioteku" dugme
- "Sačuvaj kao draft" dugme
---
### 23. 📄 Privatnost (Politika privatnosti)
**Ruta:** footer link "Privatnost" | `/privacy`
**12 sekcija, poslednje ažurirano: 29.04.2026.:**
1. **Uvod** — referenca na ZZPL (87/2018) i GDPR
2. **Rukovalac podataka** — Pravo na klik d.o.o. sa punom adresom, matični broj, PIB, DPO email (dpo@pravonaklik.com)
3. **Podaci koje prikupljamo** — identifikacioni, nalog, poslovni, korišćenje, tehnički, plaćanje
4. **Pravni osnov za obradu** — izvršenje ugovora (čl. 12 st. 1 tač. 2), zakonska obaveza (tač. 3), legitimni interes (tač. 6), pristanak (tač. 1)
5. **Kako koristimo podatke** — 8 svrha upotrebe
6. **Deljenje sa trećim licima** — MiniMax, Stripe/PayPal, AWS (EU region), Google Analytics (anonimizirano), Kurs Kreator
7. **Čuvanje podataka** — aktivni nalozi (+ 1 god.), fakture (10 god. po Zakonu o računovodstvu), logs (6 mes.), marketing (do povlačenja)
8. **Vaša prava** — pristup (čl. 21), ispravka (čl. 23), brisanje (čl. 24), ograničenje (čl. 25), prenosivost (čl. 28), prigovor (čl. 26), povlačenje pristanka (čl. 17)
9. **Bezbednost** — SSL/TLS, bcrypt, 2FA, penetracioni testovi, dnevni enkriptovani backup
10. **Kolačići** — esencijalni, funkcionalni, analitički (Google Analytics)
11. **Izmene politike** — obaveštenje 30 dana unapred
12. **Kontakt** — privacy@pravonaklik.com, dpo@pravonaklik.com, Poverenik RS (adresa, telefon, email)
---
### 24. 📋 Uslovi korišćenja
**Ruta:** footer link "Uslovi korišćenja" | `/terms`
**10 sekcija:**
1. **Prihvatanje uslova** — pristupom prihvatate
2. **Opis usluge** — SaaS + konsultantske usluge; platforma je informativnog karaktera, NE pravni savet
3. **Registracija i nalog** — tačnost podataka, poverljivost lozinke, prijava zloupotrebe
4. **Cene i plaćanje** — profaktura (pravna lica), kreditna kartica (fizička); povraćaj novca u 14 dana (ZZP pravo na odustanak)
5. **Intelektualna svojina** — Zakon o autorskom pravu, Zakon o žigovima; propisi su javni
6. **Ograničenje odgovornosti** — ne odgovaramo za AI tumačenja, preporučene advokate, propuste u bazi
7. **Prekid usluge** — planirano: obaveštenje 48h unapred; viša sila
8. **Raskid ugovora** — korisnik može u bilo koje vreme; mi možemo zbog kršenja/neplaćanja (30 dana grace period)
9. **Izmene uslova** — obaveštenje 30 dana unapred
10. **Primenljivo pravo** — pravo RS, nadležan Privredni sud u Novom Sadu
---
### 25. 🏢 O projektu
**Ruta:** header link "O projektu" | `/about`
**6 sekcija:**
1. **Misija** — demokratizacija pristupa pravnim informacijama
2. **Tim** — osnivanje 2024., Novi Sad, 8 zaposlenih + 12 saradnika
3. **Tehnologija** — AI za analizu, auto-parsiranje Sl. glasnika, diff algoritmi, AWS EU
4. **Podaci i izvori** — 3.847+ zakona, 15 oblasti, sinhronizovano sa Sl. glasnikom
5. **Partneri** — Kurs Kreator, MiniMax, Advokatska komora Srbije
6. **Kontakt** — puna adresa, email, telefon, matični broj, PIB, tekući račun (Erste banka)
---
## 🎨 Vizuelne teme (6 opcija)
| ID | Naziv | Pozadina | Akcentna | Default? |
|----|-------|---------|---------|---------|
| `light` | Bela + Narandžasta | `#FAF8F4` | `#D94F0A` | ✅ DA |
| `dark` | Tamna + Zlatna | `#0B1018` | `#C9A84C` | |
| `navy` | Plava + Smaragd | `#0C1B2A` | `#25B898` | |
| `cream` | Krem + Bordo | `#F5F0E8` | `#8B1A2E` | |
| `emerald` | Smaragd + Zlatna | `#0D2B25` | `#D4A843` | |
| `black` | Crna + Crvena | `#0A0A0A` | `#E53E3E` | |
Tema se bira iz:
- Tweaks panela (klikni ✎ ikonicu u donjem desnom uglu)
- Dev toolbara (dugmad sa nazivima tema)
---
## 🌐 Jezici i pisma
| Toggle | Vrednost |
|--------|---------|
| "Lat" | Latinica (default) |
| "Ћир" | Ćirilica |
Primenjuje se globalno odmah pri kliku — header, sidebar, svi tekst elementi, legal stranice, predlošci.
---
## 💰 Cenovni model i popusti
| Plan | Cena | Popust godišnja | Popust org | Maks. popust |
|------|------|----------------|-----------|-------------|
| Osnovno | Besplatno | — | — | — |
| Pro | 6.000 RSD/mes/kor. | **10%** → 5.400 RSD | — | 10% |
| Organizacija | Po dogovoru | **10%** | **+10%** | **20%** |
- Plaćanje: mesečno ili godišnje unapred
- Pravna lica: profaktura → faktura (MiniMax)
- Fizička lica: kreditna kartica (Stripe/PayPal)
- Pravo na odustanak: 14 dana od registracije (Zakon o zaštiti potrošača)
---
## ⚖️ Pravna usklađenost (Srbija)
| Zakon | Usklađenost | Napomena |
|-------|-------------|---------|
| ZZPL — Zakon o zaštiti podataka o ličnosti (87/2018) | ✅ | Kompletna Politika privatnosti |
| GDPR | ✅ | Isti standard kao EU |
| Zakon o zaštiti potrošača (88/2021) | ✅ | Pravo na odustanak 14 dana |
| Zakon o računovodstvu (73/2019) | ✅ | 10-godišnja arhiva faktura |
| Zakon o obligacionim odnosima | ✅ | Uslovi korišćenja |
| Zakon o elektronskim komunikacijama | ✅ | Kolačići |
**Napomena:** Ovo je frontend prototip/mockup. Za produkcijsku verziju potrebna je backend implementacija i pravna verifikacija od strane licenciranog advokata.
---
## 📁 Struktura fajlova
```
Pravo na klik/
├── Pravo na klik.html # Glavni SPA fajl (router + layout + Tweaks)
├── Pravo na klik — standalone.html # Sve-u-jednom bundle (~1.7MB, offline)
├── manifest.json # PWA manifest (ikone, tema, display mode)
├── sw.js # Service Worker (offline cache, push notifikacije)
├── icon-192.png # PWA ikona 192×192
├── icon-512.png # PWA ikona 512×512
├── README.md # Ova dokumentacija
│
├── pravo-na-klik-shared.jsx # Teme (6), ikone, zajednički komponenti (PnkBtn, PnkCard, PnkBadge, PnkLogo)
├── pravo-na-klik-landing.jsx # Landing stranica (hero, features, pricing, footer, demo modal, schedule modal)
├── pravo-na-klik-dashboard.jsx # Dashboard individual + org + TeamView + SharedFoldersView + LawsView (sa pretragom)
├── pravo-na-klik-owner.jsx # Owner meta-admin (statistike, korisnici, pretplate, analitika proširena, digest)
├── pravo-na-klik-onboarding.jsx # Onboarding wizard (4 koraka: rola, firma, plan, potvrda)
├── pravo-na-klik-contract.jsx # Generator ugovora (biblioteka + forma + preview)
├── pravo-na-klik-chatbot.jsx # AI asistent + konsultacije (chat UI, advokati)
├── pravo-na-klik-alerts.jsx # Alarmi + diff pregled (filteri, kartice, digest)
├── pravo-na-klik-matters.jsx # Upravljanje predmetima (lista, kreiranje, pretraga)
├── pravo-na-klik-matter-hub.jsx # Centralni hub predmeta (4 taba: pregled/dokumenti/zadaci/komunikacija)
├── pravo-na-klik-client-portal.jsx # Klijentski portal (status, dokumenta, timeline, poruke)
├── pravo-na-klik-tools.jsx # Kalkulator AKS tarife + Procesni rokovi/Rokovnik
├── pravo-na-klik-webinars.jsx # Edukacija: webinari, kursevi, konferencija (Kurs Kreator)
├── pravo-na-klik-laws-by-level.jsx # Zakoni po nivoima vlasti (6 nivoa)
├── pravo-na-klik-law-detail.jsx # Detaljan prikaz zakona (tekst/izmene/veze)
├── pravo-na-klik-new-features.jsx # Semantička pretraga + Pravni izveštaj + API izvori + Tržište advokata
├── pravo-na-klik-template-builder.jsx # Owner builder za predloške (auto-detect varijabli)
├── pravo-na-klik-legal.jsx # Privatnost | Uslovi | O projektu
├── pravo-na-klik-impact.jsx # AI Impact alarmi (po predmetu, analiza, akcioni plan)
├── pravo-na-klik-mobile.jsx # Mobilna app mockup (iOS bezel, bottom nav, ekrani)
├── pravo-na-klik-folders.jsx # Folder sistem (organizacija zakona i dokumenata)
├── pravo-na-klik-demo-video.jsx # Animirani demo video (45s, 7 scena)
├── pravo-na-klik-logos.jsx # 6 SVG logo varijanti
│
├── animations.jsx # Timeline animacijski engine (Stage, Sprite, Easing, interpolate, useTime)
├── tweaks-panel.jsx # In-design Tweaks panel (TweaksPanel, TweakSelect, TweakToggle, TweakSlider...)
│
├── logo-kk-small.png # Kurs Kreator logo (partnerstvo)
├── logo-vui-small.png # VUI Company logo (partnerstvo)
└── screenshots/ # Screenshotovi za dokumentaciju
```
---
## 🛠️ Tech Stack
```
Frontend: React 18.3.1 + Babel 7.29.0 (inline JSX, bez build koraka)
Animacije: Custom timeline engine (animations.jsx) — Stage, Sprite, Easing, interpolate
Stilovi: CSS-in-JS (inline React styles sa 6 tema, CSS variables pattern)
Fontovi: Playfair Display + DM Sans (Google Fonts CDN)
Slike: Unsplash (hero fotografije, extern URL)
State: React useState/useEffect + localStorage (tema, playhead pozicija)
Bundler: super_inline_html (sve fajlove uvlači u jedan HTML za offline)
Bez backend-a — čisti frontend prototip/mockup
```
---
## 🏢 O projektu i kontakt
**Pravo na klik d.o.o.**
Bulevar oslobođenja 46, 21000 Novi Sad, Srbija
Matični broj: 12345678 | PIB: 123456789
Email: info@pravonaklik.com
Podrška: support@pravonaklik.com
Privatnost: privacy@pravonaklik.com | DPO: dpo@pravonaklik.com
**Partneri:**
- [Kurs Kreator](https://www.kurskreator.rs/) — edukativni programi za pravnike
- [VUI Company](https://www.vui-company.com/) — tehnološki partner
---
## 📋 Changelog
| Datum | Verzija | Opis |
|-------|---------|------|
| 29.04.2026. | v1.0.0 | Inicijalna verzija — kompletna SaaS platforma |
| 30.04.2026. | v1.1.0 | Preimenovanje svih fajlova: `pank-*.jsx` → `pravo-na-klik-*.jsx`, `Pank.html` → `Pravo na klik.html`; JS namespace `PANK`/`Pank*` → `PNK`/`Pnk*`; logo tagline duplikat uklonjen |
| 30.04.2026. | v1.2.0 | Pretraga zakona: search input sa live filterom po naslovu i tekstu; klik na zakon otvara LawDetail stranicu |
| 30.04.2026. | v1.3.0 | Novi zasebni pogledi: **TeamView** (članovi tima, uloge, invite) i **SharedFoldersView** (zajednički folderi, dozvole) — vidljivi svima, admin ima pune kontrole, ostali samo pregled |
| 30.04.2026. | v1.4.0 | "Tim i saradnja" sekcija u sidebaru dostupna svim korisnicima (ne samo `org` tipu) |
| 30.04.2026. | v1.5.0 | Pravni izveštaj: dugme "Generiši" popravljeno — animacija učitavanja 2s, zatim prikaz izveštaja sa kategorijama, AI preporukama i download/email opcijama |
| 30.04.2026. | v1.6.0 | **PWA**: `manifest.json`, `sw.js` (service worker sa network-first strategijom i push notifikacijama), ikone 192×192 i 512×512, Apple meta tagovi |
| 30.04.2026. | v1.7.0 | **Proširena analitika vlasnika**: 4 sekcije (Korisnici, Prihodi, Funkcije, Advokati), 8 KPI kartica sa srpskim nazivima i objašnjenjima, retencija bar chart, distribucija po gradovima i planovima, mesečni prihod po planu, finansijski pokazatelji sa opisima, korišćenje funkcija, push obaveštenja statistike |
| 30.04.2026. | v1.8.0 | "Marketplace advokata" → "Tržište advokata" u svim vidljivim labelama; "Nazad na dashboard" → "Nazad na kontrolnu tablu" u owner panelu; latinica/ćirilica toggle dodat u owner panel header |
| 30.04.2026. | v1.9.0 | **Ispravka navigacije**: bug u `navToScreen` mapi — `'legal-report'` je mapiralo na `'legalReport'` (camelCase) umesto `'legal-report'` (kebab), zbog čega dugme "Generiši" u Pravnom izveštaju nije radilo. Isto popravljeno za `semantic-search` i `api-sources`. |
| 30.04.2026. | v1.10.0 | **Analitika vlasnika — srpski jezik**: sve skraćenice (DAU, MAU, NPS, CTR, MRR, ARPU, LTV, CAC, churn, open rate, payback period, gross margin) zamenjene punim srpskim nazivima; svaka KPI kartica dobila objašnjenje šta znači i kako se tumači, finansijski pokazatelji prošireni komentarima za netehničke korisnike |
| 01.05.2026. | v1.11.0 | **Rebrendiranje — uklanjanje "Pank"**: sva preostala pominjanja starog naziva "PANK" zamenjena sa "Pravo na klik" u korisničkim stringovima; interni JS konstanti prefiksi `PANK_` → `PNK_`; funkcije `PankDemoVideo` → `PnkDemoVideo`, `PankApp` → `PnkApp`; DOM ID `pank-scroll-container` sinhronizovan sa `pnk-scroll-container`; referenca na fajl `pank-law-detail.jsx` → `pravonaklik-law-detail.jsx`; ažurirani BUTTON_AUDIT.md i README.md |
---
*© 2026 Pravo na klik d.o.o. Sva prava zadržana. · Pravo na klik.*