/** * Hero Server Component * * Renders all static content server-side: * - Poster de fond (élément LCP) * - Title, subtitle, description * - CTA button structure * * La vidéo de fond est déléguée à , un composant client qui ne la * monte que sur écran large et hors `prefers-reduced-motion` (cf. son en-tête). */ import type { HeroContentProps } from "./hero.types"; import { CalButton } from "../cal-button"; import { HeroVideo } from "./HeroVideo"; export function HeroServer({ variant }: HeroContentProps) { return (
{/* Précharge le poster (élément LCP) en priorité haute — hoisté dans . `type` restreint le préchargement aux navigateurs qui savent lire l'AVIF : les autres l'ignorent et prendront le WebP ou le JPEG via , sans double téléchargement. */} {/* Fond du hero — le poster est l'élément LCP : rendu serveur, présent dès le HTML initial, préchargé ci-dessus. Il ne dépend pas de JavaScript et reste l'unique fond sur mobile et en `prefers-reduced-motion`. */} {/* La vidéo se superpose au poster, uniquement si le contexte s'y prête. */} {/* Dark overlay for text contrast */}
); }