카페 홈페이지

🛠️ 개발 가이드

소상공인 카페를 위한 1페이지 홈페이지예요. 메뉴·소개·오시는 길·예약 문의를 한 페이지 안에서 앵커 링크로 이동하도록 구성했어요.

기술 스택

핵심 구현 포인트

• 섹션마다 고유 id를 주고 네비게이션은 앵커 링크(#menu 등)로만 이동해서, 별도 라우팅 없이 한 페이지로 완성돼요.
• 색상·폰트를 카페 컨셉(따뜻한 브라운·골드 톤)에 맞춘 테마 객체 하나로 관리해요.
• 예약 문의 폼은 실제 전송 없이 로컬 state로 "제출 완료" 화면을 보여주는 데모예요.

이렇게 만들면 돼요

1. 업종에 맞는 색상 팔레트와 카피(문구)를 먼저 정해요.
2. 히어로 → 소개 → 메뉴/서비스 → 오시는 길 → 문의 순서로 섹션을 배치해요.
3. 상단 네비게이션에 각 섹션으로 이동하는 앵커 링크를 연결해요.
4. 문의 폼은 제출 시 로컬 state만 바꿔 완료 화면을 보여줘요.

참고 파일