https://itconnect.dev/assets/Program4Week-B8Wp-zXT.js

1import{q as i,h as I,r as b,j as e,H as W,S as x,A as m,X as y,C as o,L as A,F as E,s as f,m as N}from"./index-f3Er14TH.js";import{P as F,a as M}from"./ProgramStickyEnrollmentBar-K98XBJdY.js";import{u as P}from"./useProgramSchedules-CQM-w4hL.js";import{p as D,f as V,a as C}from"./programSchedule-B-Kyj00n.js";import{u as _}from"./useTrackScrollDepth-BbFDPx-e.js";import{C as j}from"./chevron-right-B_sq7mdw.js";import{M as q}from"./message-square-CDtJEm2o.js";import{A as k}from"./index-CtR9-Gkm.js";import"./star-vYqdTRnw.js";import"./calendar-days-XecqN_fo.js";import"./users-bCG6wN7R.js";import"./map-pin-C_YnIYul.js";import"./schedulesApi-D4tJc3ad.js";/**
2 * @license lucide-react v0.487.0 - ISC
3 *
4 * This source code is licensed under the ISC license.
5 * See the LICENSE file in the root directory of this source tree.
6 */const S=[["rect",{width:"8",height:"4",x:"8",y:"2",rx:"1",ry:"1",key:"tgr4d6"}],["path",{d:"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2",key:"116196"}],["path",{d:"m9 14 2 2 4-4",key:"df797q"}]],z=i("clipboard-check",S);/**
7 * @license lucide-react v0.487.0 - ISC
8 *
9 * This source code is licensed under the ISC license.
10 * See the LICENSE file in the root directory of this source tree.
11 */const L=[["path",{d:"m16.24 7.76-1.804 5.411a2 2 0 0 1-1.265 1.265L7.76 16.24l1.804-5.411a2 2 0 0 1 1.265-1.265z",key:"9ktpf1"}],["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}]],H=i("compass",L);/**
12 * @license lucide-react v0.487.0 - ISC
13 *
14 * This source code is licensed under the ISC license.
15 * See the LICENSE file in the root directory of this source tree.
16 */const R=[["path",{d:"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z",key:"m3kijz"}],["path",{d:"m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z",key:"1fmvmk"}],["path",{d:"M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0",key:"1f8sc4"}],["path",{d:"M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5",key:"qeys4"}]],v=i("rocket",R);/**
17 * @license lucide-react v0.487.0 - ISC
18 *
19 * This source code is licensed under the ISC license.
20 * See the LICENSE file in the root directory of this source tree.
21 */const T=[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["circle",{cx:"12",cy:"12",r:"6",key:"1vlfrh"}],["circle",{cx:"12",cy:"12",r:"2",key:"1c9p78"}]],u=i("target",T);/**
22 * @license lucide-react v0.487.0 - ISC
23 *
24 * This source code is licensed under the ISC license.
25 * See the LICENSE file in the root directory of this source tree.
26 */const $=[["path",{d:"m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72",key:"ul74o6"}],["path",{d:"m14 7 3 3",key:"1r5n42"}],["path",{d:"M5 6v4",key:"ilb8ba"}],["path",{d:"M19 14v4",key:"blhpug"}],["path",{d:"M10 2v2",key:"7u0qdc"}],["path",{d:"M7 8H3",key:"zfb6yr"}],["path",{d:"M21 16h-4",key:"1cnmox"}],["path",{d:"M11 3H9",key:"1obp7u"}]],B=i("wand-sparkles",$);function Q({q:n,a:c,index:l,isOpen:t,toggle:p}){return e.jsxs("div",{className:"border-b",style:{borderColor:"var(--line-faint)",background:t?"var(--card)":"transparent"},children:[e.jsxs("button",{type:"button",className:"flex w-full items-start gap-4 px-5 py-5 text-left max-[767px]:gap-3 max-[767px]:px-4 max-[767px]:py-4 max-[767px]:pr-12",onClick:p,"aria-expanded":t,children:[e.jsxs("span",{className:"mt-0.5 flex-shrink-0 font-mono text-[12px] tracking-wider max-[767px]:text-[11px]",style:{color:"var(--text-tertiary)"},children:["Q",l+1]}),e.jsx("span",{className:"flex-1 text-[15px] leading-[1.5] max-[767px]:text-[14px] max-[767px]:leading-[1.55]",style:{color:"var(--brand-ink)",fontWeight:500},children:n}),e.jsx(f,{className:"mt-0.5 h-4 w-4 flex-shrink-0 transition-transform duration-300",style:{color:"var(--text-tertiary)",transform:t?"rotate(180deg)":"rotate(0deg)"}})]}),e.jsx(k,{children:t&&e.jsx(N.div,{initial:{height:0,opacity:0},animate:{height:"auto",opacity:1},exit:{height:0,opacity:0},transition:{duration:.3,ease:[.22,1,.36,1]},className:"overflow-hidden",children:e.jsx("div",{className:"px-5 pb-5 pl-[48px] max-[767px]:px-4 max-[767px]:pb-4 max-[767px]:pl-11 max-[767px]:pr-10",children:e.jsx("p",{className:"text-[14px] leading-[1.75] max-[767px]:text-[13.5px] max-[767px]:leading-[1.7]",style:{color:"var(--text-soft)"},children:c})})})})]})}function K({weekNum:n,title:c,subtitle:l,bullets:t,assignment:p,isOpen:r,toggle:h}){return e.jsxs("div",{className:"overflow-hidden rounded-xl",style:{border:"1px solid var(--line-light)"},children:[e.jsxs("button",{type:"button",className:"flex w-full items-center gap-4 px-6 py-5 text-left max-[767px]:gap-3 max-[767px]:px-4 max-[767px]:py-4",onClick:h,style:{background:r?"var(--accent-navy)":"var(--card)"},children:[e.jsxs("span",{className:"flex-shrink-0 font-mono text-[12px] max-[767px]:text-[10.5px]",style:{color:r?"var(--accent-highlight)":"var(--brand-blue)",fontWeight:600},children:["WEEK ",n]}),e.jsx("span",{className:"flex-1 text-[15px] max-[767px]:text-[14px] max-[767px]:leading-[1.45]",style:{color:r?"#E8E5DF":"var(--brand-ink)",fontWeight:600},children:c}),e.jsx(f,{className:"h-4 w-4 flex-shrink-0 transition-transform duration-300",style:{color:r?"rgba(232,229,223,0.5)":"var(--text-tertiary)",transform:r?"rotate(180deg)":"rotate(0deg)"}})]}),e.jsx(k,{children:r&&e.jsx(N.div,{initial:{height:0,opacity:0}

26,animate:{height:"auto",opacity:1},exit:{height:0,opacity:0},transition:{duration:.3,ease:[.22,1,.36,1]},className:"overflow-hidden",children:e.jsxs("div",{className:"px-6 py-5 max-[767px]:px-4 max-[767px]:py-4",style:{background:"var(--bg1)"},children:[e.jsxs("div",{className:"mb-4 flex items-start gap-2.5 rounded-lg px-4 py-3 max-[767px]:mb-3 max-[767px]:px-3 max-[767px]:py-2.5",style:{background:"var(--card)",borderLeft:"3px solid var(--brand-blue)"},children:[e.jsx("span",{className:"flex-shrink-0 text-[14px] leading-[1.5] max-[767px]:text-[13px]",children:"🎯"}),e.jsxs("p",{className:"text-[13px] leading-[1.6] max-[767px]:text-[12.5px] max-[767px]:leading-[1.55]",children:[e.jsx("span",{style:{color:"var(--brand-blue)",fontWeight:700},children:"이번 주 완성"}),e.jsx("span",{style:{color:"var(--text-tertiary)"},children:" · "}),e.jsx("span",{style:{color:"var(--brand-ink)",fontWeight:600},children:p})]})]}),l&&e.jsx("p",{className:"mb-3 text-[14px] leading-[1.7] max-[767px]:text-[13.5px] max-[767px]:leading-[1.65]",style:{color:"var(--text-secondary)",fontWeight:500},children:l}),e.jsx("p",{className:"mb-2 font-mono text-[11px] uppercase tracking-[0.12em] max-[767px]:text-[10px]",style:{color:"var(--text-tertiary)"},children:"이렇게 진행합니다"}),e.jsx("ul",{className:"space-y-2 max-[767px]:space-y-1.5",children:t.map((d,g)=>e.jsxs("li",{className:"flex items-start gap-2 text-[13px] leading-[1.6] max-[767px]:text-[12.5px] max-[767px]:leading-[1.58]",style:{color:"var(--text-soft)"},children:[e.jsx(o,{className:"mt-0.5 h-3.5 w-3.5 flex-shrink-0",style:{color:"var(--brand-blue)"}}),d]},g))})]})})})]})}const O=[{title:"창업 아이템을 MVP로 좁힌다",bullets:["AI 바이브코딩으로 창업 아이템을 검증하는 방식 이해","아이디어 후보를 도출하고 하나의 프로젝트 주제로 좁히기","고객 문제, 핵심 사용자, 가치 제안을 한 장으로 정리하기","4주 안에 만들 기능과 만들지 않을 기능 구분하기","간단한 첫 화면 또는 핵심 흐름을 빠르게 만들어보기"],assignment:"창업 아이템 1개와 MVP 범위 확정하기"},{title:"기능과 화면을 설계한다",subtitle:"바이브코딩에서 가장 중요한 것은 AI에게 맡기기 전에 사람이 방향을 정하는 일입니다.",bullets:["MVP 요구사항 정의서와 기능 우선순위 작성","사용자 흐름, 화면 구조, 핵심 데이터 정리","레퍼런스 기반 디자인 방향과 톤 정의","AI로 1ì°¨ 화면 시안을 만들고 수정 방향 잡기","디자인 시안, 요구사항, 기능명세를 서로 검증하기","AI 에이전트가 개발할 수 있는 태스크로 쪼개기"],assignment:"MVP 기획서, 화면 구조, 개발 태스크 목록 완성하기"},{title:"AI와 함께 MVP를 구현한다",bullets:["바이브코딩 환경 세팅과 필수 개발 도구 이해","Harness Engineering 스타터 코드 구조 파악","AI에게 줄 컨텍스트 파일과 작업 지시 방식 정리","핵심 기능을 작은 단위로 나누어 구현하기","오류가 났을 때 원인을 좁히고 AI에게 수정 지시하기","TDD와 E2E 테스트 흐름을 활용해 ê²°ê³¼ 검수하기","MVP 욕심을 관리하고 완성 가능한 범위 유지하기"],assignment:"핵심 기능 개발 완료하기"},{title:"배포하고 다음 검증으로 연결한다",bullets:["AI가 만든 코드를 정리하고 배포 전 점검하기","보안, 계정, 데이터 저장 등 기본 운영 리스크 확인","내가 만든 MVP를 인터넷에 직접 배포하기","피드백을 받을 수 있는 랜딩/문의/신청 흐름 점검","창업지원사업용 사업계획서 구조와 연결하기","최종 발표와 피드백으로 다음 액션 정리하기","4주 회고와 이후 개발 로드맵 수립"],assignment:"MVP 배포, 최종 발표, 다음 검증 계획 완성하기"}],X=[{q:"코딩을 전혀 모르는데 따라갈 수 있나요?",a:"네. 코드를 직접 암기해서 쓰는 과정이 아닙니다. AI에게 무엇을 만들지 설명하고, 결과를 확인하고, 방향을 잡는 역할을 단계별로 익힙니다. 강사도 비개발자 출신입니다."},{q:"직장인인데 시간을 낼 수 있을까요?",a:"정규 세션은 주말 중심으로 운영하며, 세션 외 자율 작업은 본인 일정에 맞ê²

26Œ 진행합니다. 다만 4주 동안 아이템을 직접 만들어야 하므로 매주 작업 시간을 확보할 수 있는 분께 권합니다."},{q:"4주 동안 실제로 완성할 수 있나요?",a:"가능합니다. 단, 처음부터 거창한 서비스를 목표로 하면 어렵습니다. 1주차에 아이디어를 현실적인 MVP 범위로 줄이고, ê·¸ 범위 안에서 동작하는 첫 버전을 만드는 것을 목표로 합니다."},{q:"아이디어가 아직 구체적이지 않아도 되나요?",a:"괜찮습니다. 1주차 세션에서 아이디어를 도출하고 방향을 잡는 과정이 포함되어 있습니다. 다만 2주차부터는 설계와 구현에 들어가기 때문에 프로젝트 주제는 빠르게 확정해야 합니다."},{q:"노트북 사양은 어느 정도여야 하나요?",a:"대부분의 작업이 클라우드 기반이지만 일부 도구는 로컬 환경에서 구동됩니다. 너무 낮은 사양의 노트북은 프로그램 구동에 어려움이 있을 수 있어 적정 사양이 필요합니다."},{q:"환불 정책이 어떻게 되나요?",a:"시작 전날까지 100% 환불 가능합니다. 첫 세션 진행 이후에는 교습비 환불 규정에 따릅니다."},{q:"기수가 마감되면 어떻게 되나요?",a:"다음 기수 대기 신청을 받습니다. 월 1기수만 운영하기 때문에 관심 있으시면 빠르게 신청하시는 것을 권장합니다."}];function ce(){const n=D["4week"],{schedules:c,primarySchedule:l,isLoading:t,error:p}=P(n.programType);I({title:"비개발자를 위한 AI 바이브코딩 실전 창업 챌린지 | ITCONNECT",description:"코딩 경험이 없어도 4주 동안 창업 아이템을 MVP로 기획하고, AI 바이브코딩으로 직접 구현과 배포까지 경험하는 실전 창업 챌린지.",image:"/images/og/solopreneur_og_image.png",imageWidth:1802,imageHeight:873});const[r,h]=b.useState(null),[d,g]=b.useState(0),w=_("/program/4week");return e.jsxs("div",{className:"min-h-screen",style:{background:"var(--paper)"},children:[e.jsx(W,{}),e.jsx("main",{children:e.jsxs("div",{ref:w,children:[e.jsx("section",{className:"pt-16 pb-14 max-[767px]:pt-10 max-[767px]:pb-10 md:pt-24 md:pb-20",style:{background:"var(--paper)"},children:e.jsx("div",{className:"mx-auto max-w-7xl px-6 max-[767px]:px-5 lg:px-8",children:e.jsxs("div",{className:"grid items-center gap-10 max-[767px]:gap-8 lg:grid-cols-12 lg:gap-16",children:[e.jsxs("div",{className:"lg:col-span-6",children:[e.jsx(x,{children:e.jsxs("div",{className:"mb-6 inline-flex items-center gap-2.5 rounded-full px-4 py-2 max-[767px]:mb-5 max-[767px]:gap-2 max-[767px]:px-3.5 max-[767px]:py-1.5",style:{background:"rgba(62,94,146,0.06)",border:"1px solid rgba(62,94,146,0.1)"},children:[e.jsx("span",{className:"h-1.5 w-1.5 rounded-full",style:{background:"var(--brand-blue)"}}),e.jsx("span",{className:"text-[13px] max-[767px]:text-[12.5px]",style:{color:"var(--brand-ink)",fontWeight:500},children:"월 1기수 · 6명 한정 소수정예"})]})}),e.jsx(x,{delay:.1,children:e.jsxs("h1",{className:"mb-6 text-[32px] leading-[1.2] tracking-tight max-[767px]:mb-5 max-[767px]:text-[30px] max-[767px]:leading-[1.17] md:text-[42px] lg:text-[48px]",style:{fontFamily:"var(--font-serif)",color:"var(--brand-ink)"},children:["비개발자도 4주 만에",e.jsx("br",{}),"내 아이디어를 MVP로 만드는",e.jsx("br",{}),e.jsx("span",{style:{color:"var(--brand-blue)"},children:"실전 바이브코딩 챌린지"})]})}),e.jsx(x,{delay:.14,children:e.jsxs("p",{className:"mb-8 text-[16px] leading-[1.85] max-[767px]:mb-6 max-[767px]:text-[15px] max-[767px]:leading-[1.75]",style:{color:"var(--text-secondary)"},children:[e.jsxs("span",{className:"max-[767px]:hidden",children:["아이디어 정리부터 기능 설계, AI 개발, 배포까지.",e.jsx("br",{}),"비개발자 출신이 실제로 여러 서비스를 만든 방식 그대로,",e.jsx("br",{}),"4주 동안 내 서비스의 첫 버전을 완성합니다."]}),e.jsx("span",{className:"hidden max-[767px]:inline",children:"아이디어 정리부터 기능 설계, AI 개발, 배포까지. 비개발자 출신이 실제로 여러 서비스를 만든 방식 그대로, 4주 동안 내 서비스의 첫 버전을 완성합니다."})]})}),e.jsx(x,{delay:.17,children:e.jsx("div",{className:"mb-8 flex flex-wrap gap-2 max-[767px]:mb-6 max-[767px]:gap-1.5",children:["비개발자 대상","4주 완성 MVP","소수정예 6명"].map(a=>e.jsx("span",{className:"rounded-full px-3 py-1.5 text-[13px] max-[767px]:px-2.5 max-[767px]:text-[12px] max-[767px]:leading-none",style:{background:"var(--bg1)",border:"1px solid var(--line-light)",color:"var(--brand-ink)",fontWeight:500},children:a},a))})}),e.jsxs(x,{delay:.2,children:[e.jsxs("div",{className:"mb-6 flex flex-col gap-3 max-[767px]:mb-4 max-[767px]:gap-2.5 sm:flex-row",children:[e.jsxs("a",{href:"#schedule",onClick:a=>{var s;a.preventDefault(),(s=document.getElementById("schedule"))==null||s.scrollIntoView({behavior:"smooth"})},className:"inline-flex items-center justify-center gap-2 rounded-xl px-7 py-3.5 text-[15px] transition-all duration-200 max-[767px]:py-3.5 max-[767px]:text-[14.5px]",style:{background:"var(--brand-blue)",color:"#fff",fontWeight:600},children:["이번 기수 신청하기 ",e.jsx(m,{className:"h-4 w-4"})]}),e.jsx("a",{href:"#curriculum",className:"inline-flex items-center justify-center gap-2 rounded-xl px-7 py-3.5 text-[15px] transition-all duration-200 max-[767px]:py-3 max-[767px]:text-[14.5px]",style:{border:"1px solid var(--line-light)",color:"var(--brand-ink)",fontWeight:500},children:"커리큘럼 먼저 보기"})]}),e.jsx("p",{className:"text-[12px] max-[767px]:text-[11.5px]",style:{color:"var(--text-tertiary)"},children:"선착순 마감 · 시작 전날까지 100% 환불 가능"})]})]}),e.jsx("div",{className:"lg:col-span-6",children:e.jsx(x,{delay:.1,children:e.jsx("img",{src:"/images/4week/4week-ai-vibecoding-mvp-hero.png",alt:"AI에게 요청해 4주 만에 만든 문의 관리 MVP 화면",className:"h-auto w-full max-[767px]:rounded-[14px]",loading:"eager"})})})]})})}),e.jsx("section",{className:"py-20 max-[767px]:py-14",style:{background:"var(--bg1)"},children:e.jsxs("div",{className:"mx-auto max-w-7xl px-6 max-[767px]:px-5 lg:px-8",children:[e.jsxs("div",{className:"mb-12 grid items-center gap-10 max-[767px]:mb-8 max-[767px]:gap-7 lg:grid-cols-12 lg:gap-16",children:[e.jsxs("div",{className:"lg:col-span-6",children:[e.jsx(x,{children:e.jsx("span",{className:"font-mono text-[11px] tracking-[0.08em] uppercase",style:{color:"var(--brand-blue)"},children:"바이브코딩, 혼자 해보다 막힌 적 있으신가요?"})}),e.jsx(x,{delay:.08,children:e.jsxs("h2",{className:"mt-4 mb-4 text-[26px] leading-[1.3] tracking-tight max-[767px]:mb-3 max-[767px]:text-[25px] md:text-[34px]",style:{color:"var(--brand-ink)",fontFamily:"var(--font-serif)"}

26,children:["누구나 개발할 수 있다고 하지만",e.jsx("br",{}),e.jsx("span",{style:{color:"var(--brand-blue)"},children:"처음 하면 어려울 수 있습니다"})]})}),e.jsx(x,{delay:.12,children:e.jsx("p",{className:"text-[15px] leading-[1.8] max-[767px]:text-[14.5px] max-[767px]:leading-[1.7]",style:{color:"var(--text-secondary)"},children:"많은 사람들이 어려워하다가 결국 포기합니다."})})]}),e.jsx("div",{className:"lg:col-span-6",children:e.jsx(x,{delay:.16,children:e.jsx("div",{className:"overflow-hidden rounded-2xl max-[767px]:rounded-[14px]",style:{border:"1px solid var(--line-light)"},children:e.jsx("img",{src:"/images/4week/4week-nondeveloper-stuck-problem.png",alt:"비개발자가 AI 개발을 시작할 때 마주하는 막막함",className:"w-full h-auto",loading:"lazy"})})})})]}),e.jsx("div",{className:"mb-10 grid gap-4 max-[767px]:mb-7 max-[767px]:gap-3 md:grid-cols-3",children:[{icon:"01",title:"유튜브 보고 혼자 하다가 포기했어요",desc:"따라 할 때는 되는 것 같은데, 막상 내가 원하는 걸 만들려고 하면 어떻게 해야 할지 막막합니다."},{icon:"02",title:"바이브코딩으로 어디까지 가능한지 모르겠어요",desc:"이 아이디어를 정말 AI로 만들 수 있는 건지, 너무 큰 욕심인지 판단이 서지 않습니다."},{icon:"03",title:"어디서부터 시작해야 할지 모르겠어요",desc:"대화창에 입력만 하면 된다고 하는데, 정작 무엇을 입력해야 할지 잘 모르겠습니다."}].map((a,s)=>e.jsx(x,{delay:.1+s*.06,children:e.jsxs("div",{className:"h-full rounded-xl px-5 py-5 max-[767px]:px-4 max-[767px]:py-4",style:{background:"var(--card)",border:"1px solid var(--line-light)"},children:[e.jsx("span",{className:"mb-3 block font-mono text-[18px] max-[767px]:mb-2 max-[767px]:text-[16px]",style:{color:"var(--brand-blue)",fontWeight:700},children:a.icon}),e.jsx("p",{className:"mb-2 text-[15px] max-[767px]:text-[14.5px]",style:{color:"var(--brand-ink)",fontWeight:600},children:a.title}),e.jsx("p",{className:"text-[13px] leading-[1.6] max-[767px]:text-[12.5px] max-[767px]:leading-[1.58]",style:{color:"var(--text-soft)"},children:a.desc})]})},s))}),e.jsx(x,{delay:.3,children:e.jsx("div",{className:"rounded-xl px-6 py-5 max-[767px]:px-4 max-[767px]:py-4",style:{background:"var(--card)",border:"1px solid var(--brand-blue)"},children:e.jsxs("p",{className:"text-[15px] leading-[1.7] max-[767px]:text-[14px] max-[767px]:leading-[1.68]",style:{color:"var(--brand-ink)"},children:["처음 해보는 사람이라면 막히는 것이 당연합니다. 그렇다고 어려운 개발 지식을 하나씩 배워야 하는 것은 아닙니다.",e.jsx("br",{}),"AI에게 어떻게 시킬지, 결과를 어떻게 검수할지만 알면 됩니다.",e.jsx("br",{}),e.jsx("span",{style:{color:"var(--brand-blue)",fontWeight:600},children:"그 체계적인 순서를 4주 동안 배우면서 함께 만들어갑니다."})]})})})]})}),e.jsx("section",{className:"relative overflow-hidden py-20 max-[767px]:py-14",style:{background:"var(--accent-navy)"},children:e.jsxs("div",{className:"relative mx-auto max-w-7xl px-6 max-[767px]:px-5 lg:px-8",children:[e.jsxs("div",{className:"mb-12 grid items-center gap-10 max-[767px]:mb-8 max-[767px]:gap-8 lg:grid-cols-12 lg:gap-16",children:[e.jsxs("div",{className:"lg:col-span-6",children:[e.jsx(x,{children:e.jsx("span",{className:"font-mono text-[11px] tracking-[0.08em] uppercase",style:{color:"var(--accent-highlight)"},children:"AI 1인 기업의 시대"})}),e.jsx(x,{delay:.08,children:e.jsxs("h2",{className:"mt-4 mb-4 text-[26px] leading-[1.3] tracking-tight max-[767px]:text-[25px] md:text-[34px]",style:{color:"#E8E5DF",fontFamily:"var(--font-serif)"},children:["바이브코딩은 이제 취미가 아니라",e.jsx("br",{}),e.jsx("span",{style:{color:"var(--accent-highlight)"},children:"1인 기업의 필수 실행 능력입니다"})]})}),e.jsx(x,{delay:.12,children:e.jsx("p",{className:"mb-8 text-[15px] leading-[1.8] max-[767px]:mb-5 max-[767px]:text-[14.5px] max-[767px]:leading-[1.7]",style:{color:"rgba(232,229,223,0.7)"},children:"AI는 대화 상대가 아니라, 사업을 시작하는 실행 도구입니다."})}),e.jsx("div",{className:"mb-4 grid gap-4 max-[767px]:grid-cols-2 max-[767px]:gap-3 sm:grid-cols-2",children:[{stat:"63.5%",desc:"AI를 한 번이라도 써본 국내 근로자",src:"한국은행, 2025"}

26,{stat:"17%",desc:"그중 업무에 정기적으로 활용하는 사람",src:"한국은행, 2025"}].map((a,s)=>e.jsx(x,{delay:.14+s*.06,children:e.jsxs("div",{className:"h-full rounded-xl px-6 py-6 max-[767px]:px-4 max-[767px]:py-4",style:{background:"rgba(255,255,255,0.06)",border:"1px solid rgba(255,255,255,0.1)"},children:[e.jsx("p",{className:"mb-2 text-[36px] font-bold max-[767px]:mb-1 max-[767px]:text-[28px]",style:{color:"var(--accent-highlight)",fontFamily:"var(--font-serif)"},children:a.stat}),e.jsx("p",{className:"mb-2 text-[13px] leading-[1.6] max-[767px]:mb-1 max-[767px]:text-[11.5px] max-[767px]:leading-[1.45]",style:{color:"rgba(232,229,223,0.75)"},children:a.desc}),e.jsx("p",{className:"text-[11px] max-[767px]:text-[10px]",style:{color:"rgba(232,229,223,0.35)"},children:a.src})]})},s))}),e.jsx(x,{delay:.26,children:e.jsxs("p",{className:"text-[13px] leading-[1.7] max-[767px]:text-[12.5px] max-[767px]:leading-[1.6]",style:{color:"rgba(232,229,223,0.65)"},children:["대부분은 써보기만 했을 뿐, 제대로 활용하는 사람은 아직 소수입니다."," ",e.jsx("span",{style:{color:"var(--accent-highlight)",fontWeight:600},children:"바로 지금이 기회입니다."})]})})]}),e.jsx("div",{className:"lg:col-span-6",children:e.jsx(x,{delay:.1,children:e.jsx("img",{src:"/images/4week/4week-solopreneur-ai-team.png",alt:"한 사람이 AI와 함께 기획·디자인·개발·마케팅을 모두 수행하는 모습",className:"h-auto w-full max-[767px]:rounded-[14px]",loading:"lazy"})})})]}),e.jsx(x,{delay:.12,children:e.jsxs("div",{className:"rounded-2xl px-6 py-8 max-[767px]:rounded-[16px] max-[767px]:px-4 max-[767px]:py-5 md:px-8",style:{background:"rgba(255,255,255,0.03)",border:"1px solid rgba(255,255,255,0.08)"},children:[e.jsxs("p",{className:"mb-4 text-[15px] max-[767px]:mb-3 max-[767px]:text-[14px] md:text-[16px]",style:{color:"#E8E5DF",fontWeight:600},children:["1인 기업이 성공하는 사례가"," ",e.jsx("span",{style:{color:"var(--accent-highlight)"},children:"계속해서 나오고 있습니다."})]}),e.jsx("div",{className:"grid gap-4 max-[767px]:gap-3 sm:grid-cols-2",children:[{name:"Base44",desc:"솔로 창업자의 AI 앱 빌더 — 2025년 Wix 인수"},{name:"Photo AI",desc:"1인 운영 AI 사진 서비스 — 작은 제품으로 꾸준한 수익"}].map(a=>e.jsxs("div",{className:"h-full rounded-xl px-5 py-4 max-[767px]:px-4 max-[767px]:py-3.5",style:{background:"rgba(255,255,255,0.05)",border:"1px solid rgba(255,255,255,0.1)"},children:[e.jsxs("div",{className:"flex items-center gap-2 mb-1.5",children:[e.jsx("p",{className:"text-[14px]",style:{color:"var(--accent-highlight)",fontWeight:700},children:a.name}),e.jsx("span",{className:"text-[10px] px-1.5 py-0.5 rounded",style:{color:"rgba(232,229,223,0.5)",border:"1px solid rgba(255,255,255,0.15)"},children:"해외 사례"})]}),e.jsx("p",{className:"text-[12.5px] leading-[1.6]",style:{color:"rgba(232,229,223,0.65)"},children:a.desc})]},a.name))}),e.jsx("div",{className:"my-7 h-px w-full max-[767px]:my-5",style:{background:"rgba(255,255,255,0.1)"}}),e.jsxs("p",{className:"mb-5 text-[15px] max-[767px]:mb-4 max-[767px]:text-[14px] md:text-[16px]",style:{color:"#E8E5DF",fontWeight:600},children:["이제 개발 실력보다"," ",e.jsx("span",{style:{color:"var(--accent-highlight)"},children:"이 세 가지가 더 중요합니다."})]}),e.jsx("div",{className:"grid grid-cols-1 gap-3 max-[767px]:gap-2.5 sm:grid-cols-3",children:[{n:"01",Icon:u,t:"무엇을 만들지 찾아내고 결정하는 능력"},{n:"02",Icon:B,t:"AI에게 체계적으로 제대로 시킬 수 있는 능력"},{n:"03",Icon:z,t:"결과를 검수하고 계속 발전시킬 수 있는 능력"}].map((a,s)=>e.jsxs("div",{className:"relative",children:[e.jsxs("div",{className:"h-full rounded-xl px-4 py-5 max-[767px]:py-4",style:{background:"rgba(255,255,255,0.05)",border:"1px solid rgba(255,255,255,0.1)"},children:[e.jsxs("div",{className:"flex items-center gap-2.5 mb-2.5",children:[e.jsx("span",{className:"text-[26px] leading-none",style:{color:"var(--accent-highlight)",fontFamily:"var(--font-serif)",opacity:.45},children:a.n}),e.jsx(a.Icon,{className:"w-5 h-5",style:{color:"var(--accent-highlight)"}})]}),e.jsx("p",{className:"text-[14px] leading-[1.4] max-[767px]:text-[13px]",style:{color:"#E8E5DF",fontWeight:600},children:a.t})]}),s<2&&e.jsx(j,{className:"hidden sm:block absolute top-1/2 -right-2.5 z-10 w-4 h-4 -translate-y-1/2",style:{color:"rgba(232,229,223,0.3)"}})]},a.n))})]})}),e.jsx(x,{delay:.2,children:e.jsxs("p",{className:"mx-auto mt-10 max-w-3xl text-center text-[15px] leading-[1.7] max-[767px]:mt-7 max-[767px]:text-[14px] max-[767px]:leading-[1.65] md:text-[17px]",style:{color:"rgba(232,229,223,0.75)"},children:["이제 거대한 개발팀을 먼저 찾는 것이 아니라,"," ",e.jsx("span",{style:{color:"var(--accent-highlight)",fontWeight:600},children:"AI로 빠르게 만들어 시장 반응을 볼 수 있는 실행력이 가장 중요합니다."})]})})]})}),e.jsx("section",{className:"py-20 max-[767px]:py-14",style:{background:"var(--paper)"},children:e.jsxs("div",{className:"mx-auto max-w-7xl px-6 max-[767px]:px-5 lg:px-8",children:[e.jsx(x,{children:e.jsx("span",{className:"font-mono text-[11px] tracking-[0.08em] uppercase",style:{color:"var(--brand-blue)"},children:"바이브코딩이 실패하는 이유"})}),e.jsx(x,{delay:.08,children:e.jsxs("h2",{className:"mt-4 mb-4 text-[26px] leading-[1.3] tracking-tight max-[767px]:text-[25px] md:text-[34px]",style:{color:"var(--brand-ink)",fontFamily:"var(--font-serif)"},children:['AI에 "해줘"만 입력한다고',e.jsx("br",{}),e.jsx("span",{style:{color:"var(--brand-blue)"},children:"모든 것이 만들어지지 않습니다"})]})}),e.jsx(x,{delay:.12,children:e.jsx("p",{className:"mb-10 max-w-2xl text-[15px] leading-[1.8] max-[767px]:mb-7 max-[767px]:text-[14.5px] max-[767px]:leading-[1.7]",style:{color:"var(--text-secondary)"},children:"간단한 건 AI 혼자서도 만듭니다. 하지만 제대로 된 MVP는 사람의 기획·검수·운영 판단이 있어야 완성됩니다."})}),e.jsxs("div",{className:"mb-8 grid items-stretch gap-10 max-[767px]:gap-6 lg:grid-cols-12 lg:gap-12",children:[e.jsx("div",{className:"lg:col-span-6",children:e.jsx("div",{className:"flex h-full flex-col gap-3 max-[767px]:gap-2.5",children:[{bad:"기획 없이 바로 코드부터",no:"무엇을 만들지 불명확해 기능이 계속 흔들립니다."},{bad:"AI 결과를 검수 없이 그대로",no:"오류와 품질 문제를 놓칩니다."},{bad:"내 PC에서만 도는 데모",no:"고객 반응을 받을 수 없습니다."},{bad:"한 번에 전체를 다 요청",no:"컨텍스트가 무너져 수정이 불가능해집니다."}].map((a,s)=>e.jsx(x,{delay:.08+s*.05,className:"flex-1",children:e.jsx("div",{className:"flex h-full flex-col justify-center rounded-xl px-5 py-4 max-[767px]:px-4 max-[767px]:py-3.5",style:{background:"var(--card)",border:"1px solid var(--line-light)"},children:e.jsxs("div",{className:"flex items-start gap-3",children:[e.jsx("span",{className:"mt-0.5 inline-flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full",style:{background:"rgba(192,93,74,0.1)"}

26,children:e.jsx(y,{className:"h-3.5 w-3.5",style:{color:"#c05d4a"}})}),e.jsxs("div",{children:[e.jsx("p",{className:"mb-1 text-[15px] max-[767px]:text-[14px]",style:{color:"var(--brand-ink)",fontWeight:600},children:a.bad}),e.jsx("p",{className:"text-[13px] leading-[1.6] max-[767px]:text-[12.5px]",style:{color:"var(--text-soft)"},children:a.no})]})]})})},a.bad))})}),e.jsx("div",{className:"lg:col-span-6",children:e.jsx(x,{delay:.1,children:e.jsx("img",{src:"/images/4week/4week-whyfailvibecoding-v2.png",alt:"'그냥 만들어줘' 한 번에 만든 결과물이 곳곳에서 무너진 화면",className:"h-auto w-full max-[767px]:rounded-[14px]",loading:"lazy"})})})]}),e.jsx(x,{delay:.2,children:e.jsx("div",{className:"rounded-xl px-6 py-5 max-[767px]:px-4 max-[767px]:py-4",style:{background:"var(--accent-navy)",border:"1px solid rgba(255,255,255,0.08)"},children:e.jsxs("p",{className:"text-[15px] leading-[1.7] max-[767px]:text-[14px] max-[767px]:leading-[1.65]",style:{color:"#E8E5DF"},children:["실패하는 이유는 AI 성능이 부족해서가 아닙니다.",e.jsx("br",{}),"사람이 문제를 정의하고, 결과를 검수하고, 배포까지 관리하는"," ",e.jsx("span",{style:{color:"var(--accent-highlight)",fontWeight:600},children:"구조가 없기 때문입니다."})]})})})]})}),e.jsx("section",{className:"py-20 max-[767px]:py-14",style:{background:"var(--accent-navy)"},children:e.jsxs("div",{className:"mx-auto max-w-7xl px-6 max-[767px]:px-5 lg:px-8",children:[e.jsx(x,{children:e.jsx("span",{className:"font-mono text-[11px] tracking-[0.08em] uppercase",style:{color:"var(--accent-highlight)"},children:"이 과정이 특별한 이유"})}),e.jsx(x,{delay:.08,children:e.jsxs("h2",{className:"mt-4 mb-10 text-[26px] leading-[1.3] tracking-tight max-[767px]:mb-7 max-[767px]:text-[25px] md:text-[34px]",style:{color:"#E8E5DF",fontFamily:"var(--font-serif)"},children:["예제를 따라하는 과정이 아닙니다",e.jsx("br",{}),e.jsx("span",{style:{color:"var(--accent-highlight)"},children:"내 아이디어로 만들고 배포하는 실전 MVP 챌린지입니다"})]})}),e.jsx("div",{className:"mb-10 grid gap-4 max-[767px]:mb-7 max-[767px]:gap-3 md:grid-cols-2 lg:grid-cols-4",children:[{Icon:u,title:"아이디어부터 함께 좁힙니다",desc:"막연한 아이템을 4주 안에 만들 MVP 범위로 좁힙니다."},{Icon:q,title:"주차별 피드백을 받습니다",desc:"기획·설계·구현·배포 단계마다 막힌 곳을 함께 점검합니다."},{Icon:v,title:"배포까지 경험합니다",desc:"내 PC 데모가 아니라, 외부에서 열리는 첫 버전을 배포합니다."},{Icon:H,title:"창업 관점으로 판단합니다",desc:"기능 수보다, 고객 반응을 볼 핵심 흐름을 먼저 만듭니다."}].map((a,s)=>e.jsx(x,{delay:.1+s*.06,children:e.jsxs("div",{className:"h-full rounded-xl px-6 py-6 max-[767px]:px-4 max-[767px]:py-4",style:{background:"rgba(255,255,255,0.06)",border:"1px solid rgba(255,255,255,0.1)"},children:[e.jsx(a.Icon,{className:"mb-3 h-6 w-6 max-[767px]:mb-2 max-[767px]:h-5 max-[767px]:w-5",style:{color:"var(--accent-highlight)"}}),e.jsx("p",{className:"mb-2 text-[15px] max-[767px]:text-[14px]",style:{color:"#E8E5DF",fontWeight:600},children:a.title}),e.jsx("p",{className:"text-[13px] leading-[1.6] max-[767px]:text-[12.5px]",style:{color:"rgba(232,229,223,0.65)"},children:a.desc})]})},a.title))}),e.jsx(x,{delay:.3,children:e.jsxs("p",{className:"text-[15px] leading-[1.8] max-[767px]:text-[14px] max-[767px]:leading-[1.65]",style:{color:"rgba(232,229,223,0.7)"},children:["4주가 지나면, 이제"," ",e.jsx("span",{style:{color:"var(--accent-highlight)",fontWeight:600},children:"AI와 함께 직접 만드는 창업가로 변신합니다."})]})})]})}),e.jsx("section",{className:"py-20 max-[767px]:py-14",style:{background:"var(--paper)"},children:e.jsxs("div",{className:"mx-auto max-w-7xl px-6 max-[767px]:px-5 lg:px-8",children:[e.jsx(x,{children:e.jsx("span",{className:"font-mono text-[11px] tracking-[0.08em] uppercase",style:{color:"var(--brand-blue)"},children:"챌린지 혜택"})}),e.jsx(x,{delay:.08,children:e.jsx("h2",{className:"mt-4 mb-4 text-[26px] leading-[1.3] tracking-tight max-[767px]:text-[25px] md:text-[34px]",style:{color:"var(--brand-ink)",fontFamily:"var(--font-serif)"},children:"챌린지에 참여만 하면 누구나 받을 수 있는 혜택"})}),e.jsx(x,{delay:.12,children:e.jsx("p",{className:"mb-10 text-[15px] leading-[1.8] max-[767px]:mb-7 max-[767px]:text-[14.5px] max-[767px]:leading-[1.7]",style:{color:"var(--text-secondary)"},children:"강의 자료가 아닌, 실제로 사업화를 위한 자료와 커뮤니티를 제공합니다."})}),e.jsx("div",{className:"mb-6 grid gap-4 max-[767px]:gap-3 md:grid-cols-2 lg:grid-cols-3",children:[{num:"01",img:"/images/4week/4week-planning-v2.png",title:"창업지원사업에 합격한 사업계획서 양식",desc:"창업중심대학, 청년창업사관학교에 합격한 사업계획서를 참고자료 형태로 제공합니다."},{num:"02",img:"/images/4week/4week-startercode-v2.png",title:"계속 업데이트되는 Harness Engineering 스타터 코드",desc:"비개발자도 체계적으로 개발할 수 있도록 하네스 엔지니어링을 적용할 수 있는 소스코드를 드립니다."},{num:"03",img:"/images/4week/4week-discord-v2.png",title:"질문·답변·커뮤니티가 가능한 Discord 초대",desc:"4주 + 종료 이후에도 질문하고 피드백받을 수 있는 커뮤니티에 초대합니다."}].map((a,s)=>e.jsx(x,{delay:.1+s*.06,children:e.jsxs("div",{className:"h-full overflow-hidden rounded-xl",style:{background:"var(--card)",border:"1px solid var(--line-light)"},children:[e.jsx("img",{src:a.img,alt:a.title,className:"h-36 w-full object-cover object-top max-[767px]:h-28",loading:"lazy"}),e.jsxs("div",{className:"px-5 py-5 max-[767px]:px-4 max-[767px]:py-4",children:[e.jsx("p",{className:"mb-2 font-mono text-[11px] tracking-[0.08em] max-[767px]:text-[10px]",style:{color:"var(--brand-blue)"},children:a.num}),e.jsx("p",{className:"mb-2 text-[15px] max-[767px]:text-[14px]",style:{color:"var(--brand-ink)",fontWeight:600},children:a.title}),e.jsx("p",{className:"text-[13px] leading-[1.6] max-[767px]:text-[12.5px]",style:{color:"var(--text-soft)"},children:a.desc})]})]})},s))})]})}),e.jsx("section",{className:"py-20 max-[767px]:py-14",style:{background:"var(--bg1)"},children:e.jsxs("div",{className:"mx-auto max-w-7xl px-6 max-[767px]:px-5 lg:px-8",children:[e.jsx(x,{children:e.jsx("span",{className:"font-mono text-[11px] tracking-[0.08em] uppercase",style:{color:"var(--brand-blue)"},children:"100% AI로 만든 서비스"})}),e.jsx(x,{delay:.08,children:e.jsxs("h2",{className:"mt-4 mb-4 text-[26px] leading-[1.3] tracking-tight max-[767px]:text-[25px] md:text-[34px]",style:{color:"var(--brand-ink)",fontFamily:"var(--font-serif)"},children:["아이티커넥트는 100% AI로 개발하며",e.jsx("br",{}),"다양한 프로젝트를 직접 수행하고 있습니다"]})}),e.jsx(x,{delay:.12,children:e.jsxs("p",{className:"mb-10 text-[15px] leading-[1.8] max-[767px]:mb-7 max-[767px]:text-[14.5px] max-[767px]:leading-[1.7]",style:{color:"var(--text-secondary)"},children:["이 챌린지는 단순 이론이 아니라, 실제 서비스를 만들며 검증한 방식으로 진행됩니다.",e.jsx("br",{}),"아래 4개 프로젝트의 제작 경험을 바탕으로 비개발자도 따라올 수 있는 프로세스로 정리했습니다."]})}),e.jsx("div",{className:"mb-4 grid gap-4 max-[767px]:gap-3 md:grid-cols-2 lg:grid-cols-4",children:[{name:"itconnect.dev",desc:"AI 바이브코딩 교육과 창업 챌린지 모집, 회원관리, 결제, 뉴스레터를 운영하는 자체 플랫폼입니다.",img:"/images/4week/4week-service-itconnect.png",building:!1},{name:"homepage.works",desc:"AI 외주개발 서비스 홈페이지. AI로 개발 견적을 자동으로 산출하고 견적서를 자동 발송합니다.",img:"/images/4week/4week-service-homepage-works.png",building:!1},{name:"b-creator.com",desc:"AI 바이브코딩 학습자와 실행자를 위한 프로젝트 기록 및 프로세스별 가이드 플랫폼입니다.",img:"/images/4week/4week-service-bcreator.png",building:!1},{name:"startora.net",desc:"업무 도메인별 AI 에이전트 기반 경영 자동화 플랫폼. 사내에서 직접 운영하며 고도화하고 있습니다.",img:"/images/4week/service_startora.jpg",building:!1}].map((a,s)=>e.jsx(x,{delay:.1+s*.04,children:e.jsxs("div",{className:"h-full overflow-hidden rounded-xl",style:{border:"1px solid var(--line-light)"},children:[e.jsx("img",{src:a.img,alt:a.name,className:"h-36 w-full object-cover object-top max-[767px]:h-auto",style:a.building?{filter:"grayscale(0.5)",opacity:.55}:void 0,loading:"lazy"}),e.jsxs("div",{className:"px-5 py-4 max-[767px]:px-4 max-[767px]:py-4",style:{background:"var(--card)"},children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx("p",{className:"text-[14px] max-[767px]:text-[13.5px]",style:{color:"var(--brand-ink)",fontWeight:600},children:a.name}),a.building&&e.jsx("span",{className:"text-[10px] px-1.5 py-0.5 rounded",style:{color:"var(--brand-blue)",border:"1px solid var(--line-light)",background:"var(--bg1)"},children:"제작 중"})]}),e.jsx("p",{className:"text-[12px] leading-[1.6] max-[767px]:text-[12px]",style:{color:"var(--text-soft)"},children:a.desc})]})]})},s))}),e.jsx(x,{delay:.3,children:e.jsx("div",{className:"rounded-xl px-6 py-6 max-[767px]:px-5 max-[767px]:py-5",style:{background:"var(--card)",border:"1px solid var(--line-light)"},children:e.jsxs("div",{className:"flex items-start gap-5 max-[767px]:flex-col max-[767px]:items-center max-[767px]:gap-4 max-[767px]:text-center",children:[e.jsx("div",{className:"h-16 w-16 flex-shrink-0 overflow-hidden rounded-full",style:{border:"2px s

26olid var(--line-light)"},children:e.jsx("img",{src:"/images/landing-v2/founder-portrait-v2.webp",alt:"강사 최원재",className:"h-full w-full object-cover object-top",loading:"lazy"})}),e.jsxs("div",{children:[e.jsx("p",{className:"mb-1 text-[15px] max-[767px]:text-[14.5px]",style:{color:"var(--brand-ink)",fontWeight:600},children:"최원재 · 아이티커넥트㈜ 대표"}),e.jsx("p",{className:"mb-3 text-[13px] leading-[1.7] max-[767px]:text-[12.5px] max-[767px]:leading-[1.65]",style:{color:"var(--text-secondary)"},children:"비개발자 출신으로 AI를 이용해 다양한 서비스를 직접 개발하고 운영하고 있습니다. 『비개발자도 클로드코드로 쉽게 만드는 AI 웹서비스』를 쓴 저자로, 단순히 바이브코딩 하는 방법이 아니라 실무에 활용할 수준의 소프트웨어를 개발하는 것을 목표로 활동하고 있습니다."}),e.jsx("div",{className:"flex flex-wrap gap-2 max-[767px]:justify-center max-[767px]:gap-1.5",children:["『비개발자도 클로드코드로 쉽게 만드는 AI 웹서비스』 저자","아이티커넥트(주) 대표 (2023~현재)","前 ㈜엔코아 데이터HRD본부 전략기획실장","前 ㈜코코로톡 COO / 공동창업자","서울 청년창업사관학교 15기 수료","한양대학교 창업중심대학 선정","과천시 우수 스타트업 선정","언더독스 창업 퍼실리테이터","소프트웨어 사업자 등록"].map((a,s)=>e.jsx("span",{className:"rounded px-2 py-1 text-[11px] max-[767px]:text-[10.5px]",style:{background:"var(--bg1)",color:"var(--text-tertiary)",border:"1px solid var(--line-faint)"},children:a},s))})]})]})})})]})}),e.jsx("section",{id:"curriculum",className:"py-20 max-[767px]:py-14",style:{background:"var(--bg2)"},children:e.jsxs("div",{className:"mx-auto max-w-7xl px-6 max-[767px]:px-5 lg:px-8",children:[e.jsx(x,{children:e.jsx("span",{className:"font-mono text-[11px] tracking-[0.08em] uppercase",style:{color:"var(--brand-blue)"},children:"4주 챌린지 미션"})}),e.jsx(x,{delay:.08,children:e.jsxs("h2",{className:"mt-4 mb-4 text-[26px] leading-[1.3] tracking-tight max-[767px]:text-[25px] md:text-[34px]",style:{color:"var(--brand-ink)",fontFamily:"var(--font-serif)"},children:["매주 끝날 때마다",e.jsx("br",{}),e.jsx("span",{style:{color:"var(--brand-blue)"},children:"내 프로젝트가 한 단계씩 앞으로 갑니다"})]})}),e.jsx(x,{delay:.12,children:e.jsx("p",{className:"mb-6 text-[15px] leading-[1.8] max-[767px]:mb-5 max-[767px]:text-[14.5px] max-[767px]:leading-[1.7]",style:{color:"var(--text-secondary)"},children:"매주 미션을 완료하면, 4주 뒤 배포된 내 MVP가 남습니다."})}),e.jsx(x,{delay:.16,children:e.jsxs("div",{className:"mb-10 flex flex-wrap items-center gap-x-2 gap-y-2 max-[767px]:mb-7 max-[767px]:gap-x-1.5 max-[767px]:gap-y-2",children:[[{n:"1",label:"아이템 확정"},{n:"2",label:"설계"},{n:"3",label:"구현"},{n:"4",label:"배포·발표"}].map(a=>e.jsxs("div",{className:"flex items-center gap-2 max-[767px]:gap-1",children:[e.jsxs("div",{className:"flex items-center gap-1.5 rounded-full px-3.5 py-1.5 max-[767px]:px-2.5 max-[767px]:py-1.5",style:{background:"var(--card)",border:"1px solid var(--line-light)"},children:[e.jsxs("span",{className:"font-mono text-[11px] max-[767px]:text-[10px]",style:{color:"var(--brand-blue)",fontWeight:700},children:["W",a.n]}),e.jsx("span",{className:"text-[12px] max-[767px]:text-[11.5px]",style:{color:"var(--brand-ink)",fontWeight:500},children:a.label})]}),e.jsx(j,{className:"h-4 w-4 max-[767px]:h-3.5 max-[767px]:w-3.5",style:{color:"var(--text-tertiary)"}})]},a.n)),e.jsxs("div",{className:"flex items-center gap-1.5 rounded-full px-3.5 py-1.5 max-[767px]:px-3 max-[767px]:py-1.5",style:{background:"var(--brand-blue)"},children:[e.jsx(v,{className:"h-3.5 w-3.5",style:{color:"#fff"}}),e.jsx("span",{className:"text-[12px] max-[767px]:text-[11.5px]",style:{color:"#fff",fontWeight:600},children:"내 MVP 완성"})]})]})}),e.jsx("div",{className:"mb-10 space-y-3 max-[767px]:mb-7 max-[767px]:space-y-2.5",children:O.map((a,s)=>e.jsx(x,{delay:s*.06,children:e.jsx(K,{weekNum:s+1,title:a.title,subtitle:a.subtitle,bullets:a.bullets,assignment:a.assignment,isOpen:d===s,toggle:()=>g(d===s?-1:s)})},s))}),e.jsx(x,{delay:.3,children:e.jsx("div",{className:"text-center",children:e.jsxs("a",{href:"#schedule",onClick:a=>{var s;a.preventDefault(),(s=document.getElementById("schedule"))==null||s.scrollIntoView({behavior:"smooth"})},className:"inline-flex items-center justify-center gap-2 rounded-xl px-7 py-3.5 text-[15px] transition-all duration-200 max-[767px]:w-[calc(100%-42px)] max-[767px]:py-3 max-[767px]:text-[14.5px]",style:{background:"var(--brand-blue)",color:"#fff",fontWeight:600},children:["이번 기수 신청하기 ",e.jsx(m,{className:"h-4 w-4"})]})})})]})}),e.jsx("section",{className:"py-20 max-[767px]:py-14",style:{background:"var(--paper)"},children:e.jsxs("div",{className:"mx-auto max-w-7xl px-6 max-[767px]:px-5 lg:px-8",children:[e.jsx(x,{children:e.jsxs("div",{className:"flex items-center gap-2.5",children:[e.jsx("span",{className:"text-[11px] px-2 py-0.5 rounded-full",style:{background:"#c05d4a",color:"#fff",fontWeight:700},children:"필독"}),e.jsx("span",{className:"font-mono text-[11px] tracking-[0.08em] uppercase",style:{color:"var(--brand-blue)"},children:"신청 전 확인하세요"})]})}),e.jsx(x,{delay:.08,children:e.jsx("h2",{className:"mt-4 mb-4 text-[26px] leading-[1.3] tracking-tight max-[767px]:text-[25px] md:text-[34px]",style:{color:"var(--brand-ink)",fontFamily:"var(--font-serif)"},children:"아래 해당하는 분만 챌린지를 신청해주세요"})}),e.jsx(x,{delay:.1,children:e.jsx("p",{className:"mb-10 text-[15px] leading-[1.8] max-[767px]:mb-7 max-[767px]:text-[14.5px] max-[767px]:leading-[1.7]",style:{color:"var(--text-secondary)"},children:"월 1회, 단 6명까지만 운영합니다. 4주 동안 집중적으로 참여 가능한 분께만 권합니다."})}),e.jsxs("div",{className:"grid gap-6 max-[767px]:gap-4 md:grid-cols-2",children:[e.jsx(x,{delay:.12,children:e.jsxs("div",{className:"h-full rounded-xl px-6 py-6 max-[767px]:overflow-hidden max-[767px]:px-0 max-[767px]:py-0",style:{background:"rgba(62,94,146,0.04)",border:"1px solid var(--line-light)",borderLeft:"3px solid var(--brand-blue)"},children:[e.jsxs("div",{className:"mb-5 flex items-center gap-2 max-[767px]:mb-0 max-[767px]:border-b max-[767px]:border-[rgba(62,94,146,0.12)] max-[767px]:bg-[rgba(62,94,146,0.08)] max-[767px]:px-5 max-[767px]:py-4",children:[e.jsx(o,{className:"h-5 w-5",style:{color:"var(--brand-blue)"}}),e.jsx("p",{className:"text-[15px] max-[767px]:text-[15.5px]",style:{color:"var(--brand-ink)",fontWeight:600},children:"이런 분께 맞습니다"})]}),e.jsx("ul",{className:"space-y-3 max-[767px]:space-y-2.5 max-[767px]:px-5 max-[767px]:py-5 max-[767px]:pr-12",children:["AI로 뭔가 만들어보고 싶은데 어디서부터 시작할지 모르는 분","코딩 경험이 없지만 내 업무 도구나 창업 아이디어를 직접 만들고 싶은 분","혼자 독학하다 막혀서 포기한 경험이 있는 분","4주 안에 창업 아이템 MVP를 직접 만들어보고 싶은 분","매주 세션에 참여하고 과제를 수행할 시간이 있는 분","같은 목표를 가진 사람들과 함께 완주하고 싶은 분"].map((a,s)=>e.jsxs("li",{className:"flex items-start gap-2 text-[13px] max-[767px]:text-[13px] max-[767px]:leading-[1.6]",style:{color:"var(--text-secondary)"},children:[e.jsx(o,{className:"mt-0.5 h-3.5 w-3.5 flex-shrink-0",style:{color:"var(--brand-blue)"}}),a]},s))})]})}),e.jsx(x,{delay:.18,children:e.jsxs("div",{className:"h-full rounded-xl px-6 py-6 max-[767px]:overflow-hidden max-[767px]:px-0 max-[767px]:py-0",style:{background:"rgba(192,93,74,0.04)",border:"1px solid var(--line-light)",borderLeft:"3px solid #c05d4a"},children:[e.jsxs("div",{className:"mb-5 flex items-center gap-2 max-[767px]:mb-0 max-[767px]:border-b max-[767px]:border-[rgba(192,93,74,0.14)] max-[767px]:bg-[rgba(192,93,74,0.08)] max-[767px]:px-5 max-[767px]:py-4",children:[e.jsx(y,{className:"h-5 w-5",style:{color:"#c05d4a"}}),e.jsx("p",{className:"text-[15px] max-[767px]:text-[15.5px]",style:{color:"var(--brand-ink)",fontWeight:600},children:"이런 분께는 맞지 않습니다"})]}),e.jsx("ul",{className:"space-y-3 max-[767px]:space-y-2.5 max-[767px]:px-5 max-[767px]:py-5 max-[767px]:pr-12",children:["지금 당장 판매 가능한 완성도 높은 상용 서비스 개발을 원하는 분","코드 작성부터 원리까지 배우고 싶은 개발자 지망생","매주 진행하는 세션에 참여가 어려운 분","아무것도 노력하지 않아도 알아서 모두 해주길 희망하는 분","아이디어가 없어서 아무것도 하고 싶은 것이 없는 분","이미 경험이 많지만 챌린지가 어떻게 진행되는지 궁금해서 ê

26·¸ëƒ¥ 온 분"].map((a,s)=>e.jsxs("li",{className:"flex items-start gap-2 text-[13px] max-[767px]:text-[13px] max-[767px]:leading-[1.6]",style:{color:"var(--text-secondary)"},children:[e.jsx(y,{className:"mt-0.5 h-3.5 w-3.5 flex-shrink-0",style:{color:"#c05d4a"}}),a]},s))})]})})]})]})}),e.jsx(F,{config:n,schedules:c,isLoading:t,error:p}),e.jsx("section",{className:"py-20 max-[767px]:py-14",style:{background:"var(--bg1)"},children:e.jsxs("div",{className:"mx-auto max-w-7xl px-6 max-[767px]:px-5 lg:px-8",children:[e.jsx(x,{children:e.jsx("span",{className:"font-mono text-[11px] tracking-[0.08em] uppercase",style:{color:"var(--brand-blue)"},children:l?"이번 기수 · 1기 특별 할인가":"Pricing · 다음 기수 준비 중"})}),e.jsx(x,{delay:.08,children:e.jsx("h2",{className:"mt-4 mb-10 text-[26px] leading-[1.3] tracking-tight max-[767px]:mb-7 max-[767px]:text-[25px] md:text-[34px]",style:{color:"var(--brand-ink)",fontFamily:"var(--font-serif)"},children:"4주 후 내 손에 남는 것의 가치를 먼저 생각해보세요"})}),e.jsx(x,{delay:.1,children:e.jsx("div",{className:"overflow-hidden rounded-2xl max-[767px]:rounded-[18px]",style:{background:"var(--card)",border:"2px solid var(--brand-blue)"},children:e.jsxs("div",{className:"grid lg:grid-cols-12",children:[e.jsxs("div",{className:"flex flex-col items-center justify-center px-10 py-10 text-center max-[767px]:px-6 max-[767px]:py-7 lg:col-span-4",style:{background:"var(--accent-navy)"},children:[e.jsx("p",{className:"text-[14px] mb-1",style:{color:"#E8E5DF"},children:"6개월 할부 시"}),e.jsxs("div",{className:"flex items-baseline justify-center gap-1 mb-3",children:[e.jsx("span",{className:"text-[20px]",style:{color:"#E8E5DF"},children:"월"}),e.jsx("span",{className:"text-[56px] font-bold max-[767px]:text-[48px]",style:{color:"#E8E5DF",fontFamily:"var(--font-serif)"},children:"9"}),e.jsx("span",{className:"text-[28px] font-bold max-[767px]:text-[24px]",style:{color:"#E8E5DF",fontFamily:"var(--font-serif)"},children:"만원"})]}),e.jsxs("p",{className:"mb-6 text-[15px] max-[767px]:mb-5 max-[767px]:text-[14px]",style:{color:"rgba(232,229,223,0.5)"},children:["정가 ",e.jsx("span",{style:{textDecoration:"line-through"},children:"100만원"})," ",e.jsx("span",{style:{color:"var(--accent-highlight)",fontWeight:600},children:"54만원"})]}),e.jsxs("div",{className:"mb-6 w-full rounded-lg px-5 py-4 text-left max-[767px]:mb-5 max-[767px]:px-4 max-[767px]:py-3.5",style:{background:"rgba(255,255,255,0.06)",border:"1px solid rgba(255,255,255,0.1)"},children:[e.jsx("p",{className:"mb-1 text-[14px] max-[767px]:text-[13px]",style:{color:"var(--accent-highlight)",fontWeight:600},children:"가장 빠른 오픈 일정"}),e.jsx("p",{className:"text-[16px] leading-[1.7] max-[767px]:text-[15px] max-[767px]:leading-[1.55]",style:{color:"#E8E5DF",fontWeight:600},children:l?V(l):t?"일정 확인 중":"오픈 일정 안내 예정"}),e.jsx("p",{className:"mt-1 text-[13px] max-[767px]:text-[12px]",style:{color:"rgba(232,229,223,0.5)"},children:l?`${l.location} · ${C(l.remaining_seats)}`:"모집 중인 일정이 열리면 바로 신청할 수 있습니다."})]}),e.jsxs(A,{to:l?"/program/4week/apply":"/#contact",className:"inline-flex w-full items-center justify-center gap-2 rounded-xl px-7 py-4 text-[16px] transition-all duration-200 max-[767px]:py-3.5 max-[767px]:text-[15px]",style:{background:"var(--accent-highlight)",color:"var(--brand-ink)",fontWeight:700},children:[l?"참가 신청서 작성하기":"다음 기수 일정 문의하기"," ",e.jsx(m,{className:"h-5 w-5"})]})]}),e.jsxs("div",{className:"flex flex-col justify-center px-10 py-10 max-[767px]:px-5 max-[767px]:py-6 lg:col-span-8",children:[e.jsx("p",{className:"mb-5 text-[16px] max-[767px]:mb-4 max-[767px]:text-[15px]",style:{color:"var(--brand-ink)",fontWeight:600},children:"포함 항목"}),e.jsx("div",{className:"mb-6 grid gap-y-3 sm:grid-cols-2 sm:gap-x-8 max-[767px]:mb-5 max-[767px]:gap-y-2.5",children:["4주 전체 세션 (매주 토요일 4회)","창업 아이템 MVP 기획 워크북","합격 사업계획서 양식","Harness Engineering 스타터 코드","디자인 시안용 프롬프트 가이드","질문·피드백 Discord 커뮤니티","배포 체크리스트와 최종 발표 피드백","수료증 발행"].map((a,s)=>e.jsxs("div",{className:"flex items-start gap-2 text-[14px] whitespace-nowrap max-[767px]:whitespace-normal max-[767px]:text-[13.5px] max-[767px]:leading-[1.55]",style:{color:"var(--text-secondary)"},children:[e.jsx(o,{className:"mt-0.5 h-4 w-4 flex-shrink-0",style:{color:"var(--brand-blue)"}}),a]},s))}),e.jsxs("div",{className:"rounded-lg px-5 py-4 max-[767px]:px-4 max-[767px]:py-3.5",style:{background:"var(--bg1)",border:"1px solid var(--line-light)"},children:[e.jsx("p",{className:"mb-3 text-[15px] max-[767px]:text-[14px]",style:{color:"var(--brand-blue)",fontWeight:600},children:"1기 참여자 한정 혜택"}),e.jsx("ul",{className:"space-y-1.5",children:["사업계획서 양식과 MVP 검토 기준 제공","Discord 커뮤니티 창립 멤버 자격","강사 직접 피드백 최대 제공 (6명 한정이기에 가능)"].map((a,s)=>e.jsxs("li",{className:"text-[14px] leading-[1.6] max-[767px]:text-[13px] max-[767px]:leading-[1.55]",style:{color:"var(--text-soft)"},children:["· ",a]}

26,s))})]})]})]})})}),e.jsx(x,{delay:.2,children:e.jsx("p",{className:"mt-6 text-center text-[12px] max-[767px]:mt-4 max-[767px]:text-[11.5px]",style:{color:"var(--text-tertiary)"},children:"1기수 6명 한정 · 선착순 마감 · 시작 전날까지 100% 환불 가능"})})]})}),e.jsx("section",{className:"py-20 max-[767px]:py-14",style:{background:"var(--paper)"},children:e.jsxs("div",{className:"mx-auto max-w-3xl px-6 max-[767px]:px-5 lg:px-8",children:[e.jsx(x,{children:e.jsx("span",{className:"font-mono text-[11px] tracking-[0.08em] uppercase",style:{color:"var(--brand-blue)"},children:"자주 묻는 질문"})}),e.jsx(x,{delay:.08,children:e.jsxs("h2",{className:"mt-4 mb-10 text-[26px] leading-[1.3] tracking-tight max-[767px]:mb-7 max-[767px]:text-[28px] md:text-[34px]",style:{color:"var(--brand-ink)",fontFamily:"var(--font-serif)"},children:[e.jsx("span",{className:"max-[767px]:hidden",children:"FAQ"}),e.jsx("span",{className:"hidden max-[767px]:inline",children:"자주 묻는 질문"})]})}),e.jsx("div",{className:"overflow-hidden rounded-xl max-[767px]:rounded-[16px] max-[767px]:shadow-[0_14px_34px_rgba(31,36,48,0.05)]",style:{border:"1px solid var(--line-light)"},children:X.map((a,s)=>e.jsx(Q,{q:a.q,a:a.a,index:s,isOpen:r===s,toggle:()=>h(r===s?null:s)},s))})]})}),e.jsxs("section",{className:"relative overflow-hidden py-24 max-[767px]:pt-16 max-[767px]:pb-32",children:[e.jsx("div",{className:"absolute inset-0",style:{backgroundImage:"url('/images/4week/cta_background.jpg')",backgroundSize:"cover",backgroundPosition:"center"}}),e.jsx("div",{className:"absolute inset-0",style:{background:"rgba(15,20,35,0.82)"}}),e.jsxs("div",{className:"relative mx-auto max-w-4xl px-6 text-center max-[767px]:px-5 lg:px-8",children:[e.jsx(x,{children:e.jsx("span",{className:"font-mono text-[11px] tracking-[0.08em] uppercase",style:{color:"var(--accent-highlight)"},children:"4주 챌린지 프로그램"})}),e.jsx(x,{delay:.06,children:e.jsx("h2",{className:"mt-4 mb-6 text-[28px] leading-[1.3] tracking-tight max-[767px]:mb-5 max-[767px]:text-[27px] md:text-[38px]",style:{color:"#E8E5DF",fontFamily:"var(--font-serif)"},children:e.jsx("span",{style:{color:"var(--accent-highlight)"},children:"4주만에 바이브코딩으로 창업까지 도전하세요!"})})}),e.jsx(x,{delay:.1,children:e.jsxs("p",{className:"mx-auto mb-8 max-w-2xl text-[15px] leading-[1.8] max-[767px]:mb-7 max-[767px]:max-w-[320px] max-[767px]:text-[14px] max-[767px]:leading-[1.7]",style:{color:"rgba(232,229,223,0.7)"},children:[e.jsxs("span",{className:"max-[767px]:hidden",children:["단순히 바이브코딩 도구 사용법이 아니라",e.jsx("br",{}),"내 아이디어를 직접 만들어 보는 도전 과정입니다.",e.jsx("br",{}),"이제 내 아이템을 직접 만들어보세요."]}),e.jsx("span",{className:"hidden max-[767px]:inline",children:"단순히 바이브코딩 도구 사용법이 아니라 내 아이디어를 직접 만들어 보는 도전 과정입니다. 이제 내 아이템을 직접 만들어보세요."})]})}),e.jsx(x,{delay:.14,children:e.jsx("div",{className:"mb-10 flex flex-wrap justify-center gap-2 max-[767px]:mb-8 max-[767px]:gap-1.5",children:["코딩 경험 불필요","창업 아이템 MVP","기획·개발·배포 경험","매주 토요일 오후 1시~5시"].map(a=>e.jsx("span",{className:"rounded-full px-3 py-1.5 text-[13px] max-[767px]:px-2.5 max-[767px]:text-[12px] max-[767px]:leading-none",style:{background:"rgba(255,255,255,0.1)",border:"1px solid rgba(255,255,255,0.15)",color:"rgba(232,229,223,0.85)",fontWeight:500},children:a},a))})}),e.jsxs(x,{delay:.18,children:[e.jsxs("div",{className:"mb-6 flex flex-col justify-center gap-3 max-[767px]:mb-5 max-[767px]:gap-2.5 sm:flex-row",children:[e.jsxs("a",{href:"#schedule",onClick:a=>{var s;a.preventDefault(),(s=document.getElementById("schedule"))==null||s.scrollIntoView({behavior:"smooth"})},className:"inline-flex items-center justify-center gap-2 rounded-xl px-8 py-4 text-[15px] transition-all duration-200 max-[767px]:w-[calc(100%-42px)] max-[767px]:py-3.5 max-[767px]:text-[14.5px]",style:{background:"var(--accent-highlight)",color:"var(--brand-ink)",fontWeight:700},children:["이번 기수 신청하기 ",e.jsx(m,{className:"h-4 w-4"})]}),e.jsx("a",{href:"#curriculum",className:"inline-flex items-center justify-center gap-2 rounded-xl px-8 py-4 text-[15px] transition-all duration-200 max-[767px]:hidden",style:{border:"1px solid rgba(255,255,255,0.25)",color:"rgba(232,229,223,0.85)",fontWeight:500},children:"커리큘럼 먼저 보기"})]}),e.jsx("p",{className:"text-[12px] max-[767px]:text-[11.5px] max-[767px]:leading-[1.55]",style:{color:"rgba(232,229,223,0.52)"},children:"1기수 6명 한정 · 선착순 마감 · 시작 전날까지 100% 환불 가능"})]})]})]})]})}),e.jsx(E,{}),e.jsx(M,{config:n,schedule:l,isLoading:t})]})}

26export{ce as default};