Web marketingové agentury s animovaným úvodem

Web má dvě stránky. Úvodní stránka obsahuje sedm sekcí: úvod, popis problému, služby rozdělené do čtyř oblastí, sekci technologického partnera, proces spolupráce ve čtyřech krocích, informace o agentuře a výzvu ke konzultaci. Kontaktní stránka obsahuje poptávkový formulář a představení zakladatele.

Součástí dodávky jsou Open Graph obrázky pro sdílení na sociálních sítích, ikony a manifest pro mobilní zařízení, sitemap a robots.txt. Design jsme připravili podle brand manuálu agentury.

Úvodní sekce obsahuje animované zatmění, které reaguje na pohyb kurzoru a plynule přechází mezi úvodní a kontaktní stránkou. Služby zobrazuje kruhový diagram, který se při posouvání stránky přepíná mezi čtyřmi oblastmi a u každé vypíše konkrétní služby.

Všechny animace jsou napsané v CSS a SVG, respektují systémové nastavení omezení pohybu a obsah zůstává dostupný i bez JavaScriptu.

Formulář sbírá jméno, e-mail, telefon, firmu, web, obor, oblasti zájmu, orientační měsíční rozpočet a zprávu. Validace je stejná v prohlížeči i na serveru. Poptávku odesílá serverová akce přes SMTP a do schránky přichází jako e-mail v textové i HTML podobě.

Validaci, sestavení e-mailu i odeslání pokrývají automatické testy. Web je postavený na Next.js 16 a Reactu 19 a českým textům automaticky doplňuje nezlomitelné mezery za jednopísmennými slovy.