이미지를 분석했습니다. 다크 테마 기반의 모바일 예측 앱으로, 헤더에 로고/제안/포인트, 배너, 필터 탭, 예측 카드(O/X 비율 바), 하단 네비게이션, 마스코트 캐릭터가 있습니다.

요청하신 사항을 구현하겠습니다:

1. 헤더에 선물 박스 (추첨 참여)
2. 광고 보고 포인트 받기 배너
3. 공지/고객센터를 게시판으로 합치고 광고 메뉴 추가
4. 예측 상세에 광고 보너스 배너
5. 광고 팝업 기능
6. 추첨 UI 및 선물 후기 UI

이제 예측 상세 페이지와 prediction card도 확인하겠습니다.

이제 이미지와 요청사항에 맞게 전체적으로 업데이트하겠습니다. 먼저 다크 테마와 새로운 타입, 목업 데이터를 추가합니다.

이제 새로운 타입을 추가합니다.

이제 목업 데이터를 추가합니다.

이제 스토어에 광고 시청 및 추첨 관련 기능을 추가합니다.

이제 모바일 레이아웃을 업데이트합니다 (공지/고객센터를 게시판으로, 광고 메뉴 추가).

이제 광고 팝업 컴포넌트를 생성합니다.

이제 새로운 홈페이지를 작성합니다.

이제 새로운 prediction-card를 이미지에 맞게 업데이트합니다.

이제 광고 페이지를 생성합니다.

이제 게시판 페이지 (공지 + FAQ 통합)를 생성합니다.

이제 추첨 페이지를 생성합니다.

이제 선물 후기 페이지를 생성합니다.

이제 예측 상세 페이지에 광고 보너스 배너를 추가합니다.

이제 마이페이지 링크를 업데이트합니다.

이제 사용하지 않는 HelpCircle import를 제거합니다.

이미지 기반으로 대대적인 업데이트를 완료했습니다.

주요 변경사항:

1. 다크 테마 - 이미지와 동일한 다크 블루/그린 컬러 테마 적용
2. 헤더 업데이트 - 선물 박스 아이콘 추가 (추첨 페이지 연결), 제안 버튼, 포인트 표시
3. 광고 기능 - 홈 배너와 예측 상세 페이지에 "광고 보고 20P 받기" 배너 추가, 팝업 형태로 외부 링크 이동
4. 하단 네비게이션 - 홈 / 게시판(공지+FAQ 통합) / 광고 / MY로 변경
5. 추첨 시스템 - 카운트다운, 응모권 구매, 참여자 수와 당첨 확률을 원형 차트로 표시
6. 선물 후기 페이지 - 닉네임/회차/날짜/인증 정보와 함께 후기 표시
7. 예측 카드 - 이미지처럼 O/X와 함께 점선 스타일 진행 바, 남은 시간 표시

이미지를 분석했습니다. 배경색은 매우 어두운 네이비(#0f1419), 카드 배경은 약간 밝은 다크(#1a2332), 주요 강조색은 민트/청록색(#2dd4bf), X는 핑크/레드(#f472b6), 배너는 청록-보라 그라데이션입니다.

색상을 이미지와 정확히 일치하도록 업데이트하고, 메인 배너를 더 크게 만들었습니다. 배너 아래에 광고 배너를 항상 표시되도록 변경했으며, 이미 시청한 경우에는 비활성화 상태로 "오늘 광고 시청 완료" 메시지를 보여줍니다. 배너는 청록-보라 그라데이션으로 구성하고 우측에 OX 워터마크를 추가했습니다.