Mohamed Fahim M — Generative AI Portfolio

Premium dark-first portfolio built with Next.js 14 + Tailwind CSS + Framer Motion.

Quick start (Next.js)

1. Install deps: npm install
2. Run dev server: npm run dev (http://localhost:3000)

Structure

• app/ — pages, global styles, metadata
• components/ — UI sections and effects (hero, skills, projects, timeline, etc.)
• lib/data.ts — content for skills, projects, achievements, etc.
• public/resume.pdf — downloadable resume (copied from user-provided file)
• public/og-cover.svg — social preview image

Customization

• Update links or project repos in lib/data.ts.
• Swap gradients/glass styles in app/globals.css.
• Theme toggle is powered by next-themes (dark by default).

Features

• Sticky nav with smooth scrolling and scroll-progress bar
• Animated hero with typewriter titles and glass CTA cards
• Project hover tilt, section reveal animations, cursor glow, back-to-top
• Responsive design with light/dark modes and glassmorphic cards

---

Static version (no frameworks)

If you want a zero-build deploy, open static-site/index.html directly or host that folder.

• All styling via Tailwind CDN + static-site/style.css
• Animations/interactions in static-site/script.js
• Assets: static-site/resume.pdf, static-site/og-cover.svg
• Works on any static host (GitHub Pages, Netlify drop-in, S3, etc.)