← 갤러리로 돌아가기홈페이지반려동물예약
이 앱은 데모 페이지에서 로그인 없이 바로 체험할 수 있어요. 아래 버튼으로 이동해서 더미 데이터로 주요 기능을 눌러보세요.
데모 보러 가기🛠️ 개발 가이드
반려동물 미용·호텔샵을 위한 따뜻한 톤의 홈페이지 데모예요. 보호자 후기 카드로 신뢰감을 더했어요.
핵심 구현 포인트
- 노란색(따뜻함) + 민트(청결·안심) 두 가지 포인트 컬러를 용도별로 나눠 썼어요 — CTA는 노란색, 폼 버튼은 민트예요.
- 서비스 카드 4개를 아이콘 + 한 줄 설명으로 단순화해서 한눈에 훑어볼 수 있게 했어요.
- 보호자 후기는 실제 이름 대신 "OO 보호자" 형태로 표기해 개인정보 걱정 없이 신뢰감을 줘요.
이렇게 만들면 돼요
- 서비스 항목을 아이콘·이름·설명 배열로 정의해요.
- 후기 카드는 인용문 스타일로 배열을 순회해 렌더링해요.
- 예약 폼 select에도 서비스 배열을 재사용해요.
참고 파일
components/gallery/PetLandingDemo.jsx