Referencny dokument

MOSTPOOLS Dizajn System

Tento dokument definuje farebnu paletu, typografiu, specifikacie fotografii a strukturu podstranok pre cely MOSTPOOLS projekt. Sluzi ako referencia pre vsetky buduce stranky.

Farby

Primary (Tyrkysova)

#40a0a0

Tlacidla, akcenty, odkazy, aktivne stavy

Background

#f2f7f8

Pozadie celej stranky

Card (Biela)

#ffffff

Karty, panely, modaly

Foreground (Tmava)

#1a2e35

Hlavne nadpisy, dolezity text

Muted

#e8eff0

Pozadia toolbarov, neaktivne prvky

Border

#d4e4e8

Oramovanie kariet, oddelovace

Typografia

Body text (font-sans)

Inter

Hmotnosti: 400 (Regular), 500 (Medium), 600 (Semibold)

Kompletna ponuka bazenov vsetkych typov a velkosti.

Nadpisy (font-serif)

Montserrat

Hmotnosti: 600 (Semibold), 700 (Bold)

Prehliadajte nase katalogy

Specifikacie fotografii

Rozmer800 x 500 px
Pomer stran16:10
FormatJPG, PNG alebo WebP
Kvalita80-90% (JPG kompresie)
Max velkostdo 200 KB pre rychle nacitanie
StilProfesionalna fotografia, cisty svetly styl, teplé tony

Postup vymeny fotografii

  1. Pripravte fotky v rozmere 800 x 500 px (JPG/PNG/WebP)
  2. Na stranke prepnite do rezimu Upravit (ikona ceruzky v navigacii)
  3. Kliknite na obrazok, ktory chcete nahradit
  4. Vyberte novu fotku z vasho pocitaca
  5. Pre trvalu zmenu: prilozete fotky do chatu vo v0 a ja ich vlozim do projektu

Struktura podstranok

Nasledujuca tabulka ukazuje planovane podstranky projektu. Kazda bude hostovania na Vercel a pristupna cez odkaz z BIZNISWEB. Vsetky zdielajú spolocnu navigaciu, farby a typografiu.

/Hotova

Katalogy

Prehlad vsetkych katalogov s moznostou online listovnaia a PDF stiahnutia. Inline editor a HTML export.

/referenciePlanovana

Referencie / Realizacie

Galeria realizovanych projektov - foto pred/po, popis, lokacia. Filtrovanie podla typu (bazeny, wellness...).

/akciePlanovana

Akciove ponuky

Sezonene akcie a zlava. Casovo obmedzene ponuky s odpocitavanim, highlight produkty.

/cennikPlanovana

Cennik / Konfigurator

Cennikove tabulky podla kategorii. Moznost jednoducheho konfigurátora s odhadom ceny.

/novinkyPlanovana

Novinky / Blog

Clanky o novinkach, tipy na udrzbu, sezonene rady. SEO optimalizovane clanky.

/kontaktPlanovana

Kontakt / Dopadova forma

Kontaktny formular, mapa predajni, otvaracie hodiny. Moznost objednavky konzultacie.

Technicke poznamky

Hosting

Projekt je hosovany na Vercel (bezplatny Hobby plan). Po kliknuti na Publish sa stranka automaticky nasadi. Pracovna adresa: mostpools-*.vercel.app

SEO

Kazda podstranka ma vlastne meta tagy (title, description). Pre najlepsie SEO odporucame pripojit subdomenu katalogy.mostpools.sk namiesto Vercel adresy.

Prepojenie s BIZNISWEB

Na BIZNISWEB vlozite tlacidlo s odkazom na Vercel URL. Na kazdej podstranke je tlacidlo "Spat na web" s odkazom naspat na BIZNISWEB.

Stabilita obrazkov

Obrazky vlozene do projektu (zlozka /public/images/) su trvale a stabilne - su sucastou deployu. Obrazky nahrane cez inline editor su docasne (len pre nahlad).