https://www.aroundfollie.com/_next/static/chunks/pages/story-b4e799165fa71c13.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[802],{8971:function(A,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/story",function(){return t(5050)}])},2193:function(A,n,t){"use strict";var e=t(5893),i=t(1664),r=t.n(i),s=t(4003);let o=A=>{let{menu:n,nextMenu:t}=A;return(0,e.jsxs)(s.c7,{children:[(0,e.jsx)("h1",{children:(t||n).toUpperCase()}),(0,e.jsxs)("div",{children:[(0,e.jsx)(r(),{href:"/",children:(0,e.jsx)("p",{children:"HOME >"})}),t?(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(r(),{href:"/".concat(n).toLowerCase(),children:(0,e.jsxs)("p",{children:["\xa0",n," >"]})}),(0,e.jsxs)("i",{children:["\xa0",t.toUpperCase()]})]}):(0,e.jsxs)("i",{children:["\xa0 ",n]})]})]})};n.Z=o},5050:function(A,n,t){"use strict";t.r(n),t.d(n,{default:function(){return K}});var e=t(7297),i=t(5893),r=t(2193),s=t(7294),o=t(2120),c={src:"/_next/static/media/concept.c18a513b.jpeg",height:530,width:1180,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wAARCAAEAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAb/xAAZEAACAwEAAAAAAAAAAAAAAAAAAQIEEQP/xAAVAQEBAAAAAAAAAAAAAAAAAAABAv/EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/AJaxds860YLtN43LW9YABL//2Q==",blurWidth:8,blurHeight:4},a={src:"/_next/static/media/concept1.f9363218.jpeg",height:590,width:1180,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wAARCAAEAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAb/xAAcEAACAgIDAAAAAAAAAAAAAAAAAQIDBREiMVH/xAAUAQEAAAAAAAAAAAAAAAAAAAAA/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8Aj5UVxwsb0ubt0/OgAB//2Q==",blurWidth:8,blurHeight:4},d={src:"/_next/static/media/concept2.9f5db5cc.jpeg",height:730,width:1180,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wAARCAAFAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAf/xAAcEAACAgIDAAAAAAAAAAAAAAAAAQIEERMhMUH/xAAVAQEBAAAAAAAAAAAAAAAAAAAAAf/EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/AKjKxJSSWebOvvzAAIP/2Q==",blurWidth:8,blurHeight:5},l={src:"/_next/static/media/strategy.90a5e178.jpeg",height:670,width:1180,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wAARCAAFAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAf/xAAbEAEAAgIDAAAAAAAAAAAAAAABAAIREgMhMf/EABQBAQAAAAAAAAAAAAAAAAAAAAD/xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwCtclN9TKYsPSnkRED/2Q==",blurWidth:8,blurHeight:5},h={src:"/_next/static/media/strategy1.798eb268.jpeg",height:716,width:1180,blurDataURL:"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wAARCAAFAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAf/xAAbEAACAgMBAAAAAAAAAAAAAAABAgADBREhYf/EABUBAQEAAAAAAAAAAAAAAAAAAAED/8QAFxEBAAMAAAAAAAAAAAAAAAAAAAIxQf/aAAwDAQACEQMRAD8Ao2bostxrhbijF10yg7HT7ERJTs4//9k=",blurWidth:8,blurHeight:5},g=t(5675),x=t.n(g),p=t(9521);function w(){let A=(0,e.Z)(["\n  border-bottom: 1px solid #e5e5e5;\n  padding: 40px 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  > div {\n    text-align: center;\n    > h1 {\n      font-size: 36px;\n      font-weight: 300;\n      color: #3f3f3f;\n    }\n    > h2 {\n      font-size: 17px;\n      font-weight: 500;\n      color: #999999;\n    }\n    > p {\n      text-align: left;\n      font-weight: 400;\n      font-size: 14px;\n      line-height: 2;\n      width: 320px;\n      color: #3f3f3f;\n      white-space: normal;\n      word-wrap: break-word;\n      text-align: center;\n    }\n    > hr {\n      width: 43px;\n      height: 3px;\n      border: 0;\n      background-color: #424242;\n      margin: 24px auto;\n    }\n  }\n"]);return w=function(){return A},A}function u(){let A=(0,e.Z)(["\n  width: 1180px;\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr;\n  > div {\n    border-bottom: 1px solid #e5e5e5;\n  }\n  @media (max-width: 768px) {\n    display: block;\n  }\n"]);return u=function(){return A},A}function f(){let A=(0,e.Z)(["\n  width: 1180px;\n  height: 50px;\n  display: flex;\n  background-color: #333333;\n  justify-content: center;\n  align-items: center;\n  gap: 20px;\n  @media (max-width: 768px) {\n    margin-top: 20px;\n  }\n"]);return f=function(){return A},A}function E(){let A=(0,e.Z)(["\n  cursor: pointer;\n  user-select: none;\n  margin: 0;\n  color: ",";\n"]);return E=function(){return A},A}function m(){let A=(0,e.Z)(["\n  object-fit: contain !important;\n"]);return m=function(){return A},A}function O(){let A=(0,e.Z)(["\n  height: auto !important;\n  margin: 40px 0;\n  position: relative !important;\n  @media (max-width: 768px) {\n    width: 100vw !important;\n  }\n"]);return O=function(){return A},A}function z(){let A=(0,e.Z)(["\n  width: 1180px;\n  text-align: center;\n  > p {\n    width: 60%;\n    font-size: 14px;\n    color: #3f3f3f;\n    margin: 0 auto;\n    margin-bottom: 20px;\n    @media (max-width: 768px) {\n      margin: 0 auto;\n      width: 88vw;\n      line-height: 2;\n      br {\n        display: none !important;\n      }\n    }\n  }\n  @media (max-width: 768px) {\n    width: auto;\n  }\n"]);return z=function(){return A},A}function j(){let A=(0,e.Z)(["\n  font-size: 50px;\n  margin: 60px 0 48px;\n  color: #424242;\n  font-weight: 700;\n  text-transform: uppercase;\n  word-break: keep-all;\n  text-align: center;\n\n  @media (max-width: 768px) {\n    font-size: 35px;\n    margin: 60px auto;\n    margin-bottom: 48px;\n    font-size: 35px;\n    width: 85vw;\n  }\n"]);return j=function(){return A},A}function D(){let A=(0,e.Z)(["\n  width: 1180px;\n  padding-bottom: 80px;\n  font-size: 14px;\n  text-align: center;

1\n  color: #3f3f3f;\n  white-space: pre-line;\n  margin-top: 40px;\n  border-bottom: 1px solid #e5e5e5;\n  @media (max-width: 768px) {\n    width: 80%;\n    line-height: 2;\n    white-space: normal;\n  }\n"]);return D=function(){return A},A}let y=p.ZP.div.withConfig({componentId:"sc-86016c95-0"})(w()),b=p.ZP.div.withConfig({componentId:"sc-86016c95-1"})(u()),B=p.ZP.div.withConfig({componentId:"sc-86016c95-2"})(f()),C=p.ZP.p.withConfig({componentId:"sc-86016c95-3"})(E(),A=>{let{isActive:n}=A;return n?"#ffffff":"#999999"}),Q=(0,p.ZP)(x()).withConfig({componentId:"sc-86016c95-4"})(m()),k=(0,p.ZP)(x()).withConfig({componentId:"sc-86016c95-5"})(O()),I=p.ZP.div.withConfig({componentId:"sc-86016c95-6"})(z()),S=p.ZP.h1.withConfig({componentId:"sc-86016c95-7"})(j()),P=p.ZP.p.withConfig({componentId:"sc-86016c95-8"})(D()),L=()=>{let{t:A}=(0,o.$G)();return(0,i.jsxs)(I,{children:[(0,i.jsx)(S,{children:A("story.concept.title")}),(0,i.jsx)("p",{children:A("story.concept.content")}),(0,i.jsx)(k,{src:c.src,alt:"concept",layout:"fill"}),(0,i.jsx)(k,{src:a.src,alt:"concept",layout:"fill"}),(0,i.jsx)(k,{src:d.src,alt:"concept",layout:"fill"})]})},v=[{keyword:"AROUNDFOLLIE MEMBER",img:"/_next/static/media/stayasset.9ade50a0.jpeg"},{keyword:"MASTER ARCHITECT",img:"/_next/static/media/zLab.6d8d7f7b.jpeg"},{keyword:"PARTNER GROUP",introduce:[{keyword:"Bybigtable / Kitchen Design"},{keyword:"Cotone / Fabric Design"},{keyword:"Limas / Lighting Design"},{keyword:"LeeU architects / C.D."},{keyword:"Shop Drawing & Construction"},{keyword:"The Pwned / BBQ Smorker Built"},{keyword:"Oblique Table / Furniture"},{keyword:"Blooming always / Gardening"},{keyword:"Efouse / Organizer"},{keyword:"트러스트 홈 / LANDSCAPING"},{keyword:"천사조명 / Camping Site Lighting"},{keyword:"커플 피그 / 베로웍스 / Leather Works"},{keyword:"칠십리 / LANDSCAPING"}]},{keyword:"PUBLISHING",img:"/_next/static/media/stayfolio.44e37677.png"}],N=[{keyword:"Oreum / Stone Tower / Crossbill",img:"/_next/static/media/mass.45e47aa8.jpeg"},{keyword:"Jeju’s Stone Tomb",img:"/_next/static/media/arrangement.e618abd6.jpeg"},{keyword:"White Zinc / Jeju Stone",img:"/_next/static/media/material.1e4111eb.jpeg"}],R=A=>{let{title:n,subtitle:t,content:e,img:r}=A;return(0,i.jsxs)(y,{children:[(0,i.jsxs)("div",{children:[(0,i.jsx)("h1",{children:n}),(0,i.jsx)("h2",{children:t}),n&&(0,i.jsx)("hr",{}),e&&(0,i.jsx)("p",{children:e})]}),r&&(0,i.jsx)(x(),{src:r,alt:"thumbnail",width:360,height:240})]})},M=A=>{let{keyword:n,img:t,introduce:e}=A,{t:r}=(0,o.$G)(),s=r("story.people.".concat(n));return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(S,{children:n}),t&&(0,i.jsx)(Q,{src:t,alt:"people",width:120,height:112}),s&&(0,i.jsx)(P,{children:r("story.people.".concat(n))}),(0,i.jsx)(b,{children:e&&e.map(A=>{let n=r("story.people.partnerGroup.".concat(A.keyword,".title")),t=r("story.people.partnerGroup.".concat(A.keyword,".content"));return(0,i.jsx)(R,{title:n,subtitle:A.keyword,content:t},A.keyword)})})]})},Z=()=>(0,i.jsx)(i.Fragment,{children:v.map(A=>(0,i.jsx)(M,{keyword:A.keyword,introduce:A.introduce,img:A.img},A.keyword))}),F=()=>{let{t:A}=(0,o.$G)();return(0,i.jsxs)(I,{children:[(0,i.jsx)(S,{children:A("story.strategy.title")}),(0,i.jsx)("p",{children:A("story.strategy.content")}),(0,i.jsx)(k,{src:l.src,layout:"fill",alt:"strategy"}),(0,i.jsx)(b,{children:N.map(n=>{let t=A("story.strategy.".concat(n.keyword,".title")),e=A("story.strategy.".concat(n.keyword,".content"));return(0,i.jsx)(R,{title:t,subtitle:n.keyword,content:e,img:n.img},n.keyword)})}),(0,i.jsx)(k,{src:h.src,layout:"fill",alt:"strategy"})]})},_=A=>{let{setNextMenu:n,menu:t}=A,e={PEOPLE:(0,i.jsx)(Z,{}),CONCEPT:(0,i.jsx)(L,{}),STRATEGY:(0,i.jsx)(F,{})}

1,[r,o]=(0,s.useState)(t);return(0,s.useEffect)(()=>{o(t)},[t]),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(B,{children:["PEOPLE","CONCEPT","STRATEGY"].map(A=>(0,i.jsx)(C,{onClick:()=>{o(A),n(A)},isActive:r===A,children:A},A))}),e[r]]})};var H=t(1163);function U(){let A=(0,e.Z)(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n"]);return U=function(){return A},A}let J=()=>{let A=(0,H.useRouter)(),{id:n}=A.query,[t,e]=(0,s.useState)("PEOPLE");return(0,s.useEffect)(()=>{n&&e(n)},[n]),(0,i.jsxs)(T,{children:[(0,i.jsx)(r.Z,{menu:"STORY",nextMenu:t}),(0,i.jsx)(_,{menu:t,setNextMenu:e})]})},T=p.ZP.div.withConfig({componentId:"sc-d08bf2df-0"})(U());var K=J}},function(A){A.O(0,[774,888,179],function(){return A(A.s=8971)}),_N_E=A.O()}]);