✦ natanim.dev

A modern, responsive portfolio website built with Next.js 16, Tailwind CSS, and TypeScript.

Tech Stack

• Framework: Next.js 16 (App Router)
• Styling: Tailwind CSS 4
• Language: TypeScript
• Font: Inter (Google Fonts)
• Icons: Simple Icons CDN, Custom SVGs

Project Structure

src/
├── app/
│   ├── globals.css      # Global styles & CSS variables
│   ├── layout.tsx       # Root layout with ThemeProvider
│   └── page.tsx         # Main page component
├── components/
│   ├── Navbar.tsx       # Navigation 
│   ├── Hero.tsx         # Hero section
│   ├── TechMarquee.tsx  # Animated tech stack
│   ├── About.tsx        # About section
│   ├── Work.tsx         # Projects section
│   ├── OpenSource.tsx   # Open source contributions
│   ├── Contact.tsx      # Contact form & footer
│   ├── GridBackground.tsx # Decorative grid lines
│   └── ThemeProvider.tsx  # Theme context provider

• Website: natanim.dev
• Telegram: @phnatnaim

---

Built with ❤️ using Next.js & Tailwind CSS by @natanim-kemal