/* ============================================================ sections-c.jsx — Process, FAQ, Final CTA (form), Footer, MobileBar ============================================================ */ /* ---------------- Process ---------------- */ const PROCESS = [ { n: '01', icon: 'pen-tool', t: '기획', d: ['업종, 상권, 경쟁 매장을 분석해', '조회수와 방문을 만드는 콘텐츠를 설계합니다.'], note: '* 업종 트렌드와 상권을 분석해 기획합니다.' }, { n: '02', icon: 'video', t: '촬영', d: ['대본과 촬영 가이드를 보내드립니다.', '직접 촬영해서 저희에게 보내주세요.'] }, { n: '03', icon: 'scissors', t: '편집', d: ['후킹 3초·자막·BGM까지', '알고리즘에 최적화된 영상으로 완성합니다.'] }, { n: '04', icon: 'upload', t: '업로드', d: ['완성된 영상과 캡션을 전달드립니다.', '검수 후 업로드만 해주시면 됩니다.'] }]; function Process() { const isMobile = window.useIsMobile(); const { Container, Reveal, Dot } = window; return (

하루 20분만 투자하세요.

복잡한 과정은 모두 저희가 진행합니다.

{PROCESS.map((s, i) =>
{s.n}

{s.t}

{s.d.map((line, j) => {j > 0 &&
}{line})}

{s.note &&

{s.note}

}
{i < PROCESS.length - 1 &&
} )}
); } /* ---------------- FAQ ---------------- */ const FAQS = [ { q: '카메라가 어색해도 괜찮나요?', a: ['네, 괜찮습니다.', '', '촬영 전 가이드를 제공하며, 대본을 보고 한 문장씩 편하게 촬영합니다.', '말주변이 없어도 걱정하지 않으셔도 됩니다.'] }, { q: '우리 가게랑 안 어울릴까 걱정돼요.', a: ['매장의 분위기와 톤에 맞춰 제작합니다.', '과한 연출 대신, 손님이 실제로 반응하는 콘텐츠를 만듭니다.'] }, { q: '성과는 언제부터 나오나요?', a: ['보통 1~3개월 정도 소요됩니다.', '', '콘텐츠가 쌓이고 채널이 성장하면서, 꾸준히 매출로 이어지는 구조가 만들어집니다.'] }]; function FaqItem({ item, open, onToggle }) { return (

{item.a.map((line, k) => {k > 0 &&
}{line})}

); } function Faq() { const isMobile = window.useIsMobile(); const { Section, Container, Reveal, Dot } = window; const [open, setOpen] = React.useState(0); return (

자주 묻는 질문

{FAQS.map((f, i) => setOpen(open === i ? -1 : i)} /> )}
); } /* ---------------- Final CTA + form ---------------- */ function Field({ label, required = true, children }) { return ( ); } /* ── KakaoTalk 상담 채널 ────────────────────────────────────── 아래 URL을 실제 카카오톡 채널 채팅 주소로 교체하세요. (카카오 채널 관리자센터 → 채널 URL → "채팅" 링크) ─────────────────────────────────────────────────────────── */ const KAKAO_URL = 'http://pf.kakao.com/_IgEXX/chat'; function FinalCta() { const isMobile = window.useIsMobile(); const { Container, Reveal } = window; return (
{/* copy */}

지금 바로
무료상담 받아보세요

억지 영업은 하지 않습니다.
현재 상황을 함께 살펴보고,
가장 효과적인 방향을 제안해드립니다.

{/* kakao CTA card */}
); } /* ---------------- Sticky KakaoTalk 버튼 (데스크탑) ---------------- */ function StickyKakao() { const isMobile = window.useIsMobile(); const [show, setShow] = React.useState(false); React.useEffect(() => { const onS = () => setShow(window.scrollY > 480); onS(); window.addEventListener('scroll', onS, { passive: true }); return () => window.removeEventListener('scroll', onS); }, []); if (isMobile) return null; return ( {e.currentTarget.style.background = 'var(--bd-blue-700)';}} onMouseLeave={(e) => {e.currentTarget.style.background = 'var(--bd-blue)';}}> 카카오톡 상담하기 ); } /* ---------------- Footer ---------------- */ function SiteFooter() { const isMobile = window.useIsMobile(); const { Container } = window; const inCol = typeof location !== 'undefined' && /\/column\//.test(location.pathname); const ctaHref = inCol ? '../index.html#cta' : '#cta'; return ( ); } /* ---------------- Mobile sticky CTA bar ---------------- */ function MobileBar() { const isMobile = window.useIsMobile(); const [show, setShow] = React.useState(false); React.useEffect(() => { const onS = () => setShow(window.scrollY > 480); onS(); window.addEventListener('scroll', onS, { passive: true }); return () => window.removeEventListener('scroll', onS); }, []); if (!isMobile) return null; return (
카카오톡 상담하기 →
); } Object.assign(window, { Process, Faq, FinalCta, StickyKakao, SiteFooter, MobileBar });