브랜드 디자이너 포트폴리오-히어로 영역

### 4.1. Header (내비게이션 바) - **구조**: 화면 상단 고정 (Sticky/Fixed), 배경 블러 처리 (`backdrop-blur-md`, `bg-black/50`). - **UI 구성**: - 좌측: 로고 또는 스튜디오 이름 - 중앙/우측: "Available for work" 상태 표시 (초록색 펄스 애니메이션 점 포함) - 우측 끝: "Contact" 버튼 (`rounded-full`, `border border-white/20`) ### 4.2. Hero Section (인트로 및 3D 도서 스크롤) - **텍스트 콘텐츠**: - "데이터와 감각 사이의 접점을 찾아 지속 가능한 비주얼 시스템을 구축합니다." - **UI 구성**: - 텍스트는 중앙 정렬, 부드럽게 페이드인 되며 위로 올라오는 애니메이션 (`y: 20` -> `y: 0`). - **3D Book Component (`BookHero`)**: - 화면 중앙에 16:10 비율의 3D 책 모델링 배치. - 총 8장의 이미지가 4번의 슬라이드(Spread)로 넘어가도록 구성. - 한 번 넘길 때마다 왼쪽/오른쪽 2장의 페이지가 완전히 새롭게 교체됨 (겹침 없음). - 하단에 좌/우 화살표 버튼과 4개의 인디케이터 점(Dots) 배치.