https://airsupply.kr/_next/static/chunks/pages/services/integration-d3cb2befa097bd4f.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[327],{829:(e,s,l)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/services/integration",function(){return l(3552)}])},3552:(e,s,l)=>{"use strict";l.r(s),l.d(s,{default:()=>m});var i=l(7876),x=l(6061),t=l(9294),a=l(8581),r=l(7041),c=l(2953),n=l(4587),p=l.n(n);let m=()=>(0,i.jsxs)("div",{className:"flex flex-col w-full items-center",children:[(0,i.jsxs)("div",{className:"flex flex-col w-full items-center text-center justify-center gap-[40px] bg-[var(--gray-1)] pt-[80px] p-[16px]",children:[(0,i.jsxs)("div",{className:"flex flex-col justify-center items-center gap-[16px] ",children:[(0,i.jsx)(t.A,{iconName:"link-black",alt:"연동 아이콘",text:"연동",bgColor:"sub-1"}),(0,i.jsxs)(a.Jf,{className:"sm:text-[56px] text-[32px]",children:["상품등록부터 구매요청까지",(0,i.jsx)("br",{}),"익숙한 방식 그대로"]}),(0,i.jsx)(a.DJ,{className:"sm:text-[26px] text-[16px]",children:"슬랙, 크롬 등 여러 서비스 연동 툴을 통해 더욱 간편하게 구매하세요"})]}),(0,i.jsx)("div",{className:"flex flex-row gap-[24px]",children:(0,i.jsx)("a",{href:c.h,target:"_blank",children:(0,i.jsxs)("div",{children:[(0,i.jsx)(r.$,{variant:"default",radius:"full",className:"w-[320px] sm:flex hidden",children:"도입 문의하기"}),(0,i.jsx)(r.$,{variant:"default",radius:"full",size:"mobile",className:"w-[200px] sm:hidden",children:"도입 문의하기"})]})})}),(0,i.jsxs)("div",{className:"sm:w-[1320px] w-full sm:h-[700px] h-auto sm:p-0 p-[0_16px] mt-[20px]  flex items-center justify-center rounded-[16px_16px_0_0] bg-[var(--sub-1)] relative",children:[(0,i.jsx)("div",{className:"relative z-1 w-[1080px] box-content aspect-[1.7777777777777777] py-[40px]",children:(0,i.jsx)("iframe",{src:"https://app.supademo.com/embed/cm9v4249c09xuwbbinajxpktt?embed_v=2",loading:"lazy",title:"Slack Demo",allow:"clipboard-write",allowFullScreen:!0,style:{position:"absolute",border:"none",top:0,left:0,width:"100%",height:"100%"}})}),(0,i.jsx)("div",{className:"absolute w-[1320px] h-[700px] rounded-[16px_16px_0_0] z-0 hidden sm:block",children:(0,i.jsx)(p(),{src:"/images/sub/services-frame-bg.png",alt:"비디오 배경",fill:!0,sizes:"1320px",className:"absolute top-[40px] right-[40px]"})})]})]}),(0,i.jsxs)("div",{className:"flex flex-col w-full justify-center items-center sm:pt-[160px] pt-[60px] gap-[60px] p-[16px]",children:[(0,i.jsxs)("div",{className:"flex flex-col gap-[16px] sm:w-[1080px] w-full",children:[(0,i.jsx)("div",{className:"flex items-center",children:(0,i.jsx)(t.A,{text:"크롬 원클릭 상품추가",bgColor:"gray"})}),(0,i.jsx)(a.TZ,{className:"sm:text-[32px] text-[24px]",children:"탐색한 상품을 손쉽게 등록하세요"}),(0,i.jsxs)(a.$0,{className:"sm:text-[20px] text-[16px]",children:["크롬 확장프로그램을 설치하고, 일일이 상품 등록하는 수고를 덜어보세요",(0,i.jsx)("br",{}),"등록할 상품을 인터넷에서 검색해 상품 사이트 내에서 바로 등록해요"]})]}),(0,i.jsx)("div",{className:"w-[1080px] sm:flex hidden items-center justify-center rounded-[16px] h-[520px] bg-[var(--gray-1)] p-[40px]",children:(0,i.jsx)(p(),{src:"/images/sub/integration/integration-01-pc-1.png",alt:"에어서플라이 크롬 확장프로그램 이미지",width:950,height:400})}),(0,i.jsx)("div",{className:"w-full relative aspect-[335/381] sm:hidden",children:(0,i.jsx)(p(),{src:"/images/sub/integration/integration-01-mo-1.png",alt:"에어서플라이 크롬 확장프로그램 이미지",fill:!0,sizes:"(max-width: 640px) 100vw, 640px",className:"object-cover"})})]}),(0,i.jsxs)("div",{className:"flex flex-col w-full justify-center items-center sm:pt-[160px] pt-[60px] pb-[60px] gap-[60px] p-[16px]",children:[(0,i.jsxs)("div",{className:"flex flex-col gap-[16px] sm:w-[1080px] w-full",children:[(0,i.jsx)("div",{className:"flex items-center",children:(0,i.jsx)(t.A,{text:"슬랙 연동",bgColor:"gray"})}),(0,i.jsx)(a.TZ,{className:"sm:text-[32px] text-[24px]",children:"가입 없이 슬랙에서 바로 구매요청해요"}),(0,i.jsxs)(a.$0,{className:"sm:text-[20px] text-[16px]",children:["직원 입퇴사가 잦나요? 전사 직원 가입이 번거로우신가요?",(0,i.jsx)("br",{}),"이제 메신저로 편하게 구매요청을 보낼 수 있어요. 모든 기록은 에어서플라이에 체계적으로 정리돼요."]})]}),(0,i.jsx)("div",{className:"w-[1080px] h-[520px] items-center sm:flex hidden justify-center rounded-[16px] bg-[var(--gray-1)] py-[40px] pl-[24px]",children:(0,i.jsx)(p(),{src:"/images/sub/integration/integration-02-pc-1.png",alt:"에어서플라이 슬랙 구매요청 이미지",width:750,height:350})}),(0,i.jsx)("div",{className:"w-full relative aspect-[335/381] sm:hidden",children:(0,i.jsx)(p(),{src:"/images/sub/integration/integration-02-mo-1.png",alt:"에어서플라이 슬랙 구매요청 이미지",fill:!0,sizes:"(max-width: 640px) 100v

1w, 640px",className:"object-cover"})})]}),(0,i.jsx)("div",{className:"flex flex-row w-full justify-center items-center py-[160px] gap-[60px] bg-[var(--sub-1)] p-[16px]",children:(0,i.jsxs)("div",{className:"grid sm:grid-cols-[440px_auto] items-center sm:gap-[100px] gap-[40px] sm:w-[1080px] w-full",children:[(0,i.jsxs)("div",{className:"flex flex-col gap-[24px]",children:[(0,i.jsx)("div",{className:"flex items-center",children:(0,i.jsx)(t.A,{text:"Open API (예정)",bgColor:"white"})}),(0,i.jsxs)(a.TZ,{className:"sm:text-[32px] text-[24px]",children:["다양한 시스템과의 연계를 통한",(0,i.jsx)("br",{}),"사용자 환경 고도화"]}),(0,i.jsx)(a.$0,{className:"sm:text-[20px] text-[16px]",children:(0,i.jsxs)("ul",{className:"list-disc pl-[20px]",children:[(0,i.jsx)("li",{children:"HR 및 비용/금융 서비스와의 구매기록 연동"}),(0,i.jsx)("li",{children:"주문 상품 DB 자동화 및 ERP 시스템 연동"}),(0,i.jsx)("li",{children:"Slack으로 배송 정보 자동 알림"})]})}),(0,i.jsx)(a.Wv,{children:"* 다양한 SaaS 및 내부 시스템과의 연동을 위한 Open API를 순차적으로 제공할 예정입니다."})]}),(0,i.jsx)("div",{className:"flex justify-center w-full rounded-[16px] bg-white py-[80px]",children:(0,i.jsx)(p(),{src:"/images/sub/integration/integration-03-pc-1.png",alt:"Open API 예정 이미지",width:500,height:250})})]})}),(0,i.jsx)(x.A,{})]})},6061:(e,s,l)=>{"use strict";l.d(s,{A:()=>m});var i=l(7876),x=l(8581),t=l(8230),a=l.n(t),r=l(4587),c=l.n(r),n=l(9099);let p=[{title:"구매처 통합",description:(0,i.jsxs)(i.Fragment,{children:["수많은 온라인 상품을",(0,i.jsx)("br",{}),"하나의 사이트에 모아요"]}),link:"/services/integrated-purchase",icon:"/images/icon/data-green.svg",mobile:"수많은 온라인 상품을 하나의 사이트에 모아"},{title:"결재/승인",description:(0,i.jsxs)(i.Fragment,{children:["구매 프로세스가 정리되면",(0,i.jsx)("br",{}),"결제가 쉬워져요"]}),link:"/services/approval",icon:"/images/icon/check-green.svg",mobile:"구매 프로세스가 정리되면 결제가 쉬워져요"},{title:"결제와 정산",description:(0,i.jsxs)(i.Fragment,{children:["불필요한 곳에 쓰이던",(0,i.jsx)("br",{}),"에너지를 절약할 수 있도록"]}),link:"/services/settlement",icon:"/images/icon/price-green.svg",mobile:"불필요한 곳에 쓰이던 에너지를 절약할 수 있도록"},{title:"연동",description:(0,i.jsxs)(i.Fragment,{children:["상품등록부터 구매요청까지",(0,i.jsx)("br",{}),"외부 툴과 연결해 더욱 간편하게"]}),link:"/services/integration",icon:"/images/icon/link-green.svg",mobile:"상품등록-구매요청까지 더욱 간편하게"},{title:"간편 비용관리",description:(0,i.jsxs)(i.Fragment,{children:["회사 운영에 필수적인",(0,i.jsx)("br",{}),"비용 관리를 손쉽게"]}),link:"/services/expense-management",icon:"/images/icon/chart-green.svg",mobile:"회사 운영에 필수적인 비용 관리를 손쉽게"}],m=()=>{let e=(0,n.useRouter)().pathname,s=p.filter(s=>!s.link.includes(e));return(0,i.jsx)("div",{className:"flex w-full justify-center sm:py-[160px] py-[100px] sm:px-0 px-[16px]",style:{background:"var(--main-gradient)"},children:(0,i.jsxs)("div",{className:"flex flex-col sm:gap-[70px] gap-[40px] sm:w-[1080px] w-full",children:[(0,i.jsx)("div",{className:"flex sm:w-[1080px] w-full items-center",children:(0,i.jsx)(x.ul,{className:"text-white sm:text-[44px] text-[28px] sm:text-left text-center",children:"에어서플라이의 다른 기능도 함께 살펴보세요"})}),(0,i.jsx)("div",{className:"grid sm:grid-cols-[1fr_1fr_1fr_1fr] grid-cols-[1fr_1fr] sm:gap-[24px] gap-[12px]",children:s.flatMap(e=>(0,i.jsx)(a(),{href:e.link,className:"sm:grid flex cursor-pointer",children:(0,i.jsxs)("div",{className:"bg-white sm:rounded-[16px] w-full rounded-[8px] sm:p-[24px] p-[16px] flex flex-col justify-between",children:[(0,i.jsxs)("div",{children:[(0,i.jsx)("div",{className:"flex rounded-[50px] sm:w-[62px] sm:h-[62px] w-[40px] h-[40px] bg-[var(--sub-1)] justify-center items-center",children:(0,i.jsx)(c(),{src:e.icon,alt:e.title,width:30,height:30,className:"sm:w-[30px] sm:h-[30px] w-[14px] h-[14px]"})}),(0,i.jsxs)("div",{className:"flex flex-col gap-[8px] sm:mt-[24px] mt-[16px]",children:[(0,i.jsx)(x.Ik,{className:"sm:text-[20px] text-[16px]",children:e.title}),(0,i.jsxs)(x.wJ,{className:"sm:text-[14px] text-[12px]",children:[(0,i.jsx)("span",{className:"sm:hidden inline-block",children:e.mobile}),(0,i.jsx)("span",{className:"hidden sm:inline-block",children:e.description})]})]})]}),(0,i.jsxs)("div",{className:"flex sm:gap-[12px] gap-[8px] sm:mt-[40px] mt-[24px]",children:[(0,i.jsx)(x.Gs,{className:"sm:text-[16

1px] text-[12px]",children:"자세히 알아보기"}),(0,i.jsx)(c(),{src:"/images/icon/detail_right_arrow.svg",alt:"화살표 아이콘",width:20,height:20,className:"sm:w-[20px] sm:h-[20px] w-[16px] h-[16px]"})]})]})},e.title))})]})})}},9099:(e,s,l)=>{e.exports=l(8253)},9294:(e,s,l)=>{"use strict";l.d(s,{A:()=>r});var i=l(7876),x=l(8581),t=l(4587),a=l.n(t);let r=e=>{let{iconName:s,alt:l,text:t,bgColor:r,lineColor:c}=e;return(0,i.jsxs)("div",{className:"flex flex-row sm:min-w-[120px] min-w-[100px] sm:gap-[12px] gap-[8px] sm:px-[20px] px-[14px] sm:py-[12px] py-[8px] rounded-[8px] items-center justify-center ".concat("white"===r?"bg-white":"gray"===r?"bg-[var(--gray-2)]":"bg-[var(--sub-1)]"," ").concat("main"===c?"border-[1px] border-[var(--main)]":""),children:[s&&l&&(0,i.jsx)("div",{className:"relative sm:w-[26px] sm:h-[26px] w-[16px] h-[16px]",children:(0,i.jsx)(a(),{src:"/images/icon/".concat(s,".svg"),alt:l,fill:!0,sizes:"auto"})}),(0,i.jsx)(x.Rg,{className:"".concat("gray"===r?"text-[var(--gray-5)]":"text-[var(--sub-5)]"," sm:text-[20px] text-[14px]"),children:t})]})}}},e=>{var s=s=>e(e.s=s);e.O(0,[636,593,792],()=>s(829)),_N_E=e.O()}]);