메인 페이지 공통 영역

[brightchul]

기능 요약

• 메인 페이지 공통 영역 (로고, 검색, 배너 슬라이드, 탭) 을 추가 합니다. [메인 페이지 figma]

설명

상단 헤더 [figma]

• 로고 영역
  • 좌측
  • 클릭시 메인 페이지로 이동
• 검색 박스
  • 클릭시 통합상품 검색 페이지로 이동

추천 콘텐츠 배너 영역

• 배너이미지 롤링 배너
• n/n 표기로 배너 숫자 카운딩
• 버튼 클릭시 추천 콘텐츠 전체 리스트로 이동

편의점 별 카테고리 [figma]

• 편의점 별 카테고리
• 카테고리는 총 5개로 분류
(전체,CU,GS25,세븐일레븐, 이마트24)
• 버튼 클릭 시 버튼 컬러값 변경
• 기본 선택 값 전체로 설정

탭 메뉴 [figma]

• 이번주 Hot Trend / 이번주 행사 품목 
탭 메뉴로 진행
• 탭 클릭 시 백그라운드 컬러값 변경
• 기본 탭 메뉴 Hot trend로 설정

기타

• 배너 영역 이미지, 이동 URL 등이 추후 필요

  // 가이드 예시를 위한 것이며 도메인, 룰에 맞게 변경 가능 
  GET : /recommendation/content/banner
  [
  {
    "content-url": "https://example.com/content1",
    "image": "https://cdn.example.com/content1.jpg",
  }
  ]