Angelo Moreira Films

Site vitrine d'une page pour Angelo Moreira, cinéaste de mariage basé à Paris, rendu côté serveur avec TanStack Start. Hero plein écran, galerie avec lightbox accessible, trois collections de films et formulaire de demande (date, lieu, type d'événement) validé avec Zod et envoyé par e-mail. Site bilingue FR / EN avec hreflang, canonical et Open Graph, pages légales, aucun cookie de suivi, déploiement Docker hébergé par MK-Web.

• Site vitrine one-page bilingue FR/EN avec React et TanStack Start (hreflang, canonical, Open Graph)
• Galerie portfolio avec lightbox accessible et présentation de 3 collections
• Formulaire de demande validé avec Zod côté client et serveur, protégé par honeypot, envoyé par e-mail (SMTP)
• Pages légales FR/EN (mentions légales, confidentialité, CGV), site sans cookie de suivi
• Déploiement Docker hébergé par MK-Web, avec optimisation du chargement : images WebP, visuel d'accueil en 640 px, images différées, polices auto-hébergées

J’ai conçu et développé le site, je l’héberge et je le maintiens.

Un cinéaste de mariage avait besoin d’une vitrine qui présente son travail et ses trois collections, et qui capte les demandes de couples français et internationaux.

Site d’une seule page, bilingue FR / EN et rendu côté serveur (TanStack Start, TypeScript, Tailwind CSS) : galerie avec lightbox accessible, trois collections et formulaire de demande (date, lieu, type d’événement) validé avec Zod. Hreflang, canonical et Open Graph sur chaque langue, pages légales FR / EN, déploiement Docker hébergé par MK-Web.

Les demandes arrivent directement par e-mail (SMTP, protection honeypot), sans stockage de données ni cookie de suivi.

• Portfolio de 6 images avec visionneuse plein écran et navigation précédent / suivant
• Trois collections de films : Élégance, Signature et D’Exception
• Formulaire de demande avec date (ou « pas encore fixée »), lieu, type d’événement et message
• Site en français et en anglais avec sélecteur FR / EN et redirection vers /en pour un navigateur anglais
• Menu mobile plein écran
• FAQ et section « À propos »