Landing edukacyjnej platformy dla weteranów — kursy przekwalifikowania

Opracowałem animowaną stronę docelową dla fundacji charytatywnej, która oferuje bezpłatne kursy przekwalifikowania dla weteranów, żołnierzy, rodzin wojskowych i osób wewnętrznie przesiedlonych w Ukrainie.

Cechy:
— Wstępna animacja z sześcienną siatką (fade-in + stagger)
— Interaktywny odtwarzacz wideo z animacją otwierania „zasłony”
— Sekcja kursów z efektami hover: tekst się rozmywa, pojawia się podgląd kursu
— Formularz kontaktowy z walidacją międzynarodowego numeru telefonu
— Okno modalne zgłoszenia z ekranem potwierdzenia wysłania
— Akordeon FAQ
— Pełna dwujęzyczność (English / Українська) — niestandardowe i18n przez React Context
— Responsywny design (mobile-first)

Sekcje: Hero, Dla kogo, Jak to działa, Kursy, Wideo, Formularz zgłoszeniowy, FAQ, Stopka

Stos: Next.js 16, React 19, Tailwind CSS v4, Motion (Framer Motion), Radix UI, shadcn/ui, Sonner
Projekt: ciemna paleta (#203236), żółty akcent (#FFD700), czcionki Onest + Geologica

Układ pixel-perfect według makiet Figma.

#Landing #NextJS #React #TailwindCSS #Animacja #FramerMotion #Responsywny #Figma #Frontend #Układ #Ukraina #Weterani