Video
Secțiunea „Video" — crește angajamentul și încrederea utilizatorului prin galerie video cu player modal integrat pentru conținut YouTube
Secțiunea Video oferă un format de conținut mai captivant decât textul static, ideal pentru mărturii video ale clienților, prezentări ale procesului sau interviuri cu avocați. Header-ul centrat cu badge, titlu și subtitlu introduce galeria. Fiecare card video afișează thumbnail-ul cu overlay, categoria, durata și un buton de play vizibil — la click, se deschide un modal full-screen cu player iframe YouTube, navigare între videouri (prev/next), contor și suport pentru tastele ESC și săgeți. Blocul CTA de sub grilă direcționează spre canalul YouTube sau spre o pagină de resurse. Interacțiunile sunt accesibile: Enter/Space activează cardurile, overlay-ul închide modalul. Disponibil în variantele .v-light, .v-subtle și .v-dark.
Structure
.section.video(i.e.class="section video …") +.v-light|.v-subtle|.v-dark.container→.section-header→.video-grid→.video-cta.video-card— clickable;openModal(index)matchesvideos[]order#videoModal— one per page; shared by all section instances on this doc page
Live preview — light / white
.v-light
Learn how we help clients
become EU citizens
A short video about our services and approach to work
Live preview — dark / navy
.v-dark
Learn how we help clients
become EU citizens
A short video about our services and approach to work
Live preview — subtle gradient
.v-subtle
Learn how we help clients
become EU citizens
A short video about our services and approach to work
Live preview — mobile
Same markup as light variant with section-mobile on the section — single-column grid inside a 400px-wide frame.
.section-mobile
Learn how we help clients
become EU citizens
A short video about our services and approach to work
Modal & behavior
The modal is a sibling of the sections (not nested inside .section.video). Closing clears the iframe src after a short delay so the video stops. Previous/Next wrap within the videos list; buttons disable at the ends.