This is a static website built with Next.js 15, Tailwind CSS v4, and Framer Motion, designed to match the provided reference.
- Hero Section: Cinematic black hole background with entrance animations.
- Mission Section: Glassmorphism card on a nebula background.
- Events Section: Neon-bordered cards with hover effects.
- Achievements Section: Glowing icon cards.
- Projects Section: List of projects with descriptions.
- Responsive Design: Works on mobile and desktop.
- Animations: Smooth scroll and entrance animations using Framer Motion.
-
Install dependencies:
npm install
-
Run the development server:
npm run dev
-
Open http://localhost:3000 with your browser to see the result.
- Images: Replace
public/hero-bg.pngwith your desired background. - Content: Edit the data arrays in
components/sections/*.tsxfiles. - Theme: Adjust colors in
app/globals.cssor Tailwind classes.