|
1 | 1 | 'use client' |
2 | 2 |
|
3 | 3 | import Link from 'next/link' |
| 4 | +import { useSearchParams } from 'next/navigation' |
4 | 5 | import { GdgLogo } from '@/components/ui/design-system' |
5 | 6 | import { cn } from '@/utils/cn' |
6 | 7 |
|
@@ -42,8 +43,13 @@ function CoreMemberPromoSection() { |
42 | 43 | <section className="relative left-1/2 w-[100dvw] -translate-x-1/2 overflow-hidden min-h-[640px] mobile:min-h-[572px]"> |
43 | 44 | <div |
44 | 45 | aria-hidden |
45 | | - className="absolute inset-0 bg-center bg-no-repeat bg-[length:100%_auto]" |
46 | | - style={{ backgroundImage: "url('/images/activity/core_pic.jpeg')" }} |
| 46 | + className="absolute inset-0 bg-center bg-no-repeat bg-[length:100%_auto] mobile:hidden" |
| 47 | + style={{ backgroundImage: "url('/images/recruit/core_pic.jpeg')" }} |
| 48 | + /> |
| 49 | + <div |
| 50 | + aria-hidden |
| 51 | + className="absolute inset-0 hidden mobile:block bg-center bg-no-repeat bg-[length:100%_auto]" |
| 52 | + style={{ backgroundImage: "url('/images/recruit/core_pic_m.jpg')" }} |
47 | 53 | /> |
48 | 54 | <div |
49 | 55 | aria-hidden |
@@ -87,21 +93,28 @@ function CoreMemberPromoSection() { |
87 | 93 | } |
88 | 94 |
|
89 | 95 | export default function RecruitSubmit() { |
| 96 | + const searchParams = useSearchParams() |
| 97 | + const isFromRecruit = searchParams.get('from') === 'recruit' |
| 98 | + |
90 | 99 | return ( |
91 | 100 | <main className="min-h-screen bg-black"> |
92 | 101 | <div className="pt-18 pb-28 mobile:pt-12 mobile:pb-20 layout-grid layout-grid--narrow-screen layout-grid--4 gap-y-8"> |
93 | 102 | <div className="col-span-4 flex items-center gap-3 mobile:gap-2"> |
94 | 103 | <GdgLogo mode="auto" /> |
95 | | - <h1 className="typo-pc-h3 text-white mobile:typo-m-h2">GDGoC INHA 지원 완료</h1> |
| 104 | + <h1 className="typo-pc-h3 text-white mobile:typo-m-h2"> |
| 105 | + {isFromRecruit ? 'GDGoC INHA 지원 완료' : 'GDGoC INHA 일정 안내'} |
| 106 | + </h1> |
96 | 107 | </div> |
97 | 108 |
|
98 | 109 | <div className="col-span-4 flex flex-col gap-8 w-full"> |
99 | | - <section className="w-full max-w-[720px]"> |
100 | | - <h2 className="typo-pc-h4 mobile:typo-m-h3 text-white">지원해주셔서 감사합니다.</h2> |
101 | | - <p className="typo-pc-b2 mobile:typo-m-b1 text-gray-800 mt-2"> |
102 | | - 아래 안내 사항을 확인해 주세요. |
103 | | - </p> |
104 | | - </section> |
| 110 | + {isFromRecruit && ( |
| 111 | + <section className="w-full max-w-[720px]"> |
| 112 | + <h2 className="typo-pc-h4 mobile:typo-m-h3 text-white">지원해주셔서 감사합니다.</h2> |
| 113 | + <p className="typo-pc-b2 mobile:typo-m-b1 text-gray-800 mt-2"> |
| 114 | + 아래 안내 사항을 확인해 주세요. |
| 115 | + </p> |
| 116 | + </section> |
| 117 | + )} |
105 | 118 |
|
106 | 119 | <Section title="모집 안내"> |
107 | 120 | <Card className="flex-col items-start gap-2"> |
|
0 commit comments