Repository navigation
Expand file tree
/
Copy pathpage.tsx
More file actions
246 lines (229 loc) · 8.26 KB
/
Copy pathpage.tsx
File metadata and controls
246 lines (229 loc) · 8.26 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
"use client";
import IntroSection from "@/components/IntroSection";
import InvitationSection from "@/components/InvitationSection";
import WeddingPhotoSection from "@/components/WeddingPhotoSection";
import { cn } from "@/lib/cn";
import { useSakuraEffect } from "@/lib/hook/use-sakura-effect";
import dynamic from "next/dynamic";
import { forceUtc, utcMsOfKorea } from "@/lib/time";
import GameButtonSection from "@/components/GameButtonSection";
import SendMoneySection from "@/components/SendMoneySection";
import CommentSection from "@/components/CommentSection";
import { useSearchParams } from "next/navigation";
// import ContactSection from "@/components/ContactSection";
// import MovieSection from "@/components/MovieSection";
import LocationSection from "@/components/LocationSection";
import Link from "next/link";
const CalendarSection = dynamic(() => import("@/components/CalendarSection"), {
ssr: false,
});
const GallerySection = dynamic(() => import("@/components/GallerySection"), {
ssr: false,
});
export default function Home() {
const searchParams = useSearchParams();
const nogaejwa = searchParams.get("noaccount");
// * 로컬 시간대를 무시하고 한국 시간대로 고정
const eventDate = forceUtc({
date: "2024-11-30T11:00:00+09:00",
utcMs: utcMsOfKorea,
});
// * 벚꽃이 흩날리는 효과
useSakuraEffect();
return (
<main
className={cn(
"flex flex-col items-center w-full min-h-screen pt-48 select-none",
"bg-gradient-to-br from-[#fff5e5] via-[#fde2e4] to-[#e2ece9] pb-40"
)}
aria-label="박성준 최지은 결혼식 청첩장"
>
<div className="w-full max-w-[720px]">
<IntroSection eventDate={eventDate} names={["박성준", "최지은"]} />
<WeddingPhotoSection
src="/wedding/006.webp"
alt=""
=> {
(
document.querySelector(
'a[href="/wedding/006.webp"]'
) as HTMLAnchorElement
)?.click();
}}
/>
<GameButtonSection />
<InvitationSection
invitation={
<>
서로의 꿈을 응원해 온 두 사람이
<br />
이제 하나의 길을 함께 걸어가려 합니다.
<br />
<br />
앞으로의 모든 날들을 더 아름답게 만들어가고, <br />
서로에게 힘이 되는 든든한 반려자가 되겠습니다. <br />
새롭게 시작하는 이 소중한 자리에서 <br />
함께 축복해 주시기를 바랍니다. <br />
</>
}
familyNames={
<>
<p aria-label="박원식 황순용의 차남 성준">
<span aria-hidden>
박원식 · 황순용<span className="text-3xl">의 차남</span> 성준
</span>
</p>
<p aria-label="최병옥 손원미의 차녀 지은">
<span aria-hidden>
최병옥 · 손원미<span className="text-3xl">의 차녀</span> 지은
</span>
</p>
</>
}
sectionBackgroundImage="/wedding/lsh-0239.webp"
/>
<LocationSection
locationTitle="상록아트홀 L층 그랜드볼룸"
locationAddress="서울 강남구 언주로 508"
mapImageUrl="/map.webp"
tmapUrl="https://tmap.life/bae81b37"
kakaoMapUrl="https://place.map.kakao.com/2009675378"
naverMapUrl="https://naver.me/FHYuAgm6"
kakaoNaviUrl="https://place.map.kakao.com/2009675378"
/*transportationInfo={{
address: "서울특별시 강남구 언주로 508 (역삼동 701번지)",
phone: "02-564-5757",
subway: "“선릉역” 5번 출구 도보 5분",
shuttleBus: "선릉역 5번 출구에서 운행",
bus: [
"KT 강남지사 하차: 141(도봉산), 242(중랑, 신내역), 361(여의도)",
"한국기술센터, 상록회관 하차: 146(상계동), 341(하남), 360(송파), 740(덕은동)",
],
car: "“서울상록회관” 또는 “서울시 강남구 언주로 508” 입력",
parking: "동시 950대 주차 가능",
}*/
/>
<div className="flex w-full justify-center -mt-32 mb-40">
<Link
href="/hotel-direction.pdf"
target="_blank"
rel="noopener noreferrer"
>
<button
className="px-6 py-3 bg-[#F78DA7] text-white text-2xl rounded-lg"
aria-label="예식장 약도 보기 PDF"
>
예식장 약도 보기 PDF
</button>
</Link>
</div>
<CalendarSection eventDate={eventDate} />
<GallerySection
images={[
{ src: "/wedding/011.webp", alt: "" },
{ src: "/wedding/019.webp", alt: "" },
{ src: "/wedding/009.webp", alt: "" },
{ src: "/wedding/001.webp", alt: "" },
{ src: "/wedding/016.webp", alt: "" },
{ src: "/wedding/012.webp", alt: "" },
{ src: "/wedding/010.webp", alt: "" },
{ src: "/wedding/022.webp", alt: "" },
{ src: "/wedding/020.webp", alt: "" },
]}
/>
{/*
{<MovieSection description="두 사람의 아름다운 시작을 함께 해주세요.">
<iframe
src="https://www.youtube.com/embed/mb2j87IDeTI"
title="4년 공개연애 끝, 행복했던 우리의 결혼식"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
referrerPolicy="strict-origin-when-cross-origin"
allowFullScreen
className="border-none w-full min-h-[40rem]"
/>
</MovieSection>
}
*/}
{/*
<ContactSection
primaryContacts={[
{
title: "신랑",
phoneNumber: "010-1234-5678",
highlightColor: "#4ec0ef",
},
{
title: "신부",
phoneNumber: "010-8765-4321",
highlightColor: "#F9A8D4",
},
]}
leftFamilyContacts={[
{
title: "아버지",
name: "박성준",
phoneNumber: "010-1234-5678",
highlightColor: "#4ec0ef",
},
{
title: "어머니",
name: "최지은",
phoneNumber: "010-1234-5678",
highlightColor: "#4ec0ef",
},
]}
rightFamilyContacts={[
{
title: "아버지",
name: "박성준",
phoneNumber: "010-1234-5678",
highlightColor: "#F9A8D4",
},
{
title: "어머니",
name: "최지은",
phoneNumber: "010-1234-5678",
highlightColor: "#F9A8D4",
},
]}
/>
*/}
<CommentSection />
{/*{nogaejwa === null && (
<SendMoneySection
accounts={[
{
prefix: "신랑",
bankName: "카카오뱅크",
accountNumber: "79420421509",
name: "박성준",
color: "#B7D06E",
},
{
prefix: "신랑측",
bankName: "하나은행",
accountNumber: "31118079747",
name: "박원식",
color: "#B7D06E",
},
{
prefix: "신부",
bankName: "카카오뱅크",
accountNumber: "79420435823",
name: "최지은",
color: "#f9a8d4",
},
{
prefix: "신부측",
bankName: "하나은행",
accountNumber: "35791063194107",
name: "최병옥",
color: "#f9a8d4",
}
]}
/>
)}*/}
</div>
</main>
);
}