Vale — 3D Artist Portfolio

A single-page 3D artist portfolio with a scroll-animated design in a Spider-Man visual style.

Stack

React + TypeScript + Vite, styled with Tailwind CSS, animations via Framer Motion, icons from Lucide React.

Structure (top to bottom)

Hero — large "Hi, I'm Vale" heading with a red/blue gradient, nav (About/Services/Work/Contact), a Spider-Man mask photo with a mouse-magnet hover effect and a spiderweb pattern behind it, "Say Hello" button

Marquee — two rows of cards scrolling in opposite directions as you scroll the page (horizontal parallax), filled with custom graphics — webs and spider silhouettes on red/blue gradients

About ("Who I Am") — text reveals character-by-character as you scroll, decorative shapes in the corners (cube, web, spark, blob — all in the same theme)

Services ("What I Do") — 5 services (Character Design, Environment Art, Real-time Rendering, Creative Direction, Interactive Experiences) on a light background, list items fading in one by one

Work — 3 project cards that stack and scale down behind each other as you scroll (card-deck effect), clicking a preview or "View Live" opens a lightbox with enlarged images

Contact ("Let's Talk") — a working "Email Me" button (mailto), social icons, footer

Highlights

Every button actually works: nav links smooth-scroll to sections, contact links open your email client, project previews open in a modal

Every image on the site is custom SVG artwork with webs and a red/blue gradient (aside from the mask photo you uploaded) — nothing is random stock photography, so the whole thing feels cohesive

Dark theme throughout, Kanit typeface

Live at vale-3d-artist-portfolio.vercel.app, committed to a private GitHub repo and auto-deploying on every push to main.🙌