프로젝트 설명
[배경]
식전영상을 효과적으로 소개할 전용 페이지가 필요했습니다.
[구축 내용]
콘텐츠 흐름과 사용자 동선을 기획하고, PC·모바일 모두 자연스럽게 보이는 반응형 레이아웃으로 디자인·구현했습니다. 영상 중심 구성과 부드러운 모션·인터랙션을 적용했습니다.
[사용 기술]
Next.js 14(App Router), React 18, TypeScript, Tailwind CSS로 만든 정적 랜딩페이지입니다.
[성과]
모바일·PC 모두 최적화된 반응형 페이지로, 식전영상을 깔끔하게 전달하는 소개 페이지를 완성했습니다.
기술 스택
Tailwind CSSJavaScript/TypeScript정보구조(IA),반응형 기획,React 18,반응형 웹,SSG