ZEN - Customizable WebGL Shader Agency Template

ZEN is a creative agency website template built with Next.js, React, TypeScript, Tailwind CSS 4, Three.js, and GSAP. The hero features a procedural WebGL / GLSL metal shader with pointer and scroll interaction. Its colors, fold geometry, deformation, lighting, glow, shadows, and animation can be customized in the shader source. Original video-filled ZEN lettering completes the hero. A liquid-glass project carousel adds edge refraction, chromatic dispersion, drag navigation, keyboard controls, and focused project views. The page includes layered section transitions, service hover previews, a blurred header, an interactive Spline robot, responsive layouts, a contact form, and seven shader motion studies. This package contains the exact source commit deployed at zenagency-virid.vercel.app, including every public asset. Original images, video files, posters, branding, text, contact settings, and the externally hosted Spline scene reference are preserved. Contact delivery uses FormSubmit; no chatbot backend is included.