IIIT Kernel - Official Website

The Founding Technical Club of IIIT Kota

Connecting Pasts - Building Futures
The official portfolio and web presence for IIIT Kernel, featuring an ultra-premium, highly interactive, and immersive design language.

✨ Features

• Immersive Hero Section: Built with GSAP and Framer Motion, featuring dynamic noise textures, an interactive grid, and a custom "Split-Flap" text animation with synchronized haptic audio.
• Advanced Micro-Interactions: Custom glowing cursor, text scramble effects on hover, smooth scroll restoration, and zero-layout-shift interactivity.
• Amazon-Style Team Modals: A fully symmetric, responsive team catalog with high-performance overlay modals that lock body scroll and reveal detailed profile information instantly.
• Glassmorphism UI: Beautifully blurred navigation bars and event/club cards that dynamically react to the background gradients.
• Production Performance: Zero-error strict TypeScript compilation, aggressively minimized bundle sizes, and seamless static-page generation.

🛠 Tech Stack

• Framework: Next.js (App Router, React 18+)
• Language: TypeScript
• Styling: Tailwind CSS
• Animations: Framer Motion & GSAP
• Icons: Lucide React

🚀 Getting Started

First, clone the repository and install the dependencies:

git clone https://github.com/adityapandey4621/Kernel_Website.git
cd Kernel_Website
npm install

Start the development server:

npm run dev

📁 Key File Structure

• /app/globals.css - Global CSS resets, theme variables, and aggressive cursor/text-selection security policies.
• /app/page.tsx - Main landing page assembling the primary visual components.
• /components/hero-section.tsx - The flagship landing view with the interactive grid and 3D Split-Flap engine.
• /components/team-section.tsx - Dynamic team member mapping with associated modal logic.

👨‍💻 Credits

Designed and engineered with ❤️ & ⚡ by:

• Aditya Pandey
• Aakarsh Bibhaw

© 2026 IIIT Kernel. All rights reserved.