헤어살롱 홈페이지

🛠️ 개발 가이드

예약제로 운영하는 헤어살롱을 위한 홈페이지 데모예요. 시술 메뉴와 디자이너 소개, 예약 폼을 핑크 톤으로 구성했어요.

기술 스택

핵심 구현 포인트

• 시술 메뉴 배열이 가격 카드와 예약 폼의 select 옵션에 동시에 재사용돼요.
• 디자이너 카드는 실제 사진 대신 이모지 아바타로 자리표시자를 채웠어요.
• 연한 핑크·라벤더 팔레트로 뷰티샵다운 부드러운 톤을 만들었어요.

이렇게 만들면 돼요

1. 시술 메뉴를 이름·가격 배열로 정의해요.
2. 같은 배열을 메뉴 카드 그리드와 예약 폼 select에서 재사용해요.
3. 예약 폼 제출 시 로컬 state로 "접수완료" 화면으로 전환해요.

참고 파일