Lens

Lens는 3주의 시간이 있다면 직접 손으로 만들었을 법한 갤러리와 라이트박스 인터랙션을 갖춘, 사진 중심의 Next.js 포트폴리오입니다. 원클릭 토글로 전환되는 세 가지 레이아웃 모드(균일, 매스너리, 에디토리얼)와 휠 줌, 더블 탭, 드래그 패닝, 전체 화면, 스와이프, 완전한 키보드 제어를 지원하는 핀치 줌 라이트박스를 제공합니다.

전체 화면 슬라이더 "monolith" 변형을 포함한 정교하게 다듬은 4가지 테마와, pointer:fine를 존중하는 맞춤형 애니메이션 커서를 제공합니다. JSON-LD BlogPosting을 적용한 저널/블로그와 접근성을 갖춘 FAQ 아코디언이 있는 서비스 페이지도 함께 제공합니다. 다국어(EN / ES / FR / PT)를 지원하며, 주석 처리된 드롭인 형태의 Resend 및 Formspree 연락 어댑터가 기본 포함됩니다.

Next.js 16 + React 19 + Tailwind v4 + Framer Motion 기반으로 구축되었습니다. 34개의 단위 테스트, 완전한 SEO, WCAG 2.1 AA 접근성, 그리고 전반에 걸친 prefers-reduced-motion 처리를 갖췄습니다. 대규모 카탈로그를 관리하는 사진가를 위한 선택형 Sanity CMS 어댑터도 제공됩니다.