https://snapbox.ai/assets/SellerLanding-Rb5bchm6.js

1import{_ as M,r as u,o as E,a as B,c as v,b as s,n as S,d as h,e as l,F as C,f as x,u as A,A as n,g as r,t as g,w as J,v as T}from"./index-GRB8Jcml.js";import{K as L}from"./KakaoService-BeqN20Z4.js";import{_ as I}from"./dashboard_logo-CZErPe02.js";const N={name:"SellerLanding",setup(){const i=A(),t=u(!1),f=u(["<strong>브랜드</strong>가 상품을 올리고<br />수수료를 정해요","<strong>셀러</strong>가 소개할 상품을 골라<br />내 링크로 알려요","<strong>구매자</strong>가 그 링크로 들어와<br />상품을 사요","배송이 끝나면<br /><strong>셀러</strong>가 수수료를 받아요"]),o=u([{question:"상품을 미리 사두어야 하나요?",answer:"아니요. 주문이 들어오면 브랜드가 직접 보내요. 셀러는 소개만 하시면 돼요.",active:!1},{question:"배송이나 고객 문의는 누가 처리하나요?",answer:"포장, 발송, 배송 조회, 교환·반품까지 전부 브랜드가 해요. 셀러가 응대하실 일은 없어요.",active:!1},{question:"수수료는 얼마인가요?",answer:"상품마다 달라요. 고르기 전에 대시보드에서 그 상품의 수수료율을 볼 수 있어요.",active:!1},{question:"정산은 언제 받나요?",answer:"배송이 끝난 주문 기준으로, 다음 달 20일에 등록하신 계좌로 입금돼요. 취소·반품된 건은 빠져요.",active:!1},{question:"가입하면 바로 판매할 수 있나요?",answer:"신청하시면 검토 후 결과를 알려드려요. 승인 전까지는 일반 회원으로 둘러보실 수 있어요.",active:!1},{question:"가입할 때 SNS 채널이 꼭 필요한가요?",answer:"네. 주로 활동하시는 SNS 채널과 아이디를 적어주셔야 해요. 승인 심사와 브랜드 매칭에 쓰여요.",active:!1},{question:"초기 비용이 있나요?",answer:"가입비나 월 이용료 같은 초기 비용은 없어요. 판매가 생겼을 때 수수료를 받는 구조예요.",active:!1}]),b=()=>{n.setJoinIntent("seller"),n.setCookie("login_to","seller_join",{expire:"10min"})},w=()=>{b(),i.push("/join-creator")},a=()=>{var d;b(),(d=window.Kakao)!=null&&d.Auth?window.Kakao.Auth.authorize({redirectUri:L.redirect_uri}):i.push("/join-creator")},e=()=>{b(),location.href="https://api.snapbox.ai/v2/login/google"},k=d=>{o.value[d].active=!o.value[d].active},y=d=>{const c=document.getElementById(d);if(!c)return;const p=c.getBoundingClientRect().top+window.pageYOffset-72;window.scrollTo({top:p,behavior:"smooth"})},m=()=>{t.value=window.scrollY>20},q=()=>{if(!n.getAccessToken())return!1;const d=n.type(),c=n.getCookie("drop_type");if(d==="브랜드")return i.replace("/snap-magazine-dashboard"),!0;if(c==="DROP"||c==="MCN")return i.replace("/creator-dashboard"),!0;if(d==="일반"){const p=n.link_id();return i.replace(p?"/@"+p:"/feed"),!0}return!1};return E(()=>{q()||window.addEventListener("scroll",m)}),B(()=>{window.removeEventListener("scroll",m)}),{scrolled:t,flows:f,faqs:o,goJoin:w,goKakaoJoin:a,goGoogleJoin:e,toggleFaq:k,scrollToSection:y}}},R={class:"seller-page"},_={class:"nav-container"},K={class:"nav-links"},H={class:"hero"},P={class:"hero-container"},z={class:"hero-buttons"},F={class:"hero-social"},G={class:"hero-social-btns"},O={class:"about",id:"about"},D={class:"section-container"},V={class:"flow-grid"},Y={class:"flow-num"},j=["innerHTML"],U={class:"faq",id:"faq"},X={class:"section-container narrow"},Q={class:"faq-list"},W=["onClick"],Z={class:"faq-question"},$={class:"faq-toggle"},ss={class:"cta"},ts={class:"cta-container"},as={class:"footer"},os={class:"footer-container"},is={class:"footer-links"};function ds(i,t,f,o,b,w){return r(),v("div",R,[s("nav",{class:S(["navbar",{scrolled:o.scrolled}])},[s("div",_,[s("div",{class:"logo",onClick:t[0]||(t[0]=a=>i.$router.push("/"))},t[14]||(t[14]=[s("img",{src:I,alt:"SNAPBOX"},null,-1),s("span",{class:"logo-tag"},"SELLER",-1)])),s("div",K,[s("a",{onClick:t[1]||(t[1]=a=>o.scrollToSection("about"))},"수익 구조"),s("a",{onClick:t[2]||(t[2]=a=>o.scrollToSection("how"))},"시작하기"),s("a",{onClick:t[3]||(t[3]=a=>o.scrollToSection("settle"))},"정산"),s("a",{onClick:t[4]||(t[4]=a=>o.scrollToSection("faq"))},"자주 묻는 질문"),s("button",{class:"btn-login",onClick:t[5]||(t[5]=a=>i.$router.push("/login"))}," 로그인 "),s("button",{class:"btn-nav-join",onClick:t[6]||(t[6]=(...a)=>o.goJoin&&o.goJoin(...a))}," 셀러 시작하기 ")])])],2),s("section",H,[s("div",P,[t[18]||(t[18]=h('<div class="hero-badge" data-v-36456bcd><span class="badge-dot" data-v-36456bcd></span>

1 SNAPBOX DROP SHIPPING </div><h1 class="hero-title" data-v-36456bcd> 브랜드 공구 특가 상품을 소개하고,<br data-v-36456bcd><span class="highlight" data-v-36456bcd>팔린 만큼 수수료</span>를<br data-v-36456bcd> 받으세요 </h1><p class="hero-subtitle" data-v-36456bcd> 브랜드 특가 상품을 골라 내 채널에 소개하세요.<br data-v-36456bcd> 팔릴 때마다 수수료가 쌓여요. </p><div class="hero-points" data-v-36456bcd><div class="point-item" data-v-36456bcd><div class="point-icon" data-v-36456bcd>📦</div><div class="point-text" data-v-36456bcd><strong data-v-36456bcd>재고 부담 없음</strong><span data-v-36456bcd>재고 부담 없이 내 채널에 홍보하세요</span></div></div><div class="point-item" data-v-36456bcd><div class="point-icon" data-v-36456bcd>🚚</div><div class="point-text" data-v-36456bcd><strong data-v-36456bcd>배송·CS는 브랜드가</strong><span data-v-36456bcd>포장부터 문의 응대까지 브랜드가 해요</span></div></div><div class="point-item" data-v-36456bcd><div class="point-icon" data-v-36456bcd>🔗</div><div class="point-text" data-v-36456bcd><strong data-v-36456bcd>내 전용 판매 링크</strong><span data-v-36456bcd>내 링크로 사면 자동으로 내 판매가 돼요</span></div></div></div>',4)),s("div",z,[s("button",{class:"btn-primary",onClick:t[7]||(t[7]=(...a)=>o.goJoin&&o.goJoin(...a))}," 셀러 시작하기 → "),s("button",{class:"btn-secondary",onClick:t[8]||(t[8]=a=>o.scrollToSection("about"))}," 어떻게 버는지 볼게요 ")]),s("div",F,[t[17]||(t[17]=s("span",{class:"hero-social-label"},"간편 가입",-1)),s("div",G,[s("button",{type:"button",class:"social-btn social-kakao",onClick:t[9]||(t[9]=(...a)=>o.goKakaoJoin&&o.goKakaoJoin(...a))},t[15]||(t[15]=[s("svg",{viewBox:"0 0 24 24","aria-hidden":"true"},[s("path",{fill:"#3C1E1E",d:"M12 3C6.48 3 2 6.58 2 11c0 2.84 1.87 5.33 4.68 6.74-.15.53-.55 1.95-.63 2.26-.1.38.14.38.3.28.12-.08 1.94-1.32 2.73-1.86.94.14 1.92.22 2.92.22 5.52 0 10-3.58 10-8s-4.48-8-10-8z"})],-1),l(" 카카오로 시작 ")])),s("button",{type:"button",class:"social-btn social-google",onClick:t[10]||(t[10]=(...a)=>o.goGoogleJoin&&o.goGoogleJoin(...a))},t[16]||(t[16]=[h('<svg viewBox="0 0 24 24" aria-hidden="true" data-v-36456bcd><path fill="#4285F4" d="M21.6 12.2c0-.7-.1-1.4-.2-2H12v3.9h5.4a4.6 4.6 0 0 1-2 3v2.5h3.2c1.9-1.7 3-4.3 3-7.4z" data-v-36456bcd></path><path fill="#34A853" d="M12 22c2.7 0 5-.9 6.6-2.4l-3.2-2.5c-.9.6-2 .9-3.4.9-2.6 0-4.8-1.7-5.6-4.1H3.1v2.6A10 10 0 0 0 12 22z" data-v-36456bcd></path><path fill="#FBBC05" d="M6.4 13.9a6 6 0 0 1 0-3.8V7.5H3.1a10 10 0 0 0 0 9l3.3-2.6z" data-v-36456bcd></path><path fill="#EA4335" d="M12 5.9c1.5 0 2.8.5 3.8 1.5l2.8-2.8A10 10 0 0 0 3.1 7.5l3.3 2.6C7.2 7.6 9.4 5.9 12 5.9z" data-v-36456bcd></path></svg> 구글로 시작 ',2)]))])]),t[19]||(t[19]=s("p",{class:"hero-note"}," 가입 후 승인 절차를 거쳐 활동이 시작돼요 ",-1))])]),s("section",O,[s("div",D,[t[20]||(t[20]=s("h2",{class:"section-title"},"수익 구조",-1)),t[21]||(t[21]=s("p",{class:"section-desc"},[l(" 브랜드가 특가로 여는 공동구매 상품 중에서 마음에 드는 걸 골라 소개하세요."),s("br"),l(" 내 링크로 누가 사면 ê·¸ 금액의 일부가 내 수수료예요."),s("br"),s("strong",null,"재고도, 배송도 신경 쓸 필요 없어요.")],-1)),s("div",V,[(r(!0),v(C,null,x(o.flows,(a,e)=>(r(),v("div",{key:e,class:"flow-card"},[s("div",Y,g(e+1),1),s("div",{class:"flow-text",innerHTML:a},null,8,j)]))),128))])])]),t[26]||(t[26]=h('<section class="how" id="how" data-v-36456bcd><div class="section-container" data-v-36456bcd><h2 class="section-title" data-v-36456bcd>시작하는 방법</h2><p class="section-desc" data-v-36456bcd> 내 채널만 있으면 돼요. </p><div class="step-grid" data-v-36456bcd><div class="step-card" data-v-36456bcd><div class="step-visual" data-v-36456bcd><svg viewBox="0 0 120 96" fill="none" data-v-36456bcd><rect x="8" y="14" width="46" height="32" rx="6" class="sv-fill" data-v-36456bcd></rect><rect x="66" y="14" width="46" height="32" rx="6" class="sv-fill" data-v-36456bcd></rect><rect x="8" y="54" width="46" height="32" rx="6" class="sv-fill" data-v-36456bcd></rect><rect x="66" y="54" width="46" height="32" rx="6" class="sv-accent-fill" data-v-36456bcd></rect><path d="M80 70l6 6 12-12" class="sv-accent-stroke-w" data-v-36456bcd></path></svg></div><div class="step-no" data-v-36456bcd>01</div><h3 class="step-title" data-v-36456bcd>팔고 싶은 상품을 골라요</h3><p class="step-desc" data-v-36456bcd> 연결된 브랜드의 상품 목록에서 내 채널과 어울리는 상품을 고르세요. 재고를 사둘 필요는 없어요. </p></div><div class="step-card" data-v-36456bcd><div class="step-visual" data-v-36456bcd><svg viewBox="0 0 120 96" fill="none" data-v-36456bcd><circle cx="30" cy="48" r="15" class="sv-accent-fill" data-v-36456bcd></circle><path d="M24 48h12M30 42v12" class="sv-white-stroke" data-v-36456bcd></path><circle cx="92" cy="22" r="10" class="sv-fill" data-v-36456bcd></circle><circle cx="98" cy="52" r="10" class="sv-fill" data-v-36456bcd></circle><circle cx="86" cy="78" r="10" class="sv-fill" data-v-36456bcd></circle><path d="M44 44l38-18M45 49l43 3M44 54l33 20" class="sv-stroke-dash" data-v-36456bcd></path></svg></div><div class="step-no" data-v-36456bcd>02</div><h3 class="step-title" data-v-36456bcd>내 전용 링크로 알려요</h3><p class="step-desc" data-v-36456bcd> 상품마다 나만의 판매 링크가 생겨요. ê·¸ 링크로 들어와 산 주문은 전부 내 판매가 돼요. </p></div><div class="step-card" data-v-36456bcd><div class="step-visual" data-v-36456bcd><svg viewBox="0 0 120 96" fill="none" data-v-36456bcd><rect x="16" y="58" width="20" height="26" rx="4" class="sv-fill" data-v-36456bcd></rect><rect x="44" y="42" width="20" height="42" rx="4" class="sv-fill" data-v-36456bcd></rect><rect x="72" y="24" width="20" height="60" rx="4" class="sv-accent-fill" data-v-36456bcd></rect><path d="M20 34l22-14 20 10 26-18" class="sv-accent-stroke" data-v-36456bcd></path><circle cx="88" cy="12" r="5" class="sv-accent-fill" data-v-36456bcd></circle></svg></div><div class="step-no" data-v-36456bcd>03</div><h3 class="step-title" data-v-36456bcd>수수료를 정산받아요</h3><p class="step-desc" data-v-36456bcd> 판매 현황은 대시보드에서 실시간으로 확인하고, 확정된 주문의 수수료는 다음 달 20일에 받아요. </p></div></div></div></section><section class="settle" id="settle" data-v-36456bcd><div class="section-container" data-v-36456bcd><h2 class="section-title" data-v-36456bcd>정산</h2><div class="settle-grid" data-v-36456bcd><div class="settle-card" data-v-36456bcd><div class="settle-head" data-v-36456bcd>수수료</div><p data-v-36456bcd> 수수료율은 브랜드와 상품에 따라 달라요. 상품을 고르기 전에 대시보드에서 확인할 수 있어요. </p></div><div class="settle-card" data-v-36456bcd><div class="settle-head" data-v-36456bcd>정산 기준</div><p data-v-36456bcd> 배송이 끝난 주문을 기준으로 정산돼요. 취소·반품된 건은 정산에서 빠져요. </p></div><div class="settle-card highlight-card" data-v-36456bcd><div class="settle-head" data-v-36456bcd>지급일</div><p data-v-36456bcd><strong data-v-36456bcd>다음 달 20일</strong>, 등록하신 계좌로 입금돼요. </p></div></div><p class="settle-note" data-v-36456bcd> 결제 수, 판매 수, 예상 수익은 셀러 대시보드에서 언제든 확인할 수 있어요. </p></div></section>',2)),s("section",U,[s("div",X,[t[22]||(t[22]=s("h2",{class:"section-title"},"자주 묻는 질문",-1)),s("div",Q,[(r(!0),v(C,null,x(o.faqs,(a,e)=>(r(),v("div",{key:e,class:S(["faq-item",{active:a.active}]),onClick:k=>o.toggleFaq(e)},[s("div",Z,[s("span",null,g(a.question),1),s("span",$,g(a.active?"−":"+"),1)]),J(s("div",{class:"faq-answer"},g(a.answer),513),[[T,a.active]])],10,W))),128))])])]),s("section",ss,[s("div",ts,[t[23]||(t[23]=s("h2",null,[l(" 재고도, 배송도 없이"),s("br"),l(" 지금 바로 판매를 시작하세요 ")],-1)),t[24]||(t[24]=s("p",null,[l(" 가입하고 승인받으면 바로 시작할 수 있어요"),s("br"),l(" 초기 비용은 들지 않아요 ")],-1)),s("button",{class:"btn-cta",onClick:t[11]||(t[11]=(...a)=>o.goJoin&&o.goJoin(...a))}," 셀러 시작하기 → ")])]),s("footer",as,[s("div",os,[s("div",is,[s("a",{onClick:t[12]||(t[12]=a=>i.$router.push("/rule"))},"이용약관"),s("a",{onClick:t[13]||(t[13]=a=>i.$router.push("/privacy"))},"개인정보처리방침")]),t[25]||(t[25]=s("div",{class:"footer-info"},[s("p",null," 상호명: (주)쓰리씨유니버스 | 대표: PARK CHAN YOUNG | 사업자등록번호: 688-86-02587 "),s("p",null,"통신판매업신고: 2024-서울성동-0361"),s("p",null," 주소: B1, EPISODE Seong Su 121, 22, Ttukseom-ro 3-gil, Seongdong-gu, Seoul, Republic of Korea "),s("p",null," 개인정보관리책임자: KIM SEUL GI ([email protected]) | 고객상담: 070-8064-8115 "),s("p",null,"COPYRIGHT ⓒ CFYE ALL RIGHT RESERVED")],-1))])])])}const cs=M(N,[["render",ds],["__scopeId","data-v-36456bcd"]]);export{cs as default};