# Cult A Way XIV | Lumière Renaissance The official web platform for **Cult A Way XIV**, the premier annual national techno-cultural festival of SCT College of Engineering (SCTCE), scheduled for June 27–29 at Kanakakkunnu Palace, Trivandrum, Kerala. --- ## 🛠️ Technology Stack * **Framework**: Next.js 14 (App Router) * **Styling**: Tailwind CSS & Vanilla CSS * **Animations**: Framer Motion * **3D Graphics**: Three.js, React Three Fiber (`@react-three/fiber`), and `@react-three/drei` (dynamically lazy-loaded) * **Database & Auth**: Supabase (RLS & Database Layer) * **Payment Integration**: Razorpay Gateway * **Compilation**: TypeScript (Full strict type-safety) --- ## 🏛️ Project Structure & Routes * `/` - Dynamic Landing page with layered atmospheric visual zones, dynamic Three.js merchandise frames, and a modular top Navbar. * `/about` - Focus narrative highlighting the Renaissance theme, SCT CE cultural legacy, and event coordinates. * `/events` - Grid database mapping technical, artistic, and cultural events. * `/[id]/register` - Custom dynamic registration system with custom individual and group validations: * **SCT Classics Special Event**: Dynamically prompts custom Gender (`Male` / `Female`) and Weight Category fields. * **Alternate Contact Rules**: Ensures unique emergency contact information across solo and group registers. * `/merch` - Immersive 3D interactive store displaying customized apparel. --- ## ⚡ Performance Optimizations * **Dynamic Three.js Code Splitting**: Heavy client-side packages are isolated using Next.js `dynamic(..., { ssr: false })` imports to maintain an initial First Contentful Paint (FCP) of **0.3s** on Desktop. * **On-Demand WebGL Mounts**: Visual assets render static WebP previews initially, initializing the 3D WebGL context purely upon client hover/tap interaction to save CPU bandwidth. * **Adaptive Scroll Headers**: The `Navbar.tsx` implements Y-axis scroll tracking, shifting between full background transparency and dark glassmorphic blurs (`backdrop-blur-md`) dynamically.