feat(gyeol): ThanksStep — 감사 메시지 + 사이트 돌아가기
이메일 입력 여부에 따라 "결과 추후 공유" 안내 분기. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
38
app/gyeol/components/ThanksStep.tsx
Normal file
38
app/gyeol/components/ThanksStep.tsx
Normal file
@@ -0,0 +1,38 @@
|
||||
'use client';
|
||||
|
||||
import Link from 'next/link';
|
||||
|
||||
interface Props {
|
||||
emailEntered: boolean;
|
||||
}
|
||||
|
||||
export default function ThanksStep({ emailEntered }: Props) {
|
||||
return (
|
||||
<div className="min-h-screen flex flex-col items-center justify-center px-6 text-center text-white">
|
||||
<div className="mb-10">
|
||||
<h2
|
||||
className="kx-display text-3xl md:text-5xl font-bold mb-5"
|
||||
style={{ wordBreak: 'keep-all', letterSpacing: '-0.02em' }}
|
||||
>
|
||||
감사합니다.
|
||||
</h2>
|
||||
<p className="text-base md:text-lg text-white/70 leading-relaxed max-w-md">
|
||||
답변이 큰 도움이 됐어요.
|
||||
{emailEntered && (
|
||||
<>
|
||||
<br />
|
||||
결과는 추후 입력하신 이메일로 공유드릴게요.
|
||||
</>
|
||||
)}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<Link
|
||||
href="/"
|
||||
className="text-sm text-white/50 hover:text-white underline underline-offset-4 transition"
|
||||
>
|
||||
쟁승메이드 홈으로 →
|
||||
</Link>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user