https://30shine.com/static/js/4882.39ae0463.chunk.js

1"use strict";(self.webpackChunkmy_app=self.webpackChunkmy_app||[]).push([[4882],{26386(e,t,i){i(9950);var n=i(93047),s=i(44414);const l=e=>{let t=e.className,i=void 0===t?"":t;return(0,s.jsx)("div",{className:"flex justify-center gap-4 py-[30px] lg:pt-[51px] lg:pb-[60px]",children:(0,s.jsx)(n.N_,{className:"transition-all border bg-[#15397F] text-white font-bold text-base lg:text-[24px] rounded-[10px] md:rounded-[13px] px-7 py-2 lg:px-[80px] lg:py-3 hover:bg-[#022770] hover:text-[#fff] ".concat(i," min-w-[300px] text-center"),to:"/booking?phone=&salonId=0&step=0",children:"\u0110\u1eb6T L\u1ecaCH NGAY"})})};i.d(t,["A",0,l])},33156(e,t,i){i(9950);var n=i(44414);const s=e=>{let t=e.data;return(0,n.jsxs)("div",{className:"pt-7 lg:pt-[47px]",children:[(0,n.jsx)("div",{className:"uppercase font-bold text-[21px] md:text-[26px] text-[#15397F] pl-1 border-l-[6px] border-[#A0C9EB] leading-none",children:null===t||void 0===t?void 0:t.title}),(0,n.jsx)("div",{className:"text-[#15397F] text-sm md:text-base pt-1 md:pt-2.5",children:null===t||void 0===t?void 0:t.subTitle}),(null===t||void 0===t?void 0:t.listImage.length)>0?(0,n.jsx)("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-[18px] pt-3 md:pt-5",children:t.listImage.map(e=>(0,n.jsxs)("div",{className:"flex flex-col gap-3",children:[(0,n.jsx)("img",{src:e.linkImg,alt:"",className:"rounded-[10px] shadow-[2px_0px_10px_0px_rgba(0,0,0,0.2)]"}),(0,n.jsx)("div",{className:"text-sm md:text-[18px] text-[#15397F] text-center font-semibold whitespace-pre-line",children:null===e||void 0===e?void 0:e.title})]},e.id))}):null]})};i.d(t,["A",0,s])},45949(e,t,i){i.d(t,{A:()=>l});i(9950);const n=i.p+"static/media/icon_time.df350c07845b2c83ea89490b03b1edd4.svg";var s=i(44414);const l=e=>{let t=e.data;return(0,s.jsxs)("div",{className:"pt-7 lg:pt-[47px]",children:[(0,s.jsx)("div",{className:"uppercase font-bold text-[21px] md:text-[26px] text-[#15397F] pl-1 border-l-[6px] border-[#A0C9EB] leading-none",children:t.title}),null!==t&&void 0!==t&&t.subTitle?(0,s.jsx)("div",{className:"text-[#15397F] text-sm md:text-base pt-1 md:pt-2.5",children:t.subTitle}):null,null!==t&&void 0!==t&&t.listImage.length?(0,s.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-2 md:gap-[37px] pt-5",children:t.listImage.map((e,t)=>{var i;return(0,s.jsx)("div",{className:"col-span-1",children:(0,s.jsxs)("div",{className:"grid grid-cols-2 md:grid-cols-1 gap-2.5",children:[(0,s.jsx)("img",{src:e.linkImg,alt:"",className:"rounded-[10px] shadow-[2px_0px_10px_0px_rgba(0,0,0,0.2)] ".concat(t%2===0?"order-1":"order-2 md:order-1")}),(0,s.jsxs)("div",{className:" ".concat(t%2===0?"order-2":"order-1 md:order-2"," flex flex-col justify-center md:justify-items items-center"),children:[(0,s.jsx)("div",{className:"text-sm md:text-[18px] text-[#15397F] text-center font-semibold",children:null===e||void 0===e?void 0:e.title}),null!==e&&void 0!==e&&null!==(i=e.timeService)&&void 0!==i&&i.length?(0,s.jsx)("div",{className:"pt-2 text-[#15397F] text-sm flex divide-x divide-[#15397F] justify-center  text-center",children:e.timeService.map(e=>(0,s.jsxs)("div",{className:"px-1",children:[(0,s.jsx)("div",{className:"font-semibold",children:e.title}),(0,s.jsxs)("div",{className:"flex justify-center items-center text-xs gap-1",children:[(0,s.jsx)("img",{src:n,alt:"",className:"w-2.5 h-2.5"}),e.time]})]},e.id))}):null]})]})},e.id)})}):null]})}},70497(e,t,i){var n=i(89379),s=i(80641),l=i(48538),a=i(9950),c=i(66323),d=i.n(c),r=i(42214),o=i(91973),p=i(85688),m=i(93047),x=i(44414);const u=e=>{let t=e.data;const i=(0,a.useRef)(null),c=(0,a.useState)(!0),u=(0,s.A)(c,2),h=u[0],g=u[1],_=(0,a.useState)(!1),j=(0,s.A)(_,2),v=j[0],b=j[1],f=(null===t||void 0===t?void 0:t.slidesPerView)||5,w=(null===t||void 0===t?void 0:t.slidesPerViewMb)||2,k=(0,p.A)(),N={spaceBetween:12,slidesPerView:f,breakpoints:{768:{slidesPerView:f,spaceBetween:(null===t||void 0===t?void 0:t.spaceBetween)||10},0:{slidesPerView:w,spaceBetween:(null===t||void 0===t?void 0:t.spaceBetweenMb)||12}},draggable:!0,freeMode:!0},y=k.width>768?t.listImage.length>f:t.listImage.length>w;return(0,x.jsxs)("div",{className:"pt-7 lg:pt-[47px]",children:[(0,x.jsx)("div",{className:"uppercase font-bold text-[21px] md:text-[26px] text-[#15397F] pl-1 border-l-[6px] border-[#A0C9EB] leading-none",children:t.title}),(0,x.jsx)("div",{className:"text-[#15397F] text-sm md:text-base pt-1 md:pt-2.5",children:null===t||void 0===t?void 0:t.subTitle}),(0,x.jsxs)("div",{className:"relative pt-3 md:pt-5",children:[(0,x.jsx)(d(),(0,n.A)((0,n.A)({ref:i},N),{},{on:{init:()=>{i.current&&i.current.swiper&&(g(i.current.swiper.isBeginning),b(i.current.swiper.isEnd))},touchMove:()=>{i.current&&i.current.swiper&&(g(i.current.swiper.isBeginning),b(i.current.swiper.isEnd))},slideChange:()=>{i.current&&i.current.swiper&&(g(i.current.swiper.isBeginning),setTimeout(()=>{b(i.current.swiper.isEnd)},500))}}

1,shouldSwiperUpdate:!0,children:t.listImage.map(e=>(0,x.jsx)("div",{className:"!h-auto my-2 flex flex-col gap-2 md:gap-3 ".concat("video"===(null===e||void 0===e?void 0:e.type)?"relative pt-[135%] md:pt-[56.25%]":""),children:"video"===(null===e||void 0===e?void 0:e.type)?(0,x.jsx)("div",{className:"absolute top-0 left-0 w-full h-full",children:(0,x.jsx)("iframe",{className:"w-full h-full rounded-[18px]",src:e.linkImg,title:e.title,allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",allowFullScreen:!0},e.id)}):(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(m.N_,{to:(null===e||void 0===e?void 0:e.link)||"#",className:null!==e&&void 0!==e&&e.link?"cursor-pointer":"cursor-auto",children:(0,x.jsx)("img",{src:e.linkImg,alt:"",className:"rounded-[10px] shadow-[2px_0px_10px_0px_rgba(0,0,0,0.2)]"})}),(0,x.jsxs)("div",{className:"flex items-center uppercase ".concat(null!==e&&void 0!==e&&e.price?"justify-between":"justify-center"," "),children:[(0,x.jsx)("div",{className:"text-sm text-[#15397F] text-center font-semibold",children:null===e||void 0===e?void 0:e.title}),(0,x.jsx)("div",{className:"text-xs text-[#000] text-center ",children:null===e||void 0===e?void 0:e.price})]})," "]})},e.id))})),y?(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(l.A,{className:"!absolute top-1/2 -translate-y-1/2 left-0 z-[99] !border-none !bg-transparent",shape:"circle",disabled:h,onClick:()=>{i.current&&i.current.swiper&&(i.current.swiper.slidePrev(),g(i.current.swiper.isBeginning),b(i.current.swiper.isEnd))},children:(0,x.jsx)("img",{src:r.A,alt:"left",className:h?"opacity-30":"drop-shadow-[0px_1px_5px_rgba(0,0,0,0.90)]"})}),(0,x.jsx)(l.A,{className:"!absolute top-1/2 -translate-y-1/2 right-0 z-[99] !border-none !bg-transparent",shape:"circle",disabled:v,onClick:()=>{i.current&&i.current.swiper&&(i.current.swiper.slideNext(),g(i.current.swiper.isBeginning),b(i.current.swiper.isEnd))},children:(0,x.jsx)("img",{src:o.A,alt:"right",className:v?"opacity-30":"drop-shadow-[0px_1px_5px_rgba(0,0,0,0.90)]"})})]}):null]})]})};i.d(t,["A",0,u])},86847(e,t,i){i.d(t,{A:()=>s});i(9950);var n=i(44414);const s=()=>(0,n.jsxs)("div",{className:"pt-7 lg:pt-[47px]",children:[(0,n.jsx)("div",{className:"uppercase font-bold text-[21px] md:text-[26px] text-[#15397F] pl-1 border-l-[6px] border-[#A0C9EB] leading-none",children:"\u0111\u1eb7c quy\u1ec1n"}),(0,n.jsx)("div",{className:"text-[#15397F] text-sm md:text-base pt-1 md:pt-2.5",children:"H\u1ed7 tr\u1ee3 l\xe0m l\u1ea1i ki\u1ec3u t\xf3c m\u1edbi n\u1ebfu anh ch\u01b0a \u01b0ng \xfd."}),(0,n.jsxs)("div",{className:"mt-2 md:mt-5 bg-[#14397F] rounded-[14px] px-3 py-5 md:px-[59px] md:py-[29px] flex flex-col gap-3 md:gap-4",children:[(0,n.jsxs)("div",{className:"text-gradient text-[16px] md:text-[22px] font-black text-center uppercase",children:["th\u1ebb ch\u0103m s\xf3c ",(0,n.jsx)("br",{})," Kh\xe1ch h\xe0ng U\u1ed1n - Nhu\u1ed9m - D\u01b0\u1ee1ng"]}),(0,n.jsx)("div",{className:"text-white text-center uppercase text-sm md:text-[20px]",children:"Quy\u1ec1n l\u1ee3i VIP c\u1ee7a kh\xe1ch h\xe0ng 30Shine"}),(0,n.jsxs)("div",{className:"flex gap-1 md:gap-2 text-white text-sm md:text-[19px] md:leading-7",children:[(0,n.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"14",viewBox:"0 0 12 14",fill:"none",className:"flex-none mt-1 md:mt-2",children:[(0,n.jsx)("path",{d:"M5.76768 0.36953C4.59743 4.47077 3.67794 5.6744 0 6.87802C0.417948 7.01176 0.794101 7.01176 1.12846 7.14549C3.88692 8.30454 4.8064 9.55275 5.76768 13.2082C6.14384 11.8708 6.39461 10.8455 6.85435 10.0431C7.73204 8.3937 8.98588 7.68044 11.4518 6.83344C7.81563 5.49608 6.89614 4.47077 5.76768 0.324951V0.36953Z",fill:"url(#paint0_linear_2219_318)"}),(0,n.jsx)("defs",{children:(0,n.jsxs)("linearGradient",{id:"paint0_linear_2219_318",x1:"-51.4494",y1:"-18.5318",x2:"129.775",y2:"51.9602",gradientUnits:"userSpaceOnUse",children:[(0,n.jsx)("stop",{stopColor:"#D2A263"}),(0,n.jsx)("stop",{offset:"0.43",stopColor:"#FFF0D7"}),(0,n.jsx)("stop",{offset:"0.75",stopColor:"#D2A263"}),(0,n.jsx)("stop",{offset:"1",stopColor:"#A67B37"})]})})]}),"N\u1ebfu ch\u01b0a \u01b0ng \xfd v\u1ec1 ki\u1ec3u t\xf3c U\u1ed1n/ Nhu\u1ed9m, ch\xfang em s\xe3n s\xe0ng h\u1ed7 tr\u1ee3 l\xe0m l\u1ea1i mi\u1ec5n ph\xed theo cam k\u1ebft c\u1ee7a 30Shine Care"]}),(0,n.jsxs)("div",{className:"flex gap-1 md:gap-2 text-white text-sm md:text-[19px] md:leading-7",children:[(0,n.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"14",viewBox:"0 0 12 14",f

1ill:"none",className:"flex-none mt-1 md:mt-2",children:[(0,n.jsx)("path",{d:"M5.76768 0.36953C4.59743 4.47077 3.67794 5.6744 0 6.87802C0.417948 7.01176 0.794101 7.01176 1.12846 7.14549C3.88692 8.30454 4.8064 9.55275 5.76768 13.2082C6.14384 11.8708 6.39461 10.8455 6.85435 10.0431C7.73204 8.3937 8.98588 7.68044 11.4518 6.83344C7.81563 5.49608 6.89614 4.47077 5.76768 0.324951V0.36953Z",fill:"url(#paint0_linear_2219_318)"}),(0,n.jsx)("defs",{children:(0,n.jsxs)("linearGradient",{id:"paint0_linear_2219_318",x1:"-51.4494",y1:"-18.5318",x2:"129.775",y2:"51.9602",gradientUnits:"userSpaceOnUse",children:[(0,n.jsx)("stop",{stopColor:"#D2A263"}),(0,n.jsx)("stop",{offset:"0.43",stopColor:"#FFF0D7"}),(0,n.jsx)("stop",{offset:"0.75",stopColor:"#D2A263"}),(0,n.jsx)("stop",{offset:"1",stopColor:"#A67B37"})]})})]}),"Th\u1eddi h\u1ea1n: trong 7 ng\xe0y t\xednh t\u1eeb ng\xe0y anh U\u1ed1n/ Nhu\u1ed9m"]})]})]})},84882(e,t,i){i.r(t);var n=i(9950),s=i(50465),l=i(33156),a=i(70497),c=i(45949),d=i(86847),r=i(26386),o=i(44414);const p="".concat(s.A.URL_IMAGES_V4,"uon/uon-tieu-chuan"),m={banner:"".concat(p,"/banner_uon_tieu_chuan.jpg?v=5"),layout:[{id:1,title:"U\u1ed1n basic",subTitle:"T\xf3c u\u1ed1n phong c\xe1c \u0111\u01a1n gi\u1ea3n, nh\u1eb9 nh\xe0ng v\xe0 tinh t\u1ebf",type:"slide",listImage:[{id:1,title:"u\u1ed1n basic",linkImg:"".concat(p,"/uon_basic_hair_style_1.jpg")},{id:2,title:"u\u1ed1n cao c\u1ea5p",linkImg:"".concat(p,"/uon_basic_hair_style_2.jpg")}]},{id:2,title:"u\u1ed1n \u0111\u1ecbnh h\xecnh k-Perm",subTitle:"\u0110a d\u1ea1ng phong c\xe1ch, ph\xf9 h\u1ee3p v\u1edbi m\u1ecdi khu\xf4n m\u1eb7t",type:"slide",listImage:[{id:1,title:"Comma Perm",linkImg:"".concat(p,"/uon_basic_kperm_1.jpg")},{id:5,title:"Quiff Perm",linkImg:"".concat(p,"/uon_basic_kperm_2.jpg")},{id:2,title:"Fit Perm",linkImg:"".concat(p,"/uon_basic_kperm_3.jpg")},{id:4,title:"Roof Perm",linkImg:"".concat(p,"/uon_basic_kperm_5.jpg")},{id:6,title:"Tailor Perm",linkImg:"".concat(p,"/uon_basic_kperm_6.jpg")},{id:7,title:"Grass Perm",linkImg:"".concat(p,"/uon_basic_kperm_7.jpg")},{id:8,title:"Wool Perm",linkImg:"".concat(p,"/uon_basic_kperm_8.jpg")},{id:9,title:"Ruffled Perm",linkImg:"".concat(p,"/uon_basic_kperm_9.jpg")},{id:10,title:"Timothy Perm",linkImg:"".concat(p,"/uon_basic_kperm_10.jpg")}]},{id:3,title:"u\u1ed1n xu h\u01b0\u1edbng",subTitle:"T\xf3c u\u1ed1n Hot trend",type:"slide",listImage:[{id:1,title:"con s\xe2u",linkImg:"".concat(p,"/uon_basic_hair_style_3.jpg")},{id:2,title:"Premlock",linkImg:"".concat(p,"/uon_basic_hair_style_4.jpg")}]},{id:4,title:"\u01b0u \u0111i\u1ec3m n\u1ed5i b\u1eadt",subTitle:"",type:"outstanding",listImage:[{id:1,title:"U\u1ed1n t\xf3c che khuy\u1ebft \u0111i\u1ec3m m\u1ecfng th\u01b0a, bung ch\u1ec9a, b\u1ebft d\u1ea7u, tr\xe1n ch\u1eef M kh\xf3 v\xe0o n\u1ebfp",linkImg:"".concat(p,"/uon_tieu_chuan_uu_diem_noi_bat.jpg")},{id:2,title:"Gi\u1eef n\u1ebfp l\xe2u l\xean t\u1edbi 2 th\xe1ng kh\xf4ng lo bung ch\u1ec9a ",linkImg:"".concat(p,"/uon_tieu_chuan_uu_diem_noi_bat_2.jpg")},{id:3,title:"Ti\u1ebft ki\u1ec7m th\u1eddi gian t\u1ea1o ki\u1ec3u h\xe0ng ng\xe0y",linkImg:"".concat(p,"/uon_tieu_chuan_uu_diem_noi_bat_3.jpg"),timeService:[{id:1,title:"Kh\xf4ng u\u1ed1n",time:"15 Ph\xfat"},{id:2,title:"U\u1ed1n K-Perm",time:"3 Ph\xfat"}]}]},{id:5,title:"h\xecnh \u1ea3nh th\u1ef1c t\u1ebf",subTitle:"",type:"slide",listImage:[{id:1,linkImg:"".concat(p,"/uon_tieu_chuan_hinh_anh_thuc_te_1.jpg")},{id:2,linkImg:"".concat(p,"/uon_tieu_chuan_hinh_anh_thuc_te_2.jpg")},{id:3,linkImg:"".concat(p,"/uon_tieu_chuan_hinh_anh_thuc_te_3.jpg")},{id:4,linkImg:"".concat(p,"/uon_tieu_chuan_hinh_anh_thuc_te_4.jpg")},{id:5,linkImg:"".concat(p,"/uon_tieu_chuan_hinh_anh_thuc_te_5.jpg")},{id:6,linkImg:"".concat(p,"/uon_tieu_chuan_hinh_anh_thuc_te_6.jpg")}]},{id:6,title:"Quy tr\xecnh d\u1ecbch v\u1ee5",subTitle:"S\u1eed d\u1ee5ng thu\u1ed1c u\u1ed1n ATS cao c\u1ea5p, b\u1ed5 sung th\xeam d\u01b0\u1ee1ng ch\u1ea5t ph\u1ee5c h\u1ed3i t\xf3c. Th\u01b0\u1eddng \u0111\u01b0\u1ee3c c\xe1c KOLs, Celeb tin d\xf9ng.",type:"blog",listImage:[{id:1,title:"Ki\u1ec3m tra & \u0111\xe1nh gi\xe1 ch\u1ea5t t\xf3c",linkImg:"".concat(p,"/uon_tieu_chuan_quy_trinh_1.jpg")},{id:2,title:"U\u1ed1n t\xf3c",linkImg:"".concat(p,"/uon_tieu_chuan_quy_trinh_2.jpg")},{id:3,title:"X\u1ea3 t\xf3c",linkImg:"".concat(p,"/uon_tieu_chuan_quy_trinh_3.jpg")},{id:4,title:"S\u1ea5y vu\u1ed1t t\u1ea1o ki\u1ec3u",linkImg:"".concat(p,"/uon_tieu_chuan_quy_trinh_4.jpg")}]}]},x=()=>((0,n.useEffect)(()=>{window.scrollTo(0,0)},[]),(0,o.jsx)("div",{className:"bg-[#f5f5f7] pt-4 md:pt-[43px]",children:(0,o.jsxs)("div",{className:"container max-w-[954px] px-4 lg:px-0 mx-auto",children:[(0,o.jsx)("img",{src:m.banner,alt:"",className:"rounded-[10px] shadow-[2px_0px_10px_0px_rgba(0,0,0,0.2)]"}),m.layout.map(e=>(e=>{switch(e.type){case"blog":return(0,o.jsx)(l.A,{data:e},e.id);case"slide":return(0,o.jsx)(a.A,{data:e},e.id);case"outstanding":return(0,o.jsx)(c.A,{data:e},e.id)}})(e)),(0,o.jsx)(d.A,{}),(0,o.jsx)(r.A,{})]})}));i.d(t,["default",0,x])}}]);