A futuristic, NVIDIA-styled portfolio microsite for two candidates applying to the NVIDIA Technical Product Management Intern (Enterprise Products) position.
- Ultra-skimmable design: Optimized for 30-60 second recruiter review
- NVIDIA aesthetic: Dark theme with neon green accents (#76B900), subtle grid background
- Content-driven: Single data source (
lib/people.ts) for easy maintenance - Responsive: Works on all device sizes
- Smooth animations: Framer Motion for subtle polish
- Next.js 14 (App Router)
- TypeScript
- Tailwind CSS
- Framer Motion
- Next.js Fonts (Inter + Space Grotesk)
npm installnpm run devOpen http://localhost:3000 in your browser.
npm run build
npm start├── app/
│ ├── layout.tsx # Root layout with fonts
│ ├── page.tsx # Home page (duo landing)
│ ├── ryan/
│ │ └── page.tsx # Ryan's profile
│ ├── ahmed/
│ │ └── page.tsx # Ahmed's profile
│ ├── role-fit/
│ │ └── page.tsx # Role alignment page
│ └── globals.css # Global styles + grid background
├── components/
│ ├── TopNav.tsx # Navigation with profile toggle
│ ├── GlowButton.tsx # NVIDIA-styled buttons
│ ├── StatCard.tsx # Metric display cards
│ ├── TagPill.tsx # Tech stack tags
│ ├── Section.tsx # Page sections with animations
│ ├── CaseStudyCard.tsx # Project case studies
│ └── ProfileLayout.tsx # Shared profile page layout
├── lib/
│ └── people.ts # Single source of truth for all content
└── public/
└── resumes/ # Placeholder for resume PDFs
Place resume PDFs in public/resumes/:
ryan.pdfahmed.pdf
The site will automatically link to them from the profile pages.
All content is stored in lib/people.ts. Edit this file to update:
- Personal information
- Experience entries
- Projects
- Proof stats
- Product thinking sections
- Primary Color: NVIDIA Green (#76B900)
- Background: Near-black (#050505) with gradient
- Grid: Subtle animated grid overlay
- Typography: Inter (body) + Space Grotesk (headings)
- Components: Glassy panels with soft borders and inner glow
Private project for NVIDIA internship application.