// 신고대상, 프로세스, 수수료, 후기, FAQ 섹션들
// ─── 신고대상 안내 ────────────────────────────────────────────────────
function TargetSection() {
const [tab, setTab] = React.useState('freelancer');
const tabs = {
freelancer: {
label: '프리랜서',
sub: '3.3% 원천징수 소득자',
kind: 'freelancer',
desc: '3.3% 원천징수한 소득이 있다면 모두 해당됩니다. 5월 신고로 떼인 세금을 환급받을 수 있어요.',
jobs: ['배달대행 기사', '대리운전 기사', '보험설계사', '방문판매원', '학원강사', '프리랜서 디자이너', '프리랜서 작가', '강의·과외']
},
business: {
label: '개인사업자',
sub: '사업자등록증 보유',
kind: 'business',
desc: '사업자등록증을 가진 모든 개인사업자는 종합소득세 신고 대상입니다. 업종·매출 규모에 따라 장부 의무가 달라요.',
jobs: ['음식점·카페', '온라인 셀러', '소매·도매', '미용·뷰티', '학원·교습소', '건설·인테리어', '병의원·약국', '기타 서비스업']
},
other: {
label: '기타 소득자',
sub: '근로 외 소득자',
kind: 'worker',
desc: '근로소득 외에 다른 소득이 있거나, 연말정산을 하지 못한 경우에도 5월 종합소득세로 정산해야 합니다.',
jobs: ['임대소득', '이자·배당소득', '연금소득', '기타소득(강연료 등)', '연말정산 미이행', '중도퇴사자', '복수 근무지', '해외 소득']
}
};
const cur = tabs[tab];
return (
신고 대상 안내
이런 분들이 신고 대상이에요
탭을 눌러 신고대상에 해당되는지 확인해보세요!
{Object.entries(tabs).map(([key, t]) =>
)}
{/* 둘러싼 작은 서류들 */}
{cur.label} · {cur.sub}
{cur.label} 신고가 필요해요
{cur.desc}
{cur.jobs.map((j) =>
{j}
)}
);
}
// ─── 업무 프로세스 ────────────────────────────────────────────────────
function ProcessSection() {
const [active, setActive] = React.useState(0);
const steps = [
{
num: '01',
title: '간편인증으로 신청',
desc: '카카오·네이버·통신사 인증으로\n1분 만에 자료 제출 완료',
sub: '필요시 추가 서류를 요청드릴 수 있어요',
art: 'auth'
},
{
num: '02',
title: '예상 세액 확인',
desc: '담당 세무사가 검토 후\n예상 환급액 / 납부액 안내',
sub: '카카오톡으로 결과를 받아보세요',
art: 'review'
},
{
num: '03',
title: '수수료 결제',
desc: '예상 세액 확인 후 진행 의사를\n밝히신 시점에 결제',
sub: '결제 후 본 신고가 진행돼요',
art: 'pay'
},
{
num: '04',
title: '신고 완료',
desc: '국세청 신고 완료 및\n환급 일정 안내',
sub: '환급금은 보통 6월 중 입금돼요',
art: 'done'
}];
React.useEffect(() => {
const id = setInterval(() => setActive((a) => (a + 1) % steps.length), 3500);
return () => clearInterval(id);
}, []);
return (
업무 프로세스
이렇게 간단합니다
신청부터 신고 완료까지 평균 2~3일
{steps.map((s, i) =>
setActive(i)}>
{s.num}
{s.title}
{s.desc}
{s.sub}
{i < steps.length - 1 &&
→
}
)}
);
}
function ProcessArt({ kind, active }) {
if (kind === 'auth') {
return (
);
}
if (kind === 'review') {
return (
);
}
if (kind === 'pay') {
return (
);
}
// done
return (
);
}
function FingerTapInline({ x, y, active }) {
return (
);
}
// ─── 수수료 ────────────────────────────────────────────────────────────
function FeeSection({ tweaks }) {
const { feeSimple, feeDouble } = tweaks;
const fees = [
{
type: 'simple',
title: '간편장부 대상자',
sub: '신고유형:',
price: feeSimple,
from: true,
who: ['프리랜서·3.3% 소득자', '소규모 개인사업자', '연 수입 일정 기준 이하'],
icon: 'simple',
bg: '#DBEAFE'
},
{
type: 'double',
title: '복식부기 대상자',
sub: '신고유형:',
price: feeDouble,
from: true,
who: ['중규모 이상 개인사업자', '전문직 사업자', '연 수입 일정 기준 초과'],
icon: 'double',
bg: '#1E40AF',
dark: true
}];
return (
신고 수수료 안내
투명한 수수료
숨은 비용 없이 명확하게 안내드려요
{fees.map((f) =>
{f.sub}
{f.title}
{f.from ? '최소' : ''}{f.price.toLocaleString()}원~
{f.who.map((w) =>
{w}
)}
)}
참고
신고 수수료는 매출 · 소득 유형 · 신고 유형에 따라 차등 책정되며, 예상 세액 안내 및 상담 후 최종 안내드리며, 상기 수수료는 VAT 별도 금액입니다.
);
}
function FeeIcon({ kind, dark }) {
if (kind === 'simple') {
return (
);
}
return (
);
}
// ─── 후기 ──────────────────────────────────────────────────────────────
function ReviewSection() {
const reviews = [
{ name: '김*현', job: '배달기사', rating: 5, body: '매년 세무서 갔다오느라 반차 썼는데, 이번엔 카톡으로 5분 만에 끝났어요. 환급도 작년보다 더 받았네요.', refund: '+412,000원', tag: '환급' },
{ name: '이*수', job: '프리랜서 디자이너', rating: 5, body: '간편인증 하니까 자료가 알아서 쫙 모이더라구요. 처음엔 신기했는데 진짜 편해요.', refund: '+287,500원', tag: '환급' },
{ name: '박*영', job: '학원강사', rating: 5, body: '예상세액 미리 알려주시고 결제 후 신고하는 구조라 안심됐어요. 수수료도 합리적.', refund: '+523,400원', tag: '환급' },
{ name: '정*민', job: '대리운전', rating: 5, body: '서류가 뭔지도 모르겠고 매년 미루기만 했는데 카톡으로 다 처리해주셔서 살았어요.', refund: '+198,200원', tag: '환급' },
{ name: '최*우', job: '온라인 셀러', rating: 4, body: '복식부기 신고 대상이라 걱정했는데 담당자가 꼼꼼히 챙겨주셨습니다. 추천합니다.', refund: '신고완료', tag: '신고' },
{ name: '한*아', job: '보험설계사', rating: 5, body: '상담부터 결제까지 전부 비대면. 사무실 안 가도 되니까 시간 절약 최고예요.', refund: '+315,800원', tag: '환급' }];
return (
고객 후기
이용 고객님들의 후기
실제 신고를 마친 고객님들이 남겨주신 이야기
{reviews.map((r, i) =>
{[1, 2, 3, 4, 5].map((s) => )}
{r.body}
{r.name[0]}
{r.name}
{r.job}
{r.refund}
)}
);
}
// ─── FAQ ──────────────────────────────────────────────────────────────
function FaqSection() {
const [open, setOpen] = React.useState(0);
const faqs = [
{ q: '간편인증은 안전한가요?', a: '네, 카카오·네이버·통신사 등 공인된 인증기관을 통해서만 자료를 수취합니다. 별도로 비밀번호나 공인인증서를 저장하지 않으며, 자료는 신고 목적 외에는 사용되지 않습니다.' },
{ q: '신고는 얼마나 걸리나요?', a: '간편인증으로 자료 수취 후 평균 2~3일 이내에 예상 세액을 안내드립니다. 결제 후 본 신고는 당일 또는 익일 처리됩니다.' },
{ q: '환급금은 언제 받나요?', a: '5월 신고분의 환급금은 일반적으로 6월 말 ~ 7월 초에 본인 계좌로 입금됩니다. 신고 완료 후 정확한 일정을 카카오톡으로 안내드립니다.' },
{ q: '추가 서류가 필요할 수 있나요?', a: '간편인증으로 대부분의 자료가 자동 수취되지만, 사업자별 특수 사항이 있을 경우 추가 서류를 요청드릴 수 있습니다. 카카오톡으로 안내해드립니다.' },
{ q: '수수료는 언제 결제하나요?', a: '예상 세액 확인 후, 진행 의사를 밝히신 시점에 결제가 진행됩니다. 결제 전에는 어떤 비용도 청구되지 않습니다.' },
{ q: '신고하지 않으면 어떻게 되나요?', a: '신고 의무가 있는데 누락하면 무신고 가산세(20%)와 납부지연 가산세가 부과됩니다. 환급 대상자라도 신고하지 않으면 환급받을 수 없습니다.' }];
return (
자주 묻는 질문
궁금한 점이 있으신가요?
자주 묻는 질문을 모았어요. 추가 문의는 카카오톡으로 간편하게!
{faqs.map((f, i) =>
{open === i &&
A
{f.a}
}
)}
);
}
// ─── 최종 CTA ──────────────────────────────────────────────────────────
function FinalCta() {
return (