Ivan Escribano — Portfolio

I don't start with code. I start with the problem. Then I build the software that solves it.

Demo

portfolio-102.mp4

Live: ivanescribano.com

Tech Stack

Layer	Technologies
Framework	Next.js 16 (App Router)
Language	TypeScript
Styling	CSS Modules (plain CSS, no preprocessors)
Fonts	Playfair Display, DM Sans, JetBrains Mono
Icons	Lucide React
Images	Cloudinary
Deployment	Vercel

Folder Structure

app/
├── components/
│   ├── about/            # About + interactive terminal
│   ├── contact/          # Contact + social links
│   ├── experience/       # Work timeline
│   ├── hero/             # Hero with world animation
│   ├── navbar/           # Floating pill nav + mobile drawer
│   ├── philosophy/       # Video terminal + Kobe quote
│   ├── projects/         # Project cards
│   ├── testimonials/     # Testimonials with photos
│   └── trusted-by/       # Company logo marquee
├── globals.css           # Design tokens
├── layout.tsx            # SEO metadata
├── page.tsx              # Page composition
├── robots.ts
└── sitemap.ts

Run Locally

npm install
npm run dev

Open localhost:3000

Connect