Project Case Study Page

A detailed case study with problem/solution narrative, process sections, and results metrics.

Portfolio portfolio case-study dark-mode responsive complex

Prompt

Create a project case study page:

Hero: full-width image, title, one-liner, tags (Role, Timeline, Tools)

Overview: The Problem, The Goal, My Role, quick stats (Duration, Team, Platform)

Process sections (alternating layout):
- Research: text left, image right
- Design: image left, text right with process flow
- Development: code snippet + technical highlights

Results: 4 metric cards, before/after comparison slider, client testimonial

More Work: 2 case study cards, Prev/Next navigation

Use Tailwind CSS, shadcn/ui, dark mode

Share:Share on X