import type { Metadata } from 'next';
import { SiteHeader } from '@/src/components/layout/SiteHeader';
import { SiteFooter } from '@/src/components/layout/SiteFooter';
import { Breadcrumb } from '@/src/components/layout/Breadcrumb';

export const metadata: Metadata = {
  title: 'Uslovi Koriscenja',
  description: 'Uslovi koriscenja sajta Filamenteka — informacije o privatnoj prodaji, proizvodima, cenama i pravima kupaca.',
  alternates: {
    canonical: 'https://filamenteka.rs/uslovi-koriscenja',
  },
};

export default function UsloviKoriscenjaPage() {
  return (
    <div className="min-h-screen" style={{ background: 'var(--surface-primary)' }}>
      <SiteHeader />
      <main className="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 py-8 sm:py-12">
        <Breadcrumb items={[
          { label: 'Pocetna', href: '/' },
          { label: 'Uslovi Koriscenja' },
        ]} />

        <article className="mt-6">
          <h1
            className="text-3xl sm:text-4xl font-black tracking-tight"
            style={{ fontFamily: 'var(--font-display)', color: 'var(--text-primary)' }}
          >
            Uslovi Koriscenja
          </h1>
          <p className="text-sm mt-2 mb-10" style={{ color: 'var(--text-muted)' }}>
            Poslednje azuriranje: Februar 2026
          </p>

          <div className="space-y-8 leading-relaxed" style={{ color: 'var(--text-secondary)' }}>
            <section>
              <h2
                className="text-xl font-bold mb-3"
                style={{ fontFamily: 'var(--font-display)', color: 'var(--text-primary)' }}
              >
                1. O sajtu
              </h2>
              <p>
                Filamenteka (filamenteka.rs) je informativni katalog koji prikazuje ponudu
                Bambu Lab opreme dostupne za privatnu prodaju. Sajt sluzi iskljucivo kao
                prezentacija proizvoda i nije e-commerce prodavnica — kupovina se ne vrsi
                direktno preko ovog sajta.
              </p>
            </section>

            <section>
              <h2
                className="text-xl font-bold mb-3"
                style={{ fontFamily: 'var(--font-display)', color: 'var(--text-primary)' }}
              >
                2. Privatna prodaja fizickog lica
              </h2>
              <p>
                Filamenteka je privatna prodaja fizickog lica i nije registrovana prodavnica,
                preduzetnik niti pravno lice. Ovo je kljucna pravna distinkcija koja znaci da
                se na transakcije primenjuju pravila koja vaze za privatnu prodaju izmedju
                fizickih lica, a ne pravila koja se odnose na potrosacku zastitu u kontekstu
                registrovanih trgovaca.
              </p>
            </section>

            <section>
              <h2
                className="text-xl font-bold mb-3"
                style={{ fontFamily: 'var(--font-display)', color: 'var(--text-primary)' }}
              >
                3. Proizvodi i stanje
              </h2>
              <p className="mb-3">
                Proizvodi navedeni na sajtu su originalni Bambu Lab proizvodi. Stanje proizvoda
                je oznaceno na sledecu nacin:
              </p>
              <ul className="list-disc list-inside space-y-2 ml-2">
                <li>
                  <strong style={{ color: 'var(--text-primary)' }}>Novi proizvodi</strong> —
                  neotvoreno, originalno fabricko pakovanje. Proizvod nije koriscen niti otvaran.
                </li>
                <li>
                  <strong style={{ color: 'var(--text-primary)' }}>Korisceni proizvodi</strong> —
                  stanje je opisano za svaki proizvod pojedinacno u opisu artikla.
                </li>
              </ul>
            </section>

            <section>
              <h2
                className="text-xl font-bold mb-3"
                style={{ fontFamily: 'var(--font-display)', color: 'var(--text-primary)' }}
              >
                4. Cene
              </h2>
              <p>
                Sve cene prikazane na sajtu su informativnog karaktera i izrazene su u srpskim
                dinarima (RSD). Cene se mogu promeniti bez prethodne najave. Aktuelna cena u
                trenutku kupovine je ona koja je navedena u oglasu na KupujemProdajem platformi.
              </p>
            </section>

            <section>
              <h2
                className="text-xl font-bold mb-3"
                style={{ fontFamily: 'var(--font-display)', color: 'var(--text-primary)' }}
              >
                5. Garancija
              </h2>
              <p>
                S obzirom da se radi o privatnoj prodaji fizickog lica, na proizvode se ne daje
                komercijalna garancija osim onoga sto je zakonski propisano za privatnu prodaju.
                Svi proizvodi oznaceni kao novi su u neotvorenom fabrickom pakovanju, sto
                potvrdjuje njihov originalni kvalitet.
              </p>
            </section>

            <section>
              <h2
                className="text-xl font-bold mb-3"
                style={{ fontFamily: 'var(--font-display)', color: 'var(--text-primary)' }}
              >
                6. Nacin kupovine
              </h2>
              <p>
                Sve transakcije se obavljaju iskljucivo putem platforme{' '}
                <a
                  href="https://www.kupujemprodajem.com"
                  target="_blank"
                  rel="noopener noreferrer"
                  className="text-blue-600 dark:text-blue-400 hover:underline underline-offset-4"
                >
                  KupujemProdajem
                </a>
                . Na sve transakcije obavljene putem te platforme primenjuju se uslovi
                koriscenja KupujemProdajem platforme, ukljucujuci njihov sistem zastite kupaca.
                Filamenteka ne odgovara za uslove i pravila KupujemProdajem platforme.
              </p>
            </section>

            <section>
              <h2
                className="text-xl font-bold mb-3"
                style={{ fontFamily: 'var(--font-display)', color: 'var(--text-primary)' }}
              >
                7. Intelektualna svojina
              </h2>
              <p>
                Bambu Lab je zastiteni znak kompanije Bambu Lab. Filamenteka nije u vlasnistvu,
                niti je ovlascena od strane, niti je na bilo koji nacin povezana sa kompanijom
                Bambu Lab. Svi nazivi proizvoda, logotipi i zastitni znakovi su vlasnistvo
                njihovih respektivnih vlasnika.
              </p>
            </section>

            <section>
              <h2
                className="text-xl font-bold mb-3"
                style={{ fontFamily: 'var(--font-display)', color: 'var(--text-primary)' }}
              >
                8. Ogranicenje odgovornosti
              </h2>
              <p>
                Informacije na ovom sajtu su predstavljene &quot;takve kakve jesu&quot;. Ulazemo
                razumne napore da informacije budu tacne i azurne, ali ne garantujemo potpunu
                tacnost, kompletnost ili aktuelnost sadrzaja. Filamenteka ne snosi odgovornost
                za bilo kakvu stetu nastalu koriscenjem informacija sa ovog sajta.
              </p>
            </section>

            <section>
              <h2
                className="text-xl font-bold mb-3"
                style={{ fontFamily: 'var(--font-display)', color: 'var(--text-primary)' }}
              >
                9. Izmene uslova koriscenja
              </h2>
              <p>
                Zadrzavamo pravo da azuriramo ove uslove koriscenja u bilo kom trenutku.
                Sve izmene ce biti objavljene na ovoj stranici sa azuriranim datumom poslednje
                izmene. Nastavak koriscenja sajta nakon objave izmena smatra se prihvatanjem
                novih uslova.
              </p>
            </section>

            <section>
              <h2
                className="text-xl font-bold mb-3"
                style={{ fontFamily: 'var(--font-display)', color: 'var(--text-primary)' }}
              >
                10. Kontakt
              </h2>
              <p>
                Za sva pitanja u vezi sa ovim uslovima koriscenja, mozete nas kontaktirati:
              </p>
              <ul className="list-none space-y-1 mt-2">
                <li>Sajt: filamenteka.rs</li>
                <li>Telefon: +381 63 103 1048</li>
              </ul>
            </section>
          </div>
        </article>
      </main>
      <SiteFooter />
    </div>
  );
}