This is a cinematic, ultra-premium AI Engineer portfolio built with Next.js 14, Tailwind CSS 4, and Framer Motion. It features a luxury glassmorphism design, smooth scrolling, and a fully functional secure admin dashboard.
- Cinematic Hero Section: Animated gradients, auto-typing effects, and floating 3D elements.
- Bento Grid About Me: Modern layout showcasing mission, expertise, and journey.
- Infinite Skill Marquee: Smooth sliding showcase of AI tools and tech stack.
- Dynamic Projects Showcase: Glassmorphism cards with hover reveals and filtering.
- Secure Admin Panel: Protected dashboard to manage projects, skills, and messages.
- Premium Animations: GSAP-style smooth reveals and scroll interactions.
- Fully Responsive: Optimized for all devices from mobile to ultra-wide.
- Frontend: Next.js 14 (App Router), React, Tailwind CSS 4, Framer Motion, Lenis.
- Backend: Next.js API Routes.
- Database: MongoDB with Mongoose.
- Auth: NextAuth.js (JWT).
- Node.js 18+
- MongoDB Database (Atlas recommended)
# Clone the repository (or enter the directory)
cd arman-ai-portfolio
# Install dependencies
npm installUpdate .env.local with your MongoDB URI and NextAuth Secret.
node src/lib/seed.jsDefault Login: armank3001@gmail.com / arman@123
npm run dev- Theme Colors: Configured in
src/app/globals.cssusing Tailwind v4@theme. - Animations: Powered by
framer-motionin component files.
Handcrafted for Arman K.