);
}
// ─────────────────────────────────────────────────────────────────────────────
// 5. INSIGHTS — 정성 인터뷰 인용 (가짜 통계 대신)
function Data() {
const insights = [
{
n: '01',
quote: '“샀을 땐 분명히 이유가 있었는데,\n며칠 지나면 그냥 흐려져요.”',
tag: '판단의 근거가 시간이 지나면 휘발됨',
},
{
n: '02',
quote: '“커뮤니티 분위기였는지,\n진짜 분석이었는지 헷갈려요.”',
tag: '감정 신호와 분석의 분리가 어려움',
},
{
n: '03',
quote: '“수익률은 보이는데,\n그때 내 판단은 안 보이거든요.”',
tag: '결과 데이터는 있지만 판단 자체가 기록되지 않음',
},
{
n: '04',
quote: '“나중에 다시 보면 좋겠는데,\n어디 적어두진 않게 돼요.”',
tag: '회고의 필요는 있지만 기록 도구가 없음',
},
];
return (
WHAT WE HEARD
개인 투자자들의 이야기를 들어봤습니다.
베타를 준비하며 만난 분들에게서 반복해서 나온 말들입니다.
이 말들이 Keitta가 시작된 자리입니다.
{insights.map((c, i) => (
VOICE {c.n}
{/* 큰 따옴표 장식 */}
“
{c.quote}
{c.tag}
))}
{/* 푸터 노트 — 출처 솔직하게 */}
NOTE.{' '}
위 인용은 베타 준비 과정에서 만난 분들의 말을 정리한 것입니다.
통계가 아니라, 반복해서 들렸던 결의 이야기입니다.
);
}
// ─────────────────────────────────────────────────────────────────────────────
// 6. PRINCIPLES — 베타가 약속하는 것 (가짜 후기 대신)
function Testimonials() {
const principles = [
{
n: '01', label: '판단을 점수로 매기지 않습니다.',
desc: '“얼마나 좋은 판단인가”가 아니라 “어디에서 흔들렸나”를 봅니다.\n맞고 틀림은 시장이 정합니다.',
},
{
n: '02', label: '광고처럼 말하지 않습니다.',
desc: '결과를 부풀리거나 손실을 위협으로 쓰지 않습니다.\n담담한 거울이 되는 것이 목표입니다.',
},
{
n: '03', label: '기록은 사용자의 것입니다.',
desc: '입력한 판단은 암호화되어 저장되며,\n학습 목적의 외부 공유는 없습니다. 언제든 전체 삭제 가능합니다.',
},
];
return (
OUR PRINCIPLES
베타에서, 그리고 그 이후에도
지키려는 것들.
{principles.map((p, i) => (
{p.n}
{p.label}
{p.desc}
))}
);
}
// ─────────────────────────────────────────────────────────────────────────────
// 7. FAQ
function FAQ() {
const items = [
{ q: '베타는 무료인가요?', a: '네, 클로즈드 베타 기간 동안은 무료입니다. 정식 출시 이후 요금 정책은 별도로 안내드립니다.' },
{ q: '매매 데이터를 직접 가져가나요?', a: '아니요. 사용자가 직접 입력한 매매 종목과 한 줄 이유만 다룹니다. 증권사 연동은 베타에서 다루지 않습니다.' },
{ q: '제 기록은 안전한가요?', a: '입력한 판단 기록은 암호화 저장되며, 학습 목적의 외부 공유는 없습니다. 언제든 전체 삭제 가능합니다.' },
{ q: 'AI는 어떤 기준으로 판단을 분석하나요?', a: '근거의 구체성·감정 신호·시점 의존도 같은 축으로 한 줄을 분리해 보여줍니다. 옳다/틀리다가 아니라 흔들린 지점을 짚는 방식입니다.' },
{ q: '안드로이드/iOS 둘 다 되나요?', a: '베타는 모바일 웹으로 시작합니다. 정식 앱은 베타 피드백을 반영해 준비 중입니다.' },
];
const [open, setOpen] = React.useState(0);
return (
FAQ자주 묻는 것들.
{items.map((it, i) => (
{open === i && (
{it.a}
)}
))}
);
}
// ─────────────────────────────────────────────────────────────────────────────
// 8. BETA FORM
// [β-Phase L-B] hardcoded 자체 동작 (setSubmitted) → props 인터페이스 변환.
// 비주얼 JSX 0 변경 (form 디자인 / 색상 / 레이아웃 100% 보존).
// captchaSlot 자리 추가 — agree 체크박스 위에 {captchaSlot} (Wrapper에서 Turnstile mount div 전달).
// mockup 자체엔 Turnstile 자리 부재 → form 내부 적절한 위치 결정 (트래킹 문서 명시).
// onSubmit 성공 시 자체 setSubmitted(true), 실패 시 errorMsg 표시.
function BetaForm({ onSubmit, captchaSlot, errorMsg, loading }) {
const [email, setEmail] = React.useState('');
const [name, setName] = React.useState('');
const [reason, setReason] = React.useState('');
const [agree, setAgree] = React.useState(false);
const [submitted, setSubmitted] = React.useState(false);
const handleSubmit = async (e) => {
e.preventDefault();
if (!agree || !email) return;
if (!onSubmit) { setSubmitted(true); return; }
const ok = await onSubmit({ email, name, reason });
if (ok) setSubmitted(true);
};
return (