TEW Capital is an ultra-luxury brand serving high-net-worth individuals across global mobility, private events, wealth management, and a curated asset marketplace. The site had to match the brand's positioning at every layer: sharp, dark, cinematic — and technically capable of handling a growing multi-event platform.
The most involved engineering work was on the Borderless Soiree event page, which warranted its own layout and component architecture. I built a custom isSpecial routing flag that conditionally renders a dedicated SpecialEventClient — with an iMessage-style hero animation sequenced via a useTypewriter hook and AnimatePresence, followed by a concurrent spring entry of title, subtitle, and gallery. Getting the stagger timing right required replacing useInView-gated wrappers with directly gated motion.div elements to prevent animations from firing prematurely on mount.
Beyond the Soiree, I built out the full marketplace page with category filtering, a gallery lightbox with thumbnail navigation, a reusable ContactFormDialog and VideoPlayerDialog, a /api/contact POST endpoint, and fixed a useScroll hydration error caused by an unconditionally mounted ref on pages without partner logos.
Data architecture was also a focus — events now drive the homepage automatically, with no hardcoded duplication.