"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[206],{4206:function(e,t,r){r.d(t,{aG:function(){return a},_Y:function(){return f},ko:function(){return m},_3:function(){return p},Cq:function(){return y},t6:function(){return v},HE:function(){return N},jq:function(){return _}});var l=r(57437),n=r(27648),a=e=>{let{title:t,paths:r,blurred:a}=e;return(0,l.jsxs)("div",{className:"breadcrumb-wrap relative",children:[!a&&(0,l.jsx)("div",{className:"breadcrumb-bg absolute left-0 top-0 h-full w-full"}),(0,l.jsx)("div",{className:"relative z-20 bg-grey-darken pt-[73px] ".concat(a?"bg-opacity-20":"bg-opacity-90"),children:(0,l.jsx)("div",{className:"container mx-auto",children:(0,l.jsxs)("div",{className:"breadcrumb py-16 text-center lg:py-20",children:[(0,l.jsx)("h2",{className:"capitalize text-primary",children:t}),Array.isArray(r)&&r.length&&(0,l.jsx)("ul",{className:"mb-0 inline-flex list-none flex-wrap justify-center gap-x-2 pl-0",children:r.map(e=>(0,l.jsx)("li",{className:"inline-block capitalize",children:e.link?(0,l.jsx)(n.default,{href:e.link,className:"text-heading hover:text-primary",children:e.name}):e.name},e.name))})]})})})]})},i=r(4027),s=r.n(i),o=r(33145),c=r(2265),d=r(83918),u=r(66474),h=r(46550),f=e=>{let{portfolio:{title_en:t,title_jp:r,subtitle_en:n,subtitle_jp:a,coverimage:i,imagegallery:f,videogallery:x,url:m}}=e,[p,b]=(0,c.useState)(!1),[g,y]=(0,c.useState)(!1),[j,v]=(0,c.useState)(h.ZP.language);return(0,c.useEffect)(()=>{let e=e=>v(e);return h.ZP.on("languageChanged",e),()=>h.ZP.off("languageChanged",e)},[]),(0,l.jsxs)("div",{className:"portfolio card hovercard group p-4 md:p-5",children:[(0,l.jsx)("div",{className:"portfolio-top relative overflow-hidden",children:(0,l.jsx)("div",{className:"portfolio-image fiximage blur-0 filter transition-all duration-500 group-hover:blur-[2px]",children:(0,l.jsx)(o.default,{loader:u.XI,unoptimized:!0,src:i,height:384,width:550,alt:"jp"===j?r:t,placeholder:"blur",blurDataURL:"data:image/svg+xml;base64,".concat((0,u.s3)((0,u.f8)(550,384)))})})}),(0,l.jsxs)("div",{className:"portfolio-content mt-4 cursor-pointer",children:[(0,l.jsx)("h5",{className:"mb-0",children:"jp"===j?r:t}),(0,l.jsx)("p",{children:"jp"===j?a:n})]}),f&&(0,l.jsx)(d.Z,{children:(0,l.jsx)(s(),{toggler:g,sources:f})}),x&&(0,l.jsx)(d.Z,{children:(0,l.jsx)(s(),{toggler:p,sources:x})})]})},x=r(60429),m=e=>{let{skill:{title:t,percentage:r}}=e;return(0,l.jsxs)("div",{className:"progress",children:[(0,l.jsxs)("h5",{children:[t," - ",(0,l.jsxs)("span",{className:"text-primary",children:["(",r,"%)"]})]}),(0,l.jsx)("div",{className:"progress-bar relative h-4 w-full rounded-full bg-primary bg-opacity-20",children:(0,l.jsx)(x.E.span,{initial:"hidden",whileInView:"visible",viewport:{once:!0},transition:{duration:1},variants:{visible:{scaleX:1,originX:0},hidden:{scaleX:0,originX:0}},className:"progress-progress absolute left-0 top-0 h-full rounded-full bg-primary",style:{width:"".concat(r,"%")}})})]})},p=e=>{let{skill:{title:t,percentage:r}}=e;return(0,l.jsxs)("div",{className:"circleprogress card hovercard relative p-4 text-center md:p-5",children:[(0,l.jsxs)("div",{className:"relative mb-2 inline-block text-primary",children:[(0,l.jsxs)(x.E.svg,{className:"circle",width:"120",height:"120",viewBox:"0 0 120 120",initial:"hidden",whileInView:"visible",viewport:{once:!0},children:[(0,l.jsx)(x.E.circle,{className:"circlebg",cx:"60",cy:"60",r:"54",pathLength:"1",strokeLinecap:"round",strokeWidth:12}),(0,l.jsx)(x.E.circle,{cx:"60",cy:"60",r:"54",strokeLinecap:"round",strokeWidth:12,variants:{hidden:{pathLength:0,opacity:0},visible:{pathLength:r/100,opacity:1}},transition:{duration:1}})]}),(0,l.jsxs)("span",{className:"absolute left-1/2 top-1/2 -translate-y-1/2 -translate-x-1/2 transform text-center text-xl text-body",children:[r,"%"]})]}),(0,l.jsx)("h5",{children:t})]})},b=r(82226),g=r(12505),y=e=>{let{review:t}=e,{isDark:r}=(0,b.bp)(),[n,a]=(0,c.useState)(g.Z.language);(0,c.useEffect)(()=>{let e=e=>a(e);return g.Z.on("languageChanged",e),()=>g.Z.off("languageChanged",e)},[]);let i=t["name_".concat(n)]||t.name_en||t.name,s=t["text_".concat(n)]||t.text_en||t.text,{meta:o}=t;return(0,l.jsxs)("div",{className:"review card mt-11 p-6 md:p-8 rounded-2xl shadow-xl transition-transform duration-200 hover:scale-[1.025] hover:shadow-2xl border border-gray-200/20 min-h-[320px] flex flex-col justify-between ".concat(r?"bg-[#23293a] border-[#2d3448]":"bg-white border-gray-100"),children:[(0,l.jsxs)("div",{children:[(0,l.jsx)("h5",{className:"mb-3 text-2xl font-semibold text-primary/90 tracking-tight dark:text-primary/90 text-primary",children:i}),(0,l.jsxs)("p",{className:"mb-3 text-sm ".concat(r?"text-gray-300":"text-gray-800"," flex items-center"),children:[(0,l.jsxs)("span",{className:"font-medium flex items-center",children:[(0,l.jsxs)("svg",{className:"inline-block mr-1 mb-0.5",width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:r?"#d1d5db":"#374151",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,l.jsx)("rect",{x:"3",y:"4",width:"18",height:"18",rx:"2"}),(0,l.jsx)("line",{x1:"16",y1:"2",x2:"16",y2:"6"}),(0,l.jsx)("line",{x1:"8",y1:"2",x2:"8",y2:"6"}),(0,l.jsx)("line",{x1:"3",y1:"10",x2:"21",y2:"10"})]}),"jp"===n?"日付 ー ":"Date - "]}),(0,l.jsx)("span",{className:"ml-2",children:o})]}),(0,l.jsxs)("p",{className:"mb-6 text-base leading-relaxed flex-1 ".concat(r?"text-gray-300":"text-gray-800"," flex items-start"),children:[(0,l.jsxs)("svg",{className:"inline-block mr-2 mb-1 flex-shrink-0",width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:r?"#d1d5db":"#374151",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,l.jsx)("path",{d:"M9 17H7a4 4 0 0 1 4-4V7a4 4 0 0 0-4 4v6a4 4 0 0 0 4 4z"}),(0,l.jsx)("path",{d:"M17 17h-2a4 4 0 0 1 4-4V7a4 4 0 0 0-4 4v6a4 4 0 0 0 4 4z"})]}),s]})]}),(0,l.jsx)("div",{className:"flex justify-end mt-4",children:(0,l.jsx)("button",{onClick:()=>{if(!t.certificateFile)return;let e=document.createElement("a");e.href="/certificates/".concat(t.certificateFile),e.download=t.certificateFile,document.body.appendChild(e),e.click(),document.body.removeChild(e)},className:"group relative inline-flex items-center justify-center h-12 w-12 rounded-full border-2 transition-all duration-200 shadow-lg focus:outline-none focus:ring-2 focus:ring-primary/40 hover:scale-110 hover:shadow-xl ".concat(r?"border-[#434b63] bg-[#23293a] hover:border-primary":"border-primary bg-gray-50 hover:border-primary"),title:"Download",children:(0,l.jsxs)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",className:"w-7 h-7 ".concat(r?"text-gray-300":"text-primary"," group-hover:text-primary"),xmlns:"http://www.w3.org/2000/svg",children:[(0,l.jsx)("path",{d:"M12 5v10",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,l.jsx)("path",{d:"M6 15l6 4 6-4",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"})]})})})]})},j=r(64349),v=e=>{let{service:{title:t,text:r,icon:n}}=e;return(0,l.jsxs)("div",{className:"service card hovercard relative overflow-hidden p-4 md:p-5",children:[(0,l.jsx)("span",{className:"service-icon mb-6 flex h-20 w-20 items-center justify-center overflow-hidden rounded-full bg-primary bg-opacity-10 p-5 text-4xl text-primary",children:(0,l.jsx)(j.Q,{className:"fill-current text-primary",src:n,beforeInjection:e=>{e.setAttribute("height","auto"),e.setAttribute("width","auto"),e.setAttribute("fill","currentColor")}})}),(0,l.jsx)("h5",{children:t}),(0,l.jsx)("p",{children:r})]})},w=r(43326),k=r(21151).LCd,N=e=>{let{data:t,rounded:r}=e;return t?(0,l.jsxs)("ul",{className:"mb-0 inline-flex list-none flex-wrap gap-3 pl-0 sm:gap-4",children:[t.facebook&&(0,l.jsx)("li",{className:"inline-block align-middle",children:(0,l.jsxs)("a",{href:t.facebook,target:"_blank",rel:"noopener noreferrer",className:"group relative inline-block h-10 w-10 overflow-hidden border border-white border-opacity-10 text-center align-middle text-lg leading-none text-body ".concat(r?"rounded-full":"rounded"),children:[(0,l.jsx)("span",{className:"front relative left-0 top-0 flex h-full w-full translate-y-0 transform items-center justify-center rounded bg-grey transition-all duration-500 group-hover:-translate-y-full",children:(0,l.jsx)(w.NqZ,{className:"inline-block"})}),(0,l.jsx)("span",{className:"back absolute left-0 top-0 flex h-full w-full translate-y-full items-center justify-center rounded bg-primary text-grey transition-all duration-500 group-hover:translate-y-0",children:(0,l.jsx)(w.NqZ,{className:"inline-block"})})]})}),t.twitter&&(0,l.jsx)("li",{className:"inline-block align-middle",children:(0,l.jsxs)("a",{href:t.twitter,target:"_blank",rel:"noopener noreferrer",className:"group relative inline-block h-10 w-10 overflow-hidden border border-white border-opacity-10 text-center align-middle text-lg leading-none text-body ".concat(r?"rounded-full":"rounded"),children:[(0,l.jsx)("span",{className:"front relative left-0 top-0 flex h-full w-full translate-y-0 transform items-center justify-center rounded bg-grey transition-all duration-500 group-hover:-translate-y-full",children:(0,l.jsx)(k,{className:"inline-block"})}),(0,l.jsx)("span",{className:"back absolute left-0 top-0 flex h-full w-full translate-y-full items-center justify-center rounded bg-primary text-grey transition-all duration-500 group-hover:translate-y-0",children:(0,l.jsx)(k,{className:"inline-block"})})]})}),t.github&&(0,l.jsx)("li",{className:"inline-block align-middle",children:(0,l.jsxs)("a",{href:t.github,target:"_blank",rel:"noopener noreferrer",className:"group relative inline-block h-10 w-10 overflow-hidden border border-white border-opacity-10 text-center align-middle text-lg leading-none text-body ".concat(r?"rounded-full":"rounded"),children:[(0,l.jsx)("span",{className:"front relative left-0 top-0 flex h-full w-full translate-y-0 transform items-center justify-center rounded bg-grey transition-all duration-500 group-hover:-translate-y-full",children:(0,l.jsx)(w.q7V,{className:"inline-block"})}),(0,l.jsx)("span",{className:"back absolute left-0 top-0 flex h-full w-full translate-y-full items-center justify-center rounded bg-primary text-grey transition-all duration-500 group-hover:translate-y-0",children:(0,l.jsx)(w.q7V,{className:"inline-block"})})]})}),t.linkedin&&(0,l.jsx)("li",{className:"inline-block align-middle",children:(0,l.jsxs)("a",{href:t.linkedin,target:"_blank",rel:"noopener noreferrer",className:"group relative inline-block h-10 w-10 overflow-hidden border border-white border-opacity-10 text-center align-middle text-lg leading-none text-body ".concat(r?"rounded-full":"rounded"),children:[(0,l.jsx)("span",{className:"front relative left-0 top-0 flex h-full w-full translate-y-0 transform items-center justify-center rounded bg-grey transition-all duration-500 group-hover:-translate-y-full",children:(0,l.jsx)(w.tsq,{className:"inline-block"})}),(0,l.jsx)("span",{className:"back absolute left-0 top-0 flex h-full w-full translate-y-full items-center justify-center rounded bg-primary text-grey transition-all duration-500 group-hover:translate-y-0",children:(0,l.jsx)(w.tsq,{className:"inline-block"})})]})}),t.dribbble&&(0,l.jsx)("li",{className:"inline-block align-middle",children:(0,l.jsxs)("a",{href:t.dribbble,target:"_blank",rel:"noopener noreferrer",className:"group relative inline-block h-10 w-10 overflow-hidden border border-white border-opacity-10 text-center align-middle text-lg leading-none text-body ".concat(r?"rounded-full":"rounded"),children:[(0,l.jsx)("span",{className:"front relative left-0 top-0 flex h-full w-full translate-y-0 transform items-center justify-center rounded bg-grey transition-all duration-500 group-hover:-translate-y-full",children:(0,l.jsx)(w.w6U,{className:"inline-block"})}),(0,l.jsx)("span",{className:"back absolute left-0 top-0 flex h-full w-full translate-y-full items-center justify-center rounded bg-primary text-grey transition-all duration-500 group-hover:translate-y-0",children:(0,l.jsx)(w.w6U,{className:"inline-block"})})]})})]}):null},_=e=>{let{timeline:{title:t,meta:r,text:n,year:a}}=e,{isDark:i}=(0,b.bp)();return(0,l.jsxs)("div",{className:"timeline relative block items-start rounded-full border-white border-opacity-20 first:mt-0 md:flex ".concat(i?"":"bg-[#f7f8fa]"),children:[(0,l.jsx)("span",{className:"timeline-year absolute top-0 left-12 mt-7 mr-12 min-w-[115px] rounded-full ".concat(i?"bg-primary bg-opacity-40 text-white":"bg-[#c3e6d4] text-gray-800"," p-1 text-center text-sm leading-none md:relative md:left-0"),children:a}),(0,l.jsxs)("div",{className:"timeline-right relative border-l-4 pt-16 pl-12 md:pt-6 ".concat(i?"border-white border-opacity-20":"border-gray-300"),children:[(0,l.jsxs)("span",{className:"absolute -left-0.5 top-0 mt-1 h-full w-0 rounded-full ".concat(i?"bg-white bg-opacity-20":"bg-gray-400"),children:[(0,l.jsx)("span",{className:"absolute left-0 top-6 z-10 inline-block h-6 w-6 -translate-x-1/2 transform rounded-full border-4 ".concat(i?"border-white border-opacity-20 bg-grey":"border-gray-400 bg-white")}),(0,l.jsx)("span",{className:"absolute left-0 right-full top-6 -z-10 mt-2.5 h-1 w-8 translate-x-0 transform rounded-full ".concat(i?"bg-white bg-opacity-20":"bg-gray-400"," md:left-1/2 md:w-20 md:-translate-x-1/2")})]}),(0,l.jsx)("h5",{className:"mb-0 text-primary",children:t}),(0,l.jsx)("p",{className:"mb-2 text-heading",children:r}),(0,l.jsx)("p",{children:n})]})]})}},82226:function(e,t,r){r.d(t,{bp:function(){return d},wI:function(){return c}});var l=r(57437),n=r(2265);let a={blurredBg:!1,isDark:!1},i=(0,n.createContext)(a),s=e=>({setBlurred:t=>e({type:"SET_BLURRED",payload:t}),setIsDark:t=>e({type:"SET_IS_DARK",payload:t})}),o=(e,t)=>{switch(t.type){case"SET_BLURRED":return localStorage.setItem("IS_BLURRED",t.payload),{...e,blurredBg:t.payload};case"SET_IS_DARK":return{...e,isDark:t.payload};default:return e}},c=e=>{let{children:t}=e,[r,c]=(0,n.useReducer)(o,a),d=s(c);return(0,l.jsx)(i.Provider,{value:{...r,...d},children:t})},d=()=>(0,n.useContext)(i)},12505:function(e,t,r){var l=r(46550),n=r(43949),a=r(53690);l.ZP.isInitialized||l.ZP.use(a.Z).use(n.Db).init({lng:"en",fallbackLng:"en",debug:!1,ns:["common"],defaultNS:"common",backend:{loadPath:"/locales/{{lng}}/{{ns}}.json"},interpolation:{escapeValue:!1},react:{useSuspense:!1}}),t.Z=l.ZP},66474:function(e,t,r){r.d(t,{XI:function(){return a},f8:function(){return l},s3:function(){return n}});let l=(e,t)=>'\n<svg width="'.concat(e,'" height="').concat(t,'" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\n    <defs>\n        <linearGradient id="g">\n            <stop stop-color="#ededed" offset="20%" />\n            <stop stop-color="#e5e5e5" offset="50%" />\n            <stop stop-color="#dadada" offset="70%" />\n        </linearGradient>\n    </defs>\n    <rect width="').concat(e,'" height="').concat(t,'" fill="#1a2c38" />\n    <rect id="r" width="').concat(e,'" height="').concat(t,'" fill="url(#g)" fill-opacity="0.1" />\n    <animate xlink:href="#r" attributeName="x" from="-').concat(e,'" to="').concat(e,'" dur="1s" repeatCount="indefinite"  />\n</svg>'),n=e=>window.btoa(e),a=e=>e}}]);