From 3e2d665bfafcdbd2d2c7f44b00652482cd8d1bfc Mon Sep 17 00:00:00 2001 From: jinhyeonkwon Date: Thu, 5 Sep 2024 03:31:24 +0900 Subject: [PATCH 1/6] impl page and disable buttons --- .../web/src/pages/Event/Event2024Fall.tsx | 474 ++++++++---------- .../static/events/2024fallMainSection2.svg | 32 ++ .../static/events/2024fallMainSection4.svg | 69 +++ .../static/events/2024fallMainSection6.svg | 26 + .../2024fallMainSection6.svg:Zone.Identifier | 0 .../src/static/events/2024fallMainStep2.svg | 135 +++++ .../2024fallMainStep2.svg:Zone.Identifier | 0 .../src/static/events/2024fallMainStep3.svg | 9 + .../src/static/events/2024fallMainTitle.svg | 10 + 9 files changed, 495 insertions(+), 260 deletions(-) create mode 100644 packages/web/src/static/events/2024fallMainSection2.svg create mode 100644 packages/web/src/static/events/2024fallMainSection4.svg create mode 100644 packages/web/src/static/events/2024fallMainSection6.svg create mode 100644 packages/web/src/static/events/2024fallMainSection6.svg:Zone.Identifier create mode 100644 packages/web/src/static/events/2024fallMainStep2.svg create mode 100644 packages/web/src/static/events/2024fallMainStep2.svg:Zone.Identifier create mode 100644 packages/web/src/static/events/2024fallMainStep3.svg create mode 100644 packages/web/src/static/events/2024fallMainTitle.svg diff --git a/packages/web/src/pages/Event/Event2024Fall.tsx b/packages/web/src/pages/Event/Event2024Fall.tsx index e507f748c..51901eba1 100644 --- a/packages/web/src/pages/Event/Event2024Fall.tsx +++ b/packages/web/src/pages/Event/Event2024Fall.tsx @@ -12,289 +12,243 @@ import theme from "@/tools/theme"; // ToDo : 2023fall 이미지들 import { ReactComponent as TaxiLogoIcon } from "@/static/assets/sparcsLogos/TaxiLogo.svg"; import { ReactComponent as MainSection1 } from "@/static/events/2023fallMainSection1.svg"; -import { ReactComponent as MainSection2 } from "@/static/events/2023fallMainSection2.svg"; -import { ReactComponent as MainSection4 } from "@/static/events/2023fallMainSection4.svg"; -import { ReactComponent as MainSection5 } from "@/static/events/2023fallMainSection5.svg"; -import { ReactComponent as MainSection5Background } from "@/static/events/2023fallMainSection5Background.svg"; -import { ReactComponent as MainSection6 } from "@/static/events/2023fallMainSection6.svg"; -import { ReactComponent as MainStep2 } from "@/static/events/2023fallMainStep2.svg"; -import { ReactComponent as MainStep3 } from "@/static/events/2023fallMainStep3.svg"; -import { ReactComponent as MainTitle } from "@/static/events/2023fallMainTitle.svg"; import { ReactComponent as MissionCompleteIcon } from "@/static/events/2023fallMissionComplete.svg"; +import { ReactComponent as MainSection2 } from "@/static/events/2024fallMainSection2.svg"; +import { ReactComponent as MainSection4 } from "@/static/events/2024fallMainSection4.svg"; +// import { ReactComponent as MainSection5 } from "@/static/events/2023fallMainSection5.svg"; +// import { ReactComponent as MainSection5Background } from "@/static/events/2023fallMainSection5Background.svg"; +import { ReactComponent as MainSection6 } from "@/static/events/2024fallMainSection6.svg"; +import { ReactComponent as MainStep2 } from "@/static/events/2024fallMainStep2.svg"; +import { ReactComponent as MainStep3 } from "@/static/events/2024fallMainStep3.svg"; +import { ReactComponent as MainTitle } from "@/static/events/2024fallMainTitle.svg"; // ToDo : 2023fall 문구 (일정만 반영함) -const Event2024Fall = () => { - return ( - <> - -
이벤트 안내
- - ( + <> + +
이벤트 안내
+ + + + {" "} + {/* ToDo : 위 아래가 잘려 보이는 버그 */} +
- - -
- 2024.9.7.(토) ~ 9.23.(토) -
- - -
- - - + 2024.9.7. ~ 9.23.
-
- - + +
+ + + +
+
+ + +
-
- STEP 1 -
-
-
- Taxi 퀘스트 달성하고 -
- 송편을 모아보세요! -
-
- -
-
- Taxi 웹사이트와 앱에서 퀘스트 내용 확인 -
- 이벤트 기간 내 첫 로그인 시 송편 100개 지급 -
-
- - - - + STEP 1 +
- -
- STEP 2 -
-
-
- 달토끼 상점에서 -
- 아이템을 구매해보세요! -
-
- -
-
- 일반응모권, 고급응모권, 랜덤박스도 구매 가능 -
- 상품이 조기에 품절될 수 있어 선착순 판매 -
-
- - - - + Taxi 퀘스트 달성하고 +
+ 송편을 모아보세요! +
- +
+
-
- STEP 3 -
-
-
- 보너스 경품 추첨에 -
- 응모권으로 참여해보세요! -
-
- -
-
- 응모권은 퀘스트 달성, 달토끼 상점을 통해 얻음 -
- 고급응모권은 일반응모권 당첨확률의 5배 -
-
- - - - - -
-
- + 이벤트 기간 내 첫 로그인 시 송편 코인 지급! +
+
+ {/* */} + + {/* */} + +
+ -
EVENT
+
+ STEP 2 +
-
- 10월 13일 아이템 받고 +
+ 달토끼 상점에서
- 경품 추첨 결과도 확인해보세요! + 아이템을 구매해보세요!
- +
-
- 추첨 결과는 인스타그램, Ara, Taxi 홈페이지에 발표 +
+ 경품 응모권은 경품마다 별개로 모아지며,
- 달토끼 상점에서 구매한 아이템 실물 상품으로 교환 + 중복하여 구매할 수 있습니다.
- -
-
- - + {/* */} + + {/* */} + +
+ -
EVENT
+
+ STEP 3 +
-
- 지금 스토리 공유하고 +
+ 경품 응모권 리더보드
- 송편 100개 받아가세요! + 확인하기!
- - {/* - - */} - -
-
- - -
-
- 본 이벤트는 위메이드와 KAIST의 후원으로 진행되었습니다. + +
+
+ 응모권 개수가 많을 수록 당첨 확률이 상승합니다. +
위 사진은 실데이터가 아닌 예시입니다.
- -
-