Angelo Moreira Films

One-page, server-rendered showcase site (TanStack Start) for Angelo Moreira, a Paris-based wedding filmmaker. Full-screen hero, gallery with an accessible lightbox, three film collections and an enquiry form (date, place, event type) validated with Zod and delivered by email. Bilingual FR / EN with hreflang, canonical and Open Graph, legal pages, no tracking cookies, Docker deployment hosted by MK-Web.

• One-page bilingual FR/EN showcase site with React and TanStack Start (hreflang, canonical, Open Graph)
• Portfolio gallery with accessible lightbox and 3 film collections
• Enquiry form validated with Zod on client and server, honeypot protected, delivered by SMTP email
• FR/EN legal pages (legal notice, privacy, terms of sale), no tracking cookies
• Docker deployment hosted by MK-Web, with loading optimisations: WebP images, 640 px hero variant, lazy-loaded images, self-hosted fonts

I designed and built the site, and I host and maintain it.

A wedding filmmaker needed a showcase for his work and his three collections, and a way to receive enquiries from French and international couples.

A single-page, server-rendered bilingual FR / EN site (TanStack Start, TypeScript, Tailwind CSS): gallery with an accessible lightbox, three collections and an enquiry form (date, place, event type) validated with Zod. hreflang, canonical and Open Graph on each language, FR / EN legal pages, Docker deployment hosted by MK-Web.

Enquiries go straight to his inbox (SMTP, honeypot protection), with no data stored and no tracking cookies.

• Portfolio of 6 images with a full-screen lightbox and previous / next navigation
• Three film collections: Élégance, Signature and D’Exception
• Inquiry form with date (or “not set yet”), location, event type and message
• Site in French and English with an FR / EN switcher and a redirect to /en for English browsers
• Full-screen mobile menu
• FAQ and “About” section