Skip to content

Commit 008a4d7

Browse files
CSE-ShacoCSE-Shaco
committed
fix(event/homecoming): 내용 추가
1 parent f359825 commit 008a4d7

File tree

3 files changed

+208
-56
lines changed

3 files changed

+208
-56
lines changed

‎src/app/event/homecoming/component/mobile/HomecomingInviteCard.jsx‎

Lines changed: 108 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -11,15 +11,15 @@ export default function HomecomingInviteCard() {
1111
const userName = useMemo(() => decodeHashToName(hash)?.trim() ?? '', [hash]);
1212

1313
return (<div
14-
className="flex flex-col w-screen h-[calc(100dvh-64px)] pt-2 pb-12 rounded-t-[50px] bg-cblack overflow-hidden shadow-[0_-1.5px_#d9d9d940]">
14+
className="flex flex-col w-screen h-[calc(100dvh-64px)] pt-2 pb-12 rounded-t-[50px] text-cwhite bg-cblack overflow-hidden shadow-[0_-1.5px_#d9d9d940]">
1515
<div className="flex flex-col self-center w-[390px] h-[calc(100dvh-64px)]">
1616
{/* 상단 바 */}
1717
<div className="w-[30px] h-1 self-center bg-[#d9d9d9] rounded-full"/>
1818

1919
{/* 상단 컬러 라인 */}
2020
<div className="flex justify-around items-center self-center relative h-[52px] w-[326px] mt-7">
21-
<div className="h-2 w-[169.5px] -rotate-15 rounded-full bg-cred absolute left-0"/>
22-
<div className="h-2 w-[169.5px] rotate-15 rounded-full bg-cblue absolute right-0"/>
21+
<div className="h-2 w-[169.5px] -rotate-[15deg] rounded-full bg-cred absolute left-0"/>
22+
<div className="h-2 w-[169.5px] rotate-[15deg] rounded-full bg-cblue absolute right-0"/>
2323
</div>
2424

2525
<div
@@ -37,42 +37,121 @@ export default function HomecomingInviteCard() {
3737
</div>
3838

3939
{/* 초대 문구 */}
40-
<div className="text-center mb-12">
41-
<p className="text-[24px] leading-snug tight-[-2.5%]">
42-
<span className="font-extrabold">제 1회 홈커밍 데이</span>에
40+
<div className="text-center mb-12 text-cwhite">
41+
<p className="text-[24px] tight-[-2.5%]">
42+
<span className="font-bold">제 1회 홈커밍 데이</span>에
4343
<br/>
4444
{userName ? (<>
45-
<span className="font-extrabold">{userName}</span>님을 초대합니다!
46-
</>) : (<>여러분을 초대합니다!</>)}
45+
<span className="font-extrabold">{userName}</span>님을 초대합니다!
46+
</>) : (<>여러분을 초대합니다!</>)}
4747
</p>
4848
</div>
4949

5050
{/* 내용 블록 */}
51-
<div className="space-y-4 text-[14px]">
52-
53-
{/* 일시 */}
51+
<div className="space-y-4 text-[14px] text-cwhite">{/* 일시 */}
5452
<div className="flex-col gap-1">
5553
<div className="shrink-0 text-white font-bold text-xl">일시</div>
56-
<div className="flex-1">
57-
<span className="font-semibold">2025년 12월 20일 (토) 16:00 ~</span>
54+
<div className="flex-1 space-y-1">
55+
<div>
56+
<span className="font-semibold">2025년 12월 20일 (토) 13:00 ~ 19:00</span>
57+
</div>
58+
<div className="text-white text-[12px] leading-snug">
59+
* 19:00 이후 뒤풀이 장소로 함께 이동하며 마무리합니다.
60+
</div>
5861
</div>
5962
</div>
6063

61-
{/* 일정 */}
64+
{/* 프로그램 */}
6265
<div className="flex-col gap-1">
6366
<div className="shrink-0 text-white font-bold text-xl">프로그램</div>
64-
<div className="flex-1 space-y-1">
65-
<div className="flex gap-2">
66-
<span className="font-bold w-[106px]">OB &amp; YB 네트워킹</span>
67-
<span className="text-white text-[12px] pt-px">선후배 간의 네트워킹 프로그램</span>
67+
68+
<div className="flex-1 space-y-4">
69+
{/* 요약 */}
70+
<div className="text-white/90 text-[12px] leading-snug">
71+
13:00 입장을 시작으로 1부 프로젝트 데모데이 및 성과 발표/시상식이 진행되며,
72+
2부에서는 오프닝 특강과 팀별 게임·퀴즈, 자유 네트워킹으로 소통과 교류를 확장합니다.
6873
</div>
69-
<div className="flex gap-2">
70-
<span className="font-semibold w-[106px]">다과 및 경품 추첨</span>
71-
<span className="text-white text-[12px] pt-px">네트워킹을 위한 다과와 이벤트</span>
74+
75+
{/* 1부 */}
76+
<div className="space-y-2">
77+
<div className="text-white font-bold">1부 (13:00–15:30) · GOAT 프로젝트 데모데이</div>
78+
79+
<div className="space-y-1">
80+
<div className="flex gap-2">
81+
<span className="font-bold w-[106px]">13:00–13:20</span>
82+
<span className="text-white text-[12px] pt-px">입장/체크인 · 오프닝 안내 · 활동 소개 영상</span>
83+
</div>
84+
<div className="flex gap-2">
85+
<span className="font-bold w-[106px]">13:20–13:30</span>
86+
<span className="text-white text-[12px] pt-px">라운드 운영 안내 · 발표 준비</span>
87+
</div>
88+
<div className="flex gap-2">
89+
<span className="font-bold w-[106px]">13:30–15:10</span>
90+
<span
91+
className="text-white text-[12px] pt-px">프로젝트 성과 발표/데모 (총 6라운드) · QnA</span>
92+
</div>
93+
<div className="flex gap-2">
94+
<span className="font-bold w-[106px]">15:10–15:30</span>
95+
<span className="text-white text-[12px] pt-px">심사 집계 · 시상식</span>
96+
</div>
97+
</div>
7298
</div>
73-
<div className="flex gap-2">
74-
<span className="font-bold w-[106px]">전체 회식</span>
75-
<span className="text-white text-[12px] pt-px">행사 종료 후 식당으로 이동</span>
99+
100+
{/* 2부 */}
101+
<div className="space-y-2">
102+
<div className="text-white font-bold">2부 (15:30–19:00) · Networking with INCHEON</div>
103+
104+
<div className="space-y-1">
105+
<div className="flex gap-2">
106+
<span className="font-bold w-[106px]">15:30–16:00</span>
107+
<span className="text-white text-[12px] pt-px">2부 입장</span>
108+
</div>
109+
<div className="flex gap-2">
110+
<span className="font-bold w-[106px]">16:00–16:40</span>
111+
<span className="text-white text-[12px] pt-px">
112+
오프닝 특강
113+
<br/>
114+
<span className="text-white/80"> GDG Campus Korea 김대현님</span>
115+
</span>
116+
</div>
117+
<div className="flex gap-2">
118+
<span className="font-bold w-[106px]">16:40–17:00</span>
119+
<span className="text-white text-[12px] pt-px">GDGoC INHA 연간 활동 소개</span>
120+
</div>
121+
<div className="flex gap-2">
122+
<span className="font-bold w-[106px]">17:00–17:30</span>
123+
<span className="text-white text-[12px] pt-px">OB 및 초청자 인사</span>
124+
</div>
125+
<div className="flex gap-2">
126+
<span className="font-bold w-[106px]">17:30–18:30</span>
127+
<span className="text-white text-[12px] pt-px">네트워킹 게임 · 퀴즈 프로그램</span>
128+
</div>
129+
<div className="flex gap-2">
130+
<span className="font-bold w-[106px]">18:30–19:00</span>
131+
<span className="text-white text-[12px] pt-px">자유 네트워킹</span>
132+
</div>
133+
<div className="flex gap-2">
134+
<span className="font-bold w-[106px]">19:00–</span>
135+
<span className="text-white text-[12px] pt-px">뒤풀이 진행</span>
136+
</div>
137+
</div>
138+
</div>
139+
140+
{/* 도착 안내 */}
141+
<div className="space-y-1 pt-1">
142+
<div className="text-white font-bold">도착 안내</div>
143+
<div className="text-white text-[12px] leading-snug">
144+
• 1부 참석자: <span className="font-semibold">12:50</span>까지 도착<br/>
145+
• 2부 참석자: <span className="font-semibold">15:20</span>까지 도착
146+
</div>
147+
</div>
148+
149+
{/* 문의 */}
150+
<div className="space-y-1 pt-1">
151+
<div className="text-white font-bold">문의</div>
152+
<div className="text-white text-[12px] leading-snug">
153+
행사 관련 문의: <span className="font-semibold">010-2087-1816</span>
154+
</div>
76155
</div>
77156
</div>
78157
</div>
@@ -81,14 +160,14 @@ export default function HomecomingInviteCard() {
81160
<div className="flex-col gap-2">
82161
<div className="shrink-0 text-white font-bold text-xl">장소</div>
83162
<div className="flex-1">
84-
<p className="font-bold">신한 스퀘어브릿지 인천</p>
85-
<p className="text-white text-[12px]">(인천 연수구 컨벤시아대로 204 인스타2)</p>
163+
<p className="font-bold">신한 스퀘어 브릿지 인천</p>
164+
<p className="text-white text-[12px]">(인천광역시 연수구 컨벤시아대로 204, 인스타2)</p>
86165
</div>
87166
</div>
88-
</div>
89167

90-
{/* 지도 */}
91-
<HomecomingMap></HomecomingMap>
168+
{/* 지도 */}
169+
<HomecomingMap/>
170+
</div>
92171
</div>
93172

94173
{/* 하단 장식 */}

‎src/app/event/homecoming/component/pc/FrameLayout.jsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ import ScrollDots from './ScrollDots';
88
export default function FrameLayout() {
99
const viewportRef = useRef(null);
1010
const [activeIndex, setActiveIndex] = useState(0);
11-
const TOTAL = 4;
11+
const TOTAL = 5;
1212
const SCROLL_DAMPING = 0.2;
1313
const MAX_DELTA = 60;
1414

0 commit comments

Comments
 (0)