Lens

Lens は写真を主役にした Next.js ポートフォリオで、自前で作れば3週間はかかるようなギャラリーとライトボックスのインタラクションを備えています。ワンクリックで切り替えられる3つのレイアウトモード（uniform、masonry、editorial）と、ホイールズーム・ダブルタップ・ドラッグパン・フルスクリーン・スワイプ・フルキーボード操作に対応したピンチズーム可能なライトボックスを搭載しています。

手作業で調整した4つのテーマ — フルスクリーンスライダーの「monolith」バリアントを含む — に加え、pointer:fineを尊重するカスタムアニメーションカーソルを搭載。JSON-LDのBlogPostingを備えたジャーナル／ブログと、アクセシブルなFAQアコーディオンを備えたサービスページ。多言語対応（EN / ES / FR / PT）で、ResendとFormspreeのコンタクトアダプターをコメントアウトしたドロップインとして同梱しています。

Next.js 16 + React 19 + Tailwind v4 + Framer Motion 上に構築。34 unit tests、フルセットの SEO、WCAG 2.1 AA のアクセシビリティ、そして全体を通じた prefers-reduced-motion の処理を備えています。大規模なカタログを管理する写真家向けに、オプションの Sanity CMS アダプターも用意しています。