https://4mat.org/_next/static/chunks/app/%5Blocale%5D/products/%5Bslug%5D/page-60f863895b397270.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[309],{48104:function(e,t,i){Promise.resolve().then(i.bind(i,45717))},45717:function(e,t,i){"use strict";i.d(t,{default:function(){return u}});var n=i(83890),l=i(58496),s=i(31849),r=i(86885),a=i(52184),c=i(56688),o={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M854.4 800.9c.2-.3.5-.6.7-.9C920.6 722.1 960 621.7 960 512s-39.4-210.1-104.8-288c-.2-.3-.5-.5-.7-.8-1.1-1.3-2.1-2.5-3.2-3.7-.4-.5-.8-.9-1.2-1.4l-4.1-4.7-.1-.1c-1.5-1.7-3.1-3.4-4.6-5.1l-.1-.1c-3.2-3.4-6.4-6.8-9.7-10.1l-.1-.1-4.8-4.8-.3-.3c-1.5-1.5-3-2.9-4.5-4.3-.5-.5-1-1-1.6-1.5-1-1-2-1.9-3-2.8-.3-.3-.7-.6-1-1C736.4 109.2 629.5 64 512 64s-224.4 45.2-304.3 119.2c-.3.3-.7.6-1 1-1 .9-2 1.9-3 2.9-.5.5-1 1-1.6 1.5-1.5 1.4-3 2.9-4.5 4.3l-.3.3-4.8 4.8-.1.1c-3.3 3.3-6.5 6.7-9.7 10.1l-.1.1c-1.6 1.7-3.1 3.4-4.6 5.1l-.1.1c-1.4 1.5-2.8 3.1-4.1 4.7-.4.5-.8.9-1.2 1.4-1.1 1.2-2.1 2.5-3.2 3.7-.2.3-.5.5-.7.8C103.4 301.9 64 402.3 64 512s39.4 210.1 104.8 288c.2.3.5.6.7.9l3.1 3.7c.4.5.8.9 1.2 1.4l4.1 4.7c0 .1.1.1.1.2 1.5 1.7 3 3.4 4.6 5l.1.1c3.2 3.4 6.4 6.8 9.6 10.1l.1.1c1.6 1.6 3.1 3.2 4.7 4.7l.3.3c3.3 3.3 6.7 6.5 10.1 9.6 80.1 74 187 119.2 304.5 119.2s224.4-45.2 304.3-119.2a300 300 0 0010-9.6l.3-.3c1.6-1.6 3.2-3.1 4.7-4.7l.1-.1c3.3-3.3 6.5-6.7 9.6-10.1l.1-.1c1.5-1.7 3.1-3.3 4.6-5 0-.1.1-.1.1-.2 1.4-1.5 2.8-3.1 4.1-4.7.4-.5.8-.9 1.2-1.4a99 99 0 003.3-3.7zm4.1-142.6c-13.8 32.6-32 62.8-54.2 90.2a444.07 444.07 0 00-81.5-55.9c11.6-46.9 18.8-98.4 20.7-152.6H887c-3 40.9-12.6 80.6-28.5 118.3zM887 484H743.5c-1.9-54.2-9.1-105.7-20.7-152.6 29.3-15.6 56.6-34.4 81.5-55.9A373.86 373.86 0 01887 484zM658.3 165.5c39.7 16.8 75.8 40 107.6 69.2a394.72 394.72 0 01-59.4 41.8c-15.7-45-35.8-84.1-59.2-115.4 3.7 1.4 7.4 2.9 11 4.4zm-90.6 700.6c-9.2 7.2-18.4 12.7-27.7 16.4V697a389.1 389.1 0 01115.7 26.2c-8.3 24.6-17.9 47.3-29 67.8-17.4 32.4-37.8 58.3-59 75.1zm59-633.1c11 20.6 20.7 43.3 29 67.8A389.1 389.1 0 01540 327V141.6c9.2 3.7 18.5 9.1 27.7 16.4 21.2 16.7 41.6 42.6 59 75zM540 640.9V540h147.5c-1.6 44.2-7.1 87.1-16.3 127.8l-.3 1.2A445.02 445.02 0 00540 640.9zm0-156.9V383.1c45.8-2.8 89.8-12.5 130.9-28.1l.3 1.2c9.2 40.7 14.7 83.5 16.3 127.8H540zm-56 56v100.9c-45.8 2.8-89.8 12.5-130.9 28.1l-.3-1.2c-9.2-40.7-14.7-83.5-16.3-127.8H484zm-147.5-56c1.6-44.2 7.1-87.1 16.3-127.8l.3-1.2c41.1 15.6 85 25.3 130.9 28.1V484H336.5zM484 697v185.4c-9.2-3.7-18.5-9.1-27.7-16.4-21.2-16.7-41.7-42.7-59.1-75.1-11-20.6-20.7-43.3-29-67.8 37.2-14.6 75.9-23.3 115.8-26.1zm0-370a389.1 389.1 0 01-115.7-26.2c8.3-24.6 17.9-47.3 29-67.8 17.4-32.4 37.8-58.4 59.1-75.1 9.2-7.2 18.4-12.7 27.7-16.4V327zM365.7 165.5c3.7-1.5 7.3-3 11-4.4-23.4 31.3-43.5 70.4-59.2 115.4-21-12-40.9-26-59.4-41.8 31.8-29.2 67.9-52.4 107.6-69.2zM165.5 365.7c13.8-32.6 32-62.8 54.2-90.2 24.9 21.5 52.2 40.3 81.5 55.9-11.6 46.9-18.8 98.4-20.7 152.6H137c3-40.9 12.6-80.6 28.5-118.3zM137 540h143.5c1.9 54.2 9.1 105.7 20.7 152.6a444.07 444.07 0 00-81.5 55.9A373.86 373.86 0 01137 540zm228.7 318.5c-39.7-16.8-75.8-40-107.6-69.2 18.5-15.8 38.4-29.7 59.4-41.8 15.7 45 35.8 84.1 59.2 115.4-3.7-1.4-7.4-2.9-11-4.4zm292.6 0c-3.7 1.5-7.3 3-11 4.4 23.4-31.3 43.5-70.4 59.2-115.4 21 12 40.9 26 59.4 41.8a373.81 373.81 0 01-107.6 69.2z"}}]},name:"global",theme:"outlined"},d=i(53734),x=l.forwardRef(function(e,t){return l.createElement(d.default,(0,c.Z)({},e,{ref:t,icon:o}))}),h=i(17790),m=i(56788);function u(e){var t,i;let{slug:c,detail:o,product:d,name:u,nameDetail:p,locale:g,translations:f}=e,[y,j]=(0,l.useState)(!1);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{children:"\n        .pd-hero { flex-direction: row; }\n        .pd-hero-img { width: 50%; }\n        .pd-hero-info { width: 50%; }\n        .pd-features { grid-template-columns: repeat(2, 1fr); }\n        .pd-steps { grid-template-columns: repeat(2, 1fr); }\n        @media (max-width: 768px) {\n          .pd-hero { flex-direction: column; }\n          .pd-hero-img { width: 100%; }\n          .pd-hero-info { width: 100%; }\n          .pd-features { grid-template-columns: 1fr; }\n          .pd-steps { grid-template-columns: 1fr; }\n        }\n      "}),(0,n.jsxs)("div",{style:{maxWidth:1200,margin:"0 auto",padding:"16px 24px"},children:[(0,n.jsx)(m.default,{href:"/#products",style:{color:"#6B7280",textDecoration:"none",fontSize:14},children:f.breadcrumb}),(0,n.jsx)("span",{style:{color:"#D1D5DB",margin:"0 8px"},children:"/"}),(0,n.jsx)("span",{style:{color:"#111827",fontSize:14,fontWeight:500},children:u})]}),(0,n.jsx)("section",{style:{maxWidth:1200,margin:"0 auto",padding:"24px 24px 64px"},children:(0,n.jsxs)("div",{className:"pd-hero",style:{display:"flex",gap:48,alignItems:"stretch"},children:[(0,n.jsx)("div",{className:"pd-hero-img",children:(0,n.jsx)("div",{style:{borderRadius:12,overflow:"hidden",border:"1px solid #E5E7EB"},children:(0,n.jsx)("img",{src:"/images/".concat(c.toUpperCase(),"_report_cover.avif"),alt:u,style:{width:"100%",height:"auto",display:"block"}})})}),(0,n.jsxs)("div",{className:"pd-hero-info",style:{display:"flex",flexDirection:"column",justifyContent:"space-between",minHeight:"100%"},children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("h1",{style:{fontSize:32,fontWeight:700,color:"#111827",margin:0},children:u}),(0,n.jsx)("p",{style:{fontSize:16,color:"#888",margin:"4px 0 0",fontWeight:500},children:p}),(0,n.jsx)("p",{style:{fontSize:36,fontWeight:700,color:"#4F46E5",margin:"16px 0 0"},children:(t=d.price,i=d.currency,new Intl.NumberFormat(g,{style:"currency",currency:i,minimumFractionDigits:0,maximumFractionDigits:"KRW"===i?0:2}).format(t))}),(0,n.jsx)("p",{style:{fontSize:14,color:"#6B7280",lineHeight:1.7,margin:"16px 0 0"},children:o.intro})]}),(0,n.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",marginTop:24},children:[(0,n.jsx)(s.ZP,{type:"primary",size:"large",icon:(0,n.jsx)(r.Z,{}),onClick:()=>j(!0),style:{height:56,fontSize:17,fontWeight:600,borderRadius:8,width:"100%",maxWidth:360},children:f.buyNow}

1),(0,n.jsx)("p",{style:{fontSize:13,color:"#9CA3AF",margin:"12px 0 0",lineHeight:1.6},children:f.instantAccess})]})]})]})}),(0,n.jsx)("section",{style:{background:"#F9FAFB",padding:"64px 24px"},children:(0,n.jsxs)("div",{style:{maxWidth:800,margin:"0 auto"},children:[(0,n.jsx)("h2",{style:{fontSize:28,fontWeight:700,color:"#111827",margin:"0 0 16px",lineHeight:1.3},children:o.headline}),(0,n.jsx)("p",{style:{fontSize:16,color:"#4B5563",lineHeight:1.8,margin:0},children:o.intro})]})}),(0,n.jsx)("section",{style:{padding:"64px 24px"},children:(0,n.jsx)("div",{style:{maxWidth:1e3,margin:"0 auto"},children:(0,n.jsx)("div",{className:"pd-features",style:{display:"grid",gap:24},children:o.features.map((e,t)=>(0,n.jsxs)("div",{style:{background:"#F9FAFB",borderRadius:12,padding:28,border:"1px solid #E5E7EB"},children:[(0,n.jsx)("h3",{style:{fontSize:18,fontWeight:600,color:"#4F46E5",margin:"0 0 8px"},children:e.title}),(0,n.jsx)("p",{style:{fontSize:15,color:"#4B5563",lineHeight:1.7,margin:0},children:e.description})]},t))})})}),(0,n.jsx)("section",{style:{background:"#EEF2FF",padding:"64px 24px"},children:(0,n.jsxs)("div",{style:{maxWidth:800,margin:"0 auto"},children:[(0,n.jsx)("h2",{style:{fontSize:28,fontWeight:700,color:"#111827",margin:"0 0 24px"},children:f.whatYouGet}),(0,n.jsx)("div",{style:{display:"flex",flexDirection:"column",gap:16},children:o.whatYouGet.map((e,t)=>(0,n.jsxs)("div",{style:{display:"flex",gap:12,alignItems:"flex-start"},children:[(0,n.jsx)(a.Z,{style:{color:"#4F46E5",fontSize:20,marginTop:2,flexShrink:0}}),(0,n.jsx)("span",{style:{fontSize:16,color:"#374151",lineHeight:1.6},children:e})]},t))})]})}),(0,n.jsx)("section",{style:{padding:"64px 24px"},children:(0,n.jsxs)("div",{style:{maxWidth:800,margin:"0 auto"},children:[(0,n.jsx)("h2",{style:{fontSize:28,fontWeight:700,color:"#111827",margin:"0 0 24px"},children:o.whyUse.title}),(0,n.jsx)("div",{style:{display:"flex",flexDirection:"column",gap:16},children:o.whyUse.points.map((e,t)=>(0,n.jsxs)("div",{style:{display:"flex",gap:12,alignItems:"flex-start"},children:[(0,n.jsx)(a.Z,{style:{color:"#059669",fontSize:20,marginTop:2,flexShrink:0}}),(0,n.jsx)("span",{style:{fontSize:16,color:"#374151",lineHeight:1.6},children:e})]},t))})]})}),(0,n.jsx)("section",{style:{background:"#F9FAFB",padding:"64px 24px"},children:(0,n.jsxs)("div",{style:{maxWidth:800,margin:"0 auto"},children:[(0,n.jsx)("h2",{style:{fontSize:28,fontWeight:700,color:"#111827",margin:"0 0 32px"},children:f.howToStart}),(0,n.jsx)("div",{className:"pd-steps",style:{display:"grid",gap:24},children:f.steps.map((e,t)=>(0,n.jsxs)("div",{style:{textAlign:"center"},children:[(0,n.jsx)("div",{style:{width:48,height:48,borderRadius:"50%",background:"#4F46E5",color:"#FFF",display:"inline-flex",alignItems:"center",justifyContent:"center",fontSize:20,fontWeight:700,marginBottom:12},children:t+1}),(0,n.jsx)("h4",{style:{fontSize:16,fontWeight:600,color:"#111827",margin:"0 0 4px"},children:e.title}),(0,n.jsx)("p",{style:{fontSize:14,color:"#6B7280",lineHeight:1.6,margin:0},children:e.desc})]},t))})]})}),(0,n.jsx)("section",{style:{padding:"48px 24px"},children:(0,n.jsxs)("div",{style:{maxWidth:800,margin:"0 auto",textAlign:"center"},children:[(0,n.jsx)(x,{style:{fontSize:28,color:"#4F46E5",marginBottom:12}}),(0,n.jsx)("h3",{style:{fontSize:20,fontWeight:600,color:"#111827",margin:"0 0 12px"},children:f.availableLanguages}),(0,n.jsx)("div",{style:{display:"flex",justifyContent:"center",gap:16,flexWrap:"wrap"},children:f.languages.map(e=>(0,n.jsx)("span",{style:{padding:"6px 20px",background:"#EEF2FF",color:"#4F46E5",borderRadius:20,fontSize:14,fontWeight:500},children:e},e))}),(0,n.jsx)("p",{style:{fontSize:13,color:"#9CA3AF",margin:"16px 0 0"},children:f.contactLanguage})]})}),(0,n.jsxs)("section",{style:{background:"#4F46E5",padding:"48px 24px",textAlign:"center"},children:[(0,n.jsx)("h2",{style:{fontSize:28,fontWeight:700,color:"#FFF",margin:"0 0 8px"},children:f.readyTitle}),(0,n.jsx)("p",{style:{fontSize:16,color:"rgba(255,255,255,0.8)",margin:"0 0 24px"},children:f.readySubtitle}),(0,n.jsx)(s.ZP,{type:"primary",size:"large",icon:(0,n.jsx)(r.Z,{}),onClick:()=>j(!0),style:{height:56,fontSize:17,fontWeight:600,borderRadius:8,background:"#FFF",color:"#4F46E5",border:"none"},children:f.buyNowPrice})]}),(0,n.jsx)(h.Z,{product:y?d:null,open:y,onClose:()=>j(!1)})]})}},61298:function(e,t,i){"use strict";i.d(t,{a:function(){return a},default:function(){return c}});var n=i(83890),l=i(58496),s=i(70181);let r=(0,l.createContext)({user:null,loading:!0,authModalOpen:!1,authModalTab:"login",openAuthModal:()=>{},closeAuthModal:()=>{}});function a(){return(0,l.useContext)(r)}function c(e){let{children:t}=e,[i,a]=(0,l.useState)(null),[c,o]=(0,l.useState)(!0),[d,x]=(0,l.useState)(!1),[h,m]=(0,l.useState)("login");(0,l.useEffect)(()=>{let e=(0,s.e)();e.auth.getUser().then(e=>{let{data:{user:t}}=e;a(t),o(!1)});let{data:{subscription:t}}=e.auth.onAuthStateChange((e,t)=>{var i;a(null!==(i=null==t?void 0:t.user)&&void 0!==i?i:null),o(!1)});return()=>t.unsubscribe()},[]);let u=(0,l.useCallback)(function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"login";m(e),x(!0)},[]),p=(0,l.useCallback)(()=>{x(!1)},[]);return(0,l.useEffect)(()=>{i&&d&&x(!1)},[i,d]),(0,n.jsx)(r.Provider,{value:{user:i,loading:c,authModalOpen:d,authModalTab:h,openAuthModal:u,closeAuthModal:p},children:t})}},17790:function(e,t,i){"use strict";i.d(t,{Z:function(){return h}});var n=i(83890),l=i(58496),s=i(60662),r=i(14962),a=i(49693),c=i(72871),o=i(31849);i(71428);var d=(0,i(31146).$)("39d6b3f63df4074c368e018ee84c0e367271be5b"),x=i(61298);function h(e){var t;let{product:i,open:h,onClose:m}=e,u=(0,s.useTranslations)("checkout"),p=(0,s.useTranslations)("products"),g=(0,s.useLocale)(),{user:f}=(0,x.a)(),[y,j]=(0,l.useState)(1),[b,v]=(0,l.useState)(""),[z,F]=(0,l.useState)(null),[S,N]=(0,l.useTransition)();if(!i)return null;let w=i.id.replace("4MAT_","").toLowerCase(),C=i.price*y,W=(null==f?void 0:f.email)||"",k=()=>{j(1),v(""),F(null),m()};return(0,n.jsxs)(r.Z,{open:h,onCancel:k,footer:null,centered:!0,width:480,destroyOnClose:!0,children:[(0,n.jsxs)("div",{className:"mb-6",children:[(0,n.jsx)("h2",{className:"text-2xl font-bold text-text-primary m-0",children:u("title",{name:p("".concat(w,".name"))})}),(0,n.jsx)("p",{className:"text-[15px] text-text-tertiary mt-1 mb-0",children:u("subtitle")}),!f&&(0,n.jsx)("p",{className:"text-xs text-brand mt-2 mb-0",children:u("memberNotice")})]}),(0,n.jsxs)("div",{className:"border-t border-border pt-5",children:[(0,n.jsxs)("div",{className:"mb-5",children:[(0,n.jsx)("label",{className:"block text-sm font-semibold text-text-secondary mb-1.5",children:u("quantity")}),(0,n.jsx)(a.Z,{min:1,max:100,value:y,onChange:e=>

1j(e||1),className:"w-full",size:"large"})]}),(0,n.jsxs)("div",{className:"mb-5",children:[(0,n.jsx)("label",{className:"block text-sm font-semibold text-text-secondary mb-1.5",children:u("email")}),f?(0,n.jsx)(c.Z,{value:W,disabled:!0,size:"large"}):(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(c.Z,{type:"email",value:b,onChange:e=>v(e.target.value),placeholder:u("emailPlaceholder"),size:"large"}),(0,n.jsx)("p",{className:"text-xs text-text-muted mt-1.5 mb-0",children:u("emailHint")})]})]}),z&&(0,n.jsx)("p",{className:"text-error text-[13px] mb-4",children:z})]}),(0,n.jsxs)("div",{className:"border-t border-border pt-5 flex items-center justify-between",children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{className:"text-[13px] text-text-tertiary m-0",children:u("total")}),(0,n.jsx)("p",{className:"text-[22px] font-bold text-text-primary m-0",children:(t=i.currency,new Intl.NumberFormat(g,{style:"currency",currency:t,minimumFractionDigits:0,maximumFractionDigits:"KRW"===t?0:2}).format(C))})]}),(0,n.jsxs)("div",{className:"flex gap-2",children:[(0,n.jsx)(o.ZP,{size:"large",onClick:k,children:u("cancel")}),(0,n.jsx)(o.ZP,{type:"primary",size:"large",loading:S,onClick:()=>{let e=f?W:b;if(!e||!e.includes("@")){F(u("emailRequired"));return}F(null),N(async()=>{try{let t=await d(i.variantId,e,y,null==f?void 0:f.id);window.location.href=t}catch(e){F(u("checkoutError"))}})},className:"!font-semibold",children:u("continue")})]})]})]})}},70181:function(e,t,i){"use strict";i.d(t,{e:function(){return s}});var n=i(24565);let l=null;function s(){return l||(l=(0,n.createBrowserClient)("https://vqkljvsdwealqxcgzeeq.supabase.co","eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6InZxa2xqdnNkd2VhbHF4Y2d6ZWVxIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NzE4MjM2NTUsImV4cCI6MjA4NzM5OTY1NX0.oxLKWsdQ1zUR7pDEo6FNsu0D3w_8O_954S7-uTnGfEk")),l}}},function(e){e.O(0,[157,366,565,720,752,406,653,788,871,962,335,649,945,744],function(){return e(e.s=48104)}),_N_E=e.O()}]);