← 갤러리로 돌아가기홈페이지피트니스헬스
이 앱은 데모 페이지에서 로그인 없이 바로 체험할 수 있어요. 아래 버튼으로 이동해서 더미 데이터로 주요 기능을 눌러보세요.
데모 보러 가기🛠️ 개발 가이드
퍼스널 트레이닝 짐을 위한 다크 + 레드 톤 홈페이지 데모예요. 에너지 넘치는 느낌을 색상 대비로 표현했어요.
핵심 구현 포인트
- 어두운 배경에 레드를 포인트 컬러로만 제한해서, 브랜드 컬러가 과하지 않으면서도 강렬한 인상을 줘요.
- 프로그램 카드에 가격을 큰 폰트+포인트 컬러로 강조해 비교하기 쉽게 했어요.
- 무료 체험 신청 폼의 프로그램 select도 같은 프로그램 배열을 재사용해요.
이렇게 만들면 돼요
- 다크 배경 + 포인트 컬러 하나만 쓰는 팔레트를 정해요.
- 프로그램 데이터를 이름·설명·가격 배열로 정의해요.
- 상담 폼에서 같은 배열을 select 옵션으로 재사용해요.
참고 파일
components/gallery/GymLandingDemo.jsx