Understand Web3 through website as a tutorial
Layer Zero - Cinematic Web3 Platform Next.js, TypeScript, Framer Motion, Tailwind CSS
"Designed and engineered an award-winning cinematic landing page featuring complex 60FPS scroll-driven animations, physics-based magnetic interactions, and 3D transforms. Implemented a custom high-performance serverless backend with rate-limiting and optimized asset delivery, achieving a 100/100 Lighthouse performance score while delivering an immersive, motion-first user experience."
- Frontend: Next.js 16 (App Router), React 19, Framer Motion, Lenis (Smooth Scroll), Tailwind CSS v3.
- Backend: Next.js API Routes (Serverless), custom rate-limiting (Leaky Bucket/Token Bucket hybrid), Input Validation.
- Animation: Split-text reveals, Canvas-like particle systems, Scroll-linked 3D transforms.