Framer Motion을 활용한 Landing 페이지 애니메이션 추가

[nijesmik]

Important

Merge 시 commit 메시지 맨 앞에 🔀 이모지(:twisted_rightwards_arrows:)를 붙여주세요!

작업 요약

• Resolved 랜딩 페이지 Framer Motion 적용 #135
  • Header 컴포넌트에도 애니메이션 추가
• 모바일 환경에서 Drawer 컴포넌트, Service 레이아웃 스타일 오류 수정

[Copilot]

Pull Request Overview

This PR adds Framer Motion animations to the landing page components and fixes mobile styling issues. The changes enhance user experience with smooth entrance animations while resolving layout problems in mobile environments.

• Added Framer Motion animations to header, hero sections, and landing page components
• Fixed mobile styling issues in Drawer component and Service layout
• Improved visual consistency with backdrop blur effects and proper viewport handling

Reviewed Changes

Copilot reviewed 10 out of 11 changed files in this pull request and generated 1 comment.

Show a summary per file

File	Description
src/widgets/header/ui/wrapper.tsx	New HeaderWrapper component with conditional Framer Motion animations
src/widgets/header/ui/index.tsx	Updated Header to use HeaderWrapper with animation and backdrop blur styling
src/shared/ui/component/hero.tsx	Added motion variants and viewport props to Hero component
src/pages/landing/ui/tutorial-chatting/description.tsx	Added motion animations to tutorial description
src/pages/landing/ui/tutorial-chatting/chatting.tsx	Added motion wrapper to chatting component
src/pages/landing/ui/support/description.tsx	Added motion animations to support description
src/pages/landing/ui/page.tsx	Added viewport configuration and NAV_ID constant
src/features/drawer/ui/styles.ts	Fixed mobile sizing with h-screen and w-screen
src/app/layouts/service.tsx	Improved layout styling with tailwind-variants
package.json	Added framer-motion dependency

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}