ZNSO Architecture
Modern marketing website for ZNSO Architects in Kuwait. Features React Compiler optimization, dark theme design, Framer Motion animations, and Google Sheets contact form integration.
- Industry
- Architecture
- Year
- 2026
- Timeline
- 4 weeks
The challenge
ZNSO Architecture needed a portfolio that matched the sophistication of their award-winning designs. They required a modern, performant website that could showcase their projects across categories (residential, commercial, interior, hospitality) while maintaining a premium aesthetic.
We built a Next.js 16 website with React 19 and the React Compiler enabled for automatic optimizations. The HomeClient pattern allows server-side rendering while handling client-side interactivity (modals, project previews). Dark theme with Framer Motion animations creates an immersive portfolio experience.
The approach
Design System
Established dark theme with black background, white text, and architectural aesthetic using Tailwind v4
Architecture
Implemented HomeClient pattern for server/client hybrid rendering with modal state management
Portfolio
Built project data structure with category filtering (residential, commercial, interior, hospitality)
Deployment
Configured Vercel auto-deploy, Google Sheets API for contact form, performance optimization
What we learned
React Compiler with React 19 provided automatic memoization without manual optimization effort
HomeClient pattern elegantly separated server rendering from client interactivity in a single component
Dark theme with Framer Motion animations created premium feel that matched architectural brand
The stack
The outcome
React Compiler enabled
Server/client hybrid
Dark theme design
Google Sheets integration