← 갤러리로 돌아가기

어학원 홈페이지

브릿지 어학원 — 커리큘럼·수강 후기·무료 상담 신청을 담은 홈페이지예요.

홈페이지교육학원

이 앱은 데모 페이지에서 로그인 없이 바로 체험할 수 있어요. 아래 버튼으로 이동해서 더미 데이터로 주요 기능을 눌러보세요.

데모 보러 가기

🛠️ 개발 가이드

어학원·학원을 위한 홈페이지 데모예요. 커리큘럼 레벨 배지와 수강 후기 카드로 신뢰감을 주는 구성이에요.

기술 스택

Next.jsReact인라인 스타일

핵심 구현 포인트

  • 커리큘럼 배열에 레벨(BEGINNER/INTERMEDIATE/ADVANCED) 필드를 둬서 배지 색 없이도 텍스트만으로 난이도를 구분해요.
  • 수강 후기는 인용부호(“/”)로 감싸 후기임을 시각적으로 강조해요.
  • 파란색(신뢰) + 주황색(CTA 강조) 조합으로 교육 서비스다운 톤을 만들었어요.

이렇게 만들면 돼요

  1. 커리큘럼·후기 데이터를 배열로 정의해요.
  2. 레벨 테스트/상담 신청 폼의 select 옵션도 커리큘럼 배열에서 가져와요.
  3. CTA 버튼 색상만 브랜드 메인 컬러와 다르게 줘서 시선을 유도해요.

참고 파일

components/gallery/AcademyLandingDemo.jsx