Client PreviewMultilingual commercial website preview / 2026
Problem
SIPA needed a bilingual preview for packaging capabilities, regulated-market credibility, product categories, policies, and contact details.
Solution
Build a localized Next.js App Router site with reusable sections, EN/FR messages, product and market pages, product media, SEO metadata, sitemap/robots, and Vercel preview deployment.
Key Features
English/French routing with next-intl middleware, localized navigation, and language switcher
Commercial page system for company, products, portfolio, markets, services, policies, and contact
Product catalog for pharmaceutical boxes, agro-food cartons, custom labels, and notices/leaflets
Industrial homepage with machine video carousel, company history, statistics, catalog, markets, services, and policies
SEO metadata, Open Graph data, JSON-LD, canonical alternates, robots, and localized sitemap generation
Responsive desktop/mobile navigation, motion-based sections, image/media optimization, and security headers
Architecture Map
Mermaid
flowchart LR Visitor["Visitor or client lead"] --> Middleware["next-intl locale middleware"] Middleware --> Routes["Next.js App Router localized routes"] Routes --> Pages["Company, products, portfolio, markets, services, policies, contact"] Messages["EN/FR JSON message files"] --> Pages Pages --> Sections["Reusable commercial sections and layouts"] Sections --> Media["Local product images and production videos"] Sections --> Motion["Framer Motion interactions"] Pages --> SEO["Metadata, Open Graph, JSON-LD"] SEO --> Discovery["Localized sitemap and robots"] Routes --> Vercel["Vercel client preview deployment"]