Dvojjazyčný web pro průmyslové elektroinstalace

Firma působí hlavně na německém a rakouském trhu, proto má každá stránka českou i německou verzi s vlastní adresou, přepínačem jazyka v hlavičce a jazykovými verzemi propojenými v sitemapě. Web tvoří úvod, O nás, Služby s elektroinstalačními a mechanickými pracemi, Galerie, Reference, Kariéra, Kontakt a obchodní podmínky.

Galerie ukazuje stovky fotografií z realizací rozdělených na elektroinstalace, montáž potrubí a zámečnické práce, s filtrem, postupným načítáním a zvětšením fotky. Zpráva z kontaktního formuláře se uloží do administrace, firmě přijde e-mailem a odesílatel dostane potvrzení. Formulář chrání Vercel BotID místo reCAPTCHA.

Obsah všech stránek firma spravuje sama ve vlastní administraci WEBZI ADMIN. Stránky se skládají ze sekcí, jako je úvodní sekce, statistiky, mřížka služeb, dva sloupce, galerie, reference nebo výzva k akci, které lze přidávat, mazat, přesouvat a skrývat. Vedle editoru je živý náhled stránky a každý text se upravuje v češtině i v němčině. U každé stránky se nastavuje SEO titulek, popis a obrázek pro sdílení.

Administrace dál obsahuje knihovnu médií s nahráváním fotek přetažením, popisky a kategoriemi, správu referencí, schránku zpráv z formuláře, firemní údaje a obchodní podmínky v obou jazycích a uživatele s rolemi. Přihlášení je chráněné limitem neúspěšných pokusů.

Tmavý průmyslový design s modrými akcenty stojí na fotografiích z realizací firmy. V úvodní sekci se kreslí animované linky připomínající elektrické obvody a animace na webu pohání Framer Motion. Na mobilu se služby, certifikace i kontaktní údaje skládají do přehledných karet.

Web je postavený na Next.js 16 a Reactu 19 s React Compilerem a TypeScriptem, s databází Postgres (Neon). Fotografie leží ve Vercel Blob, hesla jsou uložená jako hash bcrypt a e-maily z formuláře odcházejí přes SMTP.