// 228 FILMS · Footer // Mirror grammaire OPERATORS V12 sans copie. Voix v16, sans archaïsme. // Grand titre noir → ivoire, paragraphe + CTA primaire à droite, // grille 4 colonnes (marque, paliers, contact, Groupe 228), // signature mono en bas, sceau aurum décoratif qui saigne bas-droite. function Footer() { const tr = useTr(); const { isMobile } = useViewport(); return ( ); } function FooterCol({ title, items }) { const tr = useTr(); return (
{tr(title)}
); } // ───────────────────────────────────────────────────────────── // FooterLegalAndSocials · ligne combinée // Gauche : Mentions · Confidentialité · CGV (boutons setPage) // Droite : 5 icônes sociaux Simon Senez (perso opérés en mode pro) // ───────────────────────────────────────────────────────────── function FooterLegalAndSocials() { const tr = useTr(); const { setPage } = usePage(); const links = [ { page: 'mentions', label: { fr: 'Mentions légales', en: 'Legal notice' } }, { page: 'privacy', label: { fr: 'Confidentialité', en: 'Privacy' } }, { page: 'cgv', label: { fr: 'CGV', en: 'Terms' } }, ]; return (
{links.map((it) => ( ))}
); } // ───────────────────────────────────────────────────────────── // FooterSocials · 5 comptes perso Simon Senez (LinkedIn / IG / FB / X / YT) // Doctrine : « Réseaux sociaux 100% perso opérés en mode pro · 5 comptes // Simon distribuent 3 marques. Aucune company page. » (memory) // Mirror exact du pattern OPERATORS V12 footer. // Hover : couleur bronze aurum + lift -2px. target="_blank" + noopener. // ───────────────────────────────────────────────────────────── function FooterSocials() { const socials = [ { name: 'LinkedIn', href: 'https://www.linkedin.com/in/simonsenez/', icon: }, { name: 'Instagram', href: 'https://www.instagram.com/simonsenez/', icon: }, { name: 'Facebook', href: 'https://www.facebook.com/SimSenez', icon: }, { name: 'X', href: 'https://x.com/SimonSenez', icon: }, { name: 'YouTube', href: 'https://www.youtube.com/@SimonSenez', icon: }, { name: 'Email', href: 'mailto:info@228films.com', icon: , external: false, label: '228 FILMS · info@228films.com' }, ]; return ( ); } // LinkedIn · official mark function LogoLinkedIn() { return ( ); } // Instagram · official mark function LogoInstagram() { return ( ); } // Facebook · official mark function LogoFacebook() { return ( ); } // X (ex-Twitter) · official mark 2023 refresh function LogoX() { return ( ); } // YouTube · official mark function LogoYouTube() { return ( ); } // Email · enveloppe minimaliste function LogoEmail() { return ( ); } Object.assign(window, { Footer });