Urban Development & Industrial PMC Platform with Hardened Security & Vector Animations
Yellow Crest
Web Architecture & Security Systems
The official digital platform for Yellow Crest urban development and industrial PMC firm. Built with high-performance 60fps Lenis inertia scrolling, interactive vector animations, and hardened server-side security—incorporating authenticated SMTP lead capture, CSRF validation, rate-limiting abuse protection, and structured vertical showcases across five industrial divisions.
System Implementation
Engineering Industrial Infrastructure & Secure Digital Platforms
Yellow Crest bridges large-scale industrial project management consultancy (PMC) with enterprise-grade web development. The digital platform was designed to represent five core divisions—Industries PMC, Project Liasoning & Approvals, Urban Redevelopment, Land Aggregation, and EPC Infrastructure. To meet corporate security standards, the platform features hardened server-side handlers: authenticated SMTP email routing, input sanitization, rate-limiting middleware, and responsive vector animations with 60fps inertia scrolling.
Metrics & Architecture
Production Results
Hardened Security
Authenticated SMTP pipeline, CSRF mitigation & rate-limiting handlers
BACKEND SECURITY SHIELD UTILIZING ZOD RUNTIME VALIDATION, RATE-LIMITED SUBMISSION GATES, AND SECURE TLS/SMTP LEAD DISPATCH TO ELIMINATE SPAM AND INJECTION ATTACKS.
Vector & Inertia UX
60fps Lenis smooth scrolling, vector path physics & zero layout shift
SEAMLESS ANIMATION ENGINE COMBINING GSAP SCROLLTRIGGER AND FRAMER MOTION FOR DYNAMIC INFRASTRUCTURE TAB TRANSITIONS AND TIMELINE REVEALS.
Technical Architecture
Secure Next.js Server Architecture & SMTP Bus
Engineered with Next.js App Router, secure server action handlers, and an authenticated SMTP transmission pipeline.
Key Technologies
- Next.js 16 App Router & Hardened Server Action Handlers
- Authenticated SMTP Pipeline with TLS Encryption (Nodemailer & DNS DKIM/SPF)
- Rate-Limiting Middleware & Zod Schema Sanitization Handlers
- Lenis Inertia Physics & Framer Motion Vector Animations
- Five-Vertical Modular Architecture (PMC, Liasoning, Redevelopment, Land, EPC)
Developer Focus
Security Handlers & Performance Guardrails
Enforces strict input validation, bot mitigation, and zero-layout-shift asset rendering.
Architecture Patterns
- Multi-step inquiry form with honeypot bot traps and rate-limit throttles
- Vector SVG line drawing and dynamic vertical tab switcher
- Secure transactional email dispatch with payload encryption
- Optimized WebP asset delivery achieving 99+ Lighthouse performance score