);
}
// ─── Hero ──────────────────────────────────────────────────────
const HERO_COPY = [
{
id: 'empathy',
label: '공감형 — 실패자에게',
eyebrow: '또 실패해도 괜찮아요',
title: <>혼자 버티다 포기한 당신에게, 기록 도우미.,
sub: '사진 한 장이면 탄수 · 지방 · 단백 기록을 보기 쉽게 정리하고, 다음 식사를 고를 때 참고할 수 있게 도와드려요.',
cta: '앱 다운로드',
sub_cta: '유료 구독 · 모든 기능 포함'
},
{
id: 'sharp',
label: '날카로운',
eyebrow: '칼로리 앱은 이제 그만',
title: <>칼로리 1,500kcal 우리가 재는 건 탄수 20g입니다.,
sub: '키토가 실패하는 건 의지가 약해서가 아니라, 숨어있는 탄수 3g이 모여 20g을 넘기기 때문이에요.',
cta: '내 탄수 한도 계산하기',
sub_cta: '1분이면 돼요'
},
{
id: 'warm',
label: '따뜻한',
eyebrow: '키토, 혼자 하지 마세요',
title: <>당신의 식판 옆, 말없이 앉아있는 기록 도우미.,
sub: '먹기 전에 메모하고, 먹은 뒤에 정리하세요. 하루 식단 흐름을 한눈에 볼 수 있게 도와드립니다.',
cta: '도우미와 인사하기',
sub_cta: '사전등록 혜택 제공'
},
{
id: 'direct',
label: '직설적',
eyebrow: '키토 식단 기록 AI',
title: <>사진 한 장이면 탄수 기록이 간단해집니다.,
sub: '한국식 식단과 반찬까지 함께 메모해 탄수 · 지방 · 단백 섭취 흐름을 보기 쉽게 정리해요.',
cta: '앱 다운로드',
sub_cta: '유료 구독 후 이용'
}
];
function Hero({ copyId, onOpenLaunchAlert }) {
const c = HERO_COPY.find((x) => x.id === copyId) || HERO_COPY[0];
return (
);
}
// ─── Problem ──────────────────────────────────────────────────
function ProblemSection() {
const items = [
{ q: '오늘도 20g 넘긴 것 같은데…', a: '매번 검색하다 지쳐서 그냥 먹어버리고, 하루를 망쳐버린 느낌.', icon: 'search' },
{ q: '이거 키토 되는 거 맞아?', a: '숨어있는 당류 · 전분까지 찾아내려면 성분표를 뒤집어 읽어야 했죠.', icon: 'tag' },
{ q: '혼자 하니까 금방 흐트러져요', a: '식단을 이어가려면 매일 무엇을 먹었는지 쉽게 돌아볼 수 있어야 하죠.', icon: 'users-round' },
{ q: '기록 앱은 너무 복잡해요', a: '숫자와 메뉴를 매번 직접 입력하다 보면 식단 관리 자체가 부담이 됩니다.', icon: 'banknote' }];
return (
왜 식단 기록이 어려울까
문제는 당신이 아니라, 기록이 너무 번거롭다는 것.
키토 식단을 시작하면 매번 검색하고, 계산하고, 다시 적어야 합니다.
키토메이트는 그 번거로운 기록 과정을 간단하게 줄이는 데 집중합니다.
{items.map((it, i) =>
"{it.q}"
{it.a}
)}
{/* Contrast banner */}
기록이 쉬워지면, 식단 관리도 가벼워집니다.
사진 기록
한 끼를 빠르게 남기기
탄수 체크
나의 식단 흐름을 보기 쉽게
);
}
// ─── Features ────────────────────────────────────────────────
function FeaturesSection() {
const [active, setActive] = useState(0);
const features = [
{ id: 0, tag: '사진 기록', title: '사진 한 장이면 시작돼요', desc: '식판을 찍고 메모하면 탄수 · 지방 · 단백 정보를 보기 쉽게 정리해요.' },
{ id: 1, tag: 'AI 기록 도우미', title: '먹기 전에 메모하세요', desc: '"라면을 먹으려 해" 같은 메모를 남기면 참고할 탄수 정보를 함께 정리해요.' },
{ id: 2, tag: '식단 흐름', title: '오늘 식단을 한눈에 봐요', desc: '하루 동안 기록한 식사를 바탕으로 탄수 · 지방 · 단백 섭취 흐름을 정리합니다.' },
{ id: 3, tag: '탄수 체크', title: '놓치기 쉬운 탄수를 챙겨요', desc: '먹기 전후에 기록하면 오늘 식단에서 참고할 탄수 정보를 함께 보여줍니다.' }];
const screens = [PhoneScreenHome, PhoneScreenChat, PhoneScreenLog, PhoneScreenHome];
const Active = screens[active];
return (
어떻게 작동하나요
칼로리 말고, 탄수를.
한국식 식단에 맞춘 AI 기록 도우미.
먹기 전에 메모하고, 먹은 뒤에 정리하고, 하루 식단 흐름을 돌아보는 키토 식단 기록 도구.
{features.map((f) =>
)}
);
}
// ─── Testimonials ─────────────────────────────────────────────
function TestimonialsSection() {
const t = [
{ name: '김○영', age: 34, meta: '외식 기록이 어려웠던 사용자', result: '식단 메모가 쉬워졌어요',
quote: '혼자 할 땐 반찬 하나까지 기록하는 게 너무 번거로웠는데, 사진으로 남기고 나중에 정리할 수 있어서 부담이 줄었어요.', avatar: 'assets/testimonial-profile-1-closeup.png' },
{ name: '박○훈', age: 41, meta: '야식 고민이 잦았던 사용자', result: '선택지가 잘 보여요',
quote: '밤에 뭘 먹을지 고민될 때 지난 기록을 보고 고르니까 훨씬 차분해졌어요. 숫자보다 흐름이 보이는 게 좋았습니다.', avatar: 'assets/testimonial-profile-3-closeup.png' },
{ name: '이○정', age: 29, meta: '기록 앱을 오래 못 썼던 사용자', result: '루틴으로 만들기 쉬워요',
quote: '복잡한 표를 채우는 느낌이 아니라, 하루 식단을 가볍게 정리하는 느낌이라 계속 열어보게 돼요.', avatar: 'assets/testimonial-profile-2-closeup.png' }];
return (
Android 사용자는 이메일만 남겨두면 출시 소식과 초기 혜택을 함께 안내받을 수 있어요.
);
}
// ─── FAQ ──────────────────────────────────────────────────────
function FAQSection() {
const faqs = [
{ q: '기록을 놓치면요?', a: '괜찮아요. 놓친 식사는 다음에 다시 적으면 됩니다. 키토메이트는 평가보다 기록을 쉽게 이어가도록 돕는 도구입니다.' },
{ q: '의료 상담을 대신하나요?', a: '아니요. 키토메이트는 질병의 진단·치료·예방을 목적으로 하지 않으며, 건강한 성인의 식단 기록과 정보 정리를 돕는 비의료 서비스입니다. 건강 상태나 식이 제한이 있다면 전문가와 상담해 주세요.' },
{ q: 'AI가 한국 음식을 잘 알아보나요?', a: '김치찌개, 삼겹살, 쌈 정식, 감자탕처럼 자주 먹는 한국식 메뉴를 더 쉽게 기록할 수 있도록 메뉴와 반찬 단위의 입력 경험을 준비하고 있습니다.' },
{ q: '사진 찍기 귀찮을 땐요?', a: '글로 한 줄만 써도 됩니다. "삼겹살 1인분 먹었어" 정도면 충분해요. 음성 입력도 있고요.' },
{ q: '칼로리도 기록되나요?', a: '필요한 경우 참고 정보로 함께 볼 수 있지만, 핵심은 탄수 · 지방 · 단백 섭취 흐름을 꾸준히 기록하는 것입니다.' },
{ q: '무료 플랜도 있나요?', a: '무료 플랜과 상위 플랜 구분은 없습니다. 키토메이트는 결제 후 모든 기능을 쓰는 단일 유료 이용권 구조이고, 사전등록자에게만 출시 후 7일 무료 혜택을 드릴 예정입니다.' }];
const [open, setOpen] = useState(0);
return (
자주 묻는 질문
"또 실패하면요?"에 먼저 답해드릴게요.
{faqs.map((f, i) =>
{open === i &&
{f.a}
}
)}
);
}
// ─── Final CTA ────────────────────────────────────────────────
function FinalCTA({ onOpenLaunchAlert }) {
const handleComingSoon = (event) => {
event.preventDefault();
window.alert('이용 준비 중입니다');
};
return (
— 이번엔 다를 거예요
혼자 버티지 마세요. 같이 갈게요.
지금 바로 다운로드하고 오늘 한 끼부터 기록해보세요. 혼자 애쓰지 않아도, 키토메이트가 옆에서 함께 갑니다.
