import{i as f,m as d,b as p,E as a,a as t,e as v,t as k,n as y,k as w,v as n,F as _,h as l,g as o,w as i,s as x,z as h}from"./index-DF5uCdwt.js";import{_ as C}from"./AdminLayout.vue_vue_type_script_setup_true_lang-DtHb-1yq.js";import{_ as m}from"./Button.vue_vue_type_script_setup_true_lang-CKPSvBok.js";import"./cn-2dOUpm6k.js";const $={class:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4"},B=["onClick"],N={class:"p-4"},z={class:"font-bold text-[14.5px] m-0 mb-1"},V={class:"text-[12px] text-[var(--wdot-fg-muted)] m-0"},L=f({__name:"PageNew",setup(E){const u=h(),s=x("blank"),c=[{key:"blank",title:"빈 페이지",desc:"처음부터 직접 만들기",thumb:"linear-gradient(135deg, #f1f5f9, #cbd5e1)"},{key:"landing",title:"랜딩 페이지",desc:"히어로 + CTA + 기능 + 가격",thumb:"linear-gradient(135deg, #36a3fa, #0f5fa8)"},{key:"blog",title:"블로그",desc:"포스트 목록 + 사이드바",thumb:"linear-gradient(135deg, #34d399, #047857)"},{key:"portfolio",title:"포트폴리오",desc:"갤러리 + 작품 소개",thumb:"linear-gradient(135deg, #fbcfe8, #9d174d)"},{key:"event",title:"이벤트",desc:"카운트다운 + 신청 폼",thumb:"linear-gradient(135deg, #ff6b6b, #c1272d)"},{key:"shop",title:"상점",desc:"상품 + 장바구니 + 결제",thumb:"linear-gradient(135deg, #fde68a, #a16207)"}],b=()=>{u.push("/builder/new")};return(g,e)=>(d(),p(C,null,{breadcrumb:a(()=>[...e[1]||(e[1]=[o("홈 · 페이지 · ",-1),t("b",null,"새 페이지",-1)])]),title:a(()=>[...e[2]||(e[2]=[o("새 페이지 만들기",-1)])]),actions:a(()=>[l(i(m),{variant:"outline",onClick:e[0]||(e[0]=r=>g.$router.back())},{default:a(()=>[...e[3]||(e[3]=[o("취소",-1)])]),_:1}),l(i(m),{variant:"primary",onClick:b},{default:a(()=>[...e[4]||(e[4]=[o("선택 → 빌더 열기",-1)])]),_:1})]),default:a(()=>[e[5]||(e[5]=t("p",{class:"text-[14px] text-[var(--wdot-fg-muted)] mb-6"},"템플릿을 선택하거나 빈 페이지부터 시작하세요.",-1)),t("div",$,[(d(),v(_,null,k(c,r=>t("button",{key:r.key,class:y(["text-left rounded-[var(--wdot-radius-lg)] border-2 transition-all cursor-pointer overflow-hidden bg-[var(--wdot-bg)] hover:shadow-[var(--wdot-shadow-md)]",s.value===r.key?"border-[var(--wdot-color-primary-600)] ring-4 ring-[var(--wdot-color-primary-100)]":"border-[var(--wdot-border)] hover:border-[var(--wdot-color-primary-300)]"]),onClick:F=>s.value=r.key},[t("div",{class:"aspect-[16/10]",style:w({background:r.thumb})},null,4),t("div",N,[t("h3",z,n(r.title),1),t("p",V,n(r.desc),1)])],10,B)),64))])]),_:1}))}});export{L as default};
