https://jp-corporate.vercel.app/_next/static/chunks/5005.514312bd5d0f6045.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5005],{7386:(e,t,l)=>{l.r(t),l.d(t,{CTASection:()=>y});var a=l(7876),i=l(4232),s=l(8037);let n={cards:"grid",list:"flex flex-col",masonry:"columns-1 sm:columns-2 lg:columns-3 space-y-4",custom:""};function r(e){let{children:t,className:l,cols:i={default:1,md:2,lg:3},gap:r=6,variant:o="cards",fullWidth:c=!1,centered:d=!0}=e,m="cards"===o?[i.default&&`grid-cols-${i.default}`,i.sm&&`sm:grid-cols-${i.sm}`,i.md&&`md:grid-cols-${i.md}`,i.lg&&`lg:grid-cols-${i.lg}`,i.xl&&`xl:grid-cols-${i.xl}`].filter(Boolean).join(" "):"",g="number"==typeof r?`gap-${r}`:[r.default&&`gap-${r.default}`,r.sm&&`sm:gap-${r.sm}`,r.md&&`md:gap-${r.md}`,r.lg&&`lg:gap-${r.lg}`,r.xl&&`xl:gap-${r.xl}`].filter(Boolean).join(" "),u=(0,s.cn)(n[o],"cards"===o&&m,"masonry"!==o&&g,!c&&d&&"mx-auto",l);return(0,a.jsx)("div",{className:u,children:t})}let o={ctaCards:{variant:"cards",cols:{default:1,md:3},gap:{default:4,md:0}}};var c=l(8230),d=l.n(c),m=l(671);let g={Acsim:{color:"#21358c",spotlight:"rgba(33, 53, 140, 0.35)"},Giselle:{color:"#0066ff",spotlight:"rgba(0, 102, 255, 0.35)"},Liam:{color:"#00d664",spotlight:"rgba(0, 214, 100, 0.35)"}},u=e=>e in g?g[e]:g.Acsim,x=(0,i.memo)(e=>{let{item:t,className:l}=e,n=(0,i.useRef)(null),[r,o]=(0,i.useState)({x:0,y:0}),[c,g]=(0,i.useState)(0),[x,p]=(0,i.useState)(!1),{color:f,spotlight:h}=u(t.variant);return(0,a.jsx)(d(),{href:t.ctaLink??"/jp/contact",target:"_blank",rel:"noopener noreferrer",className:"block h-full",children:(0,a.jsxs)("div",{ref:n,onMouseMove:e=>{if(!n.current)return;let t=n.current.getBoundingClientRect();o({x:e.clientX-t.left,y:e.clientY-t.top})},onMouseEnter:()=>{g(1),p(!0)},onMouseLeave:()=>{g(0),p(!1)},className:(0,s.cn)("relative flex flex-col gap-6 sm:gap-12 lg:gap-20 p-4 sm:p-6 lg:p-10 group transition-colors duration-500 ease-in-out h-full cursor-pointer","bg-white lg:bg-brand-gray lg:hover:bg-white",l),style:{"--variant-color":f},children:[(0,a.jsx)("div",{className:"pointer-events-none absolute inset-x-0 -top-[1px] h-[1px] transition-all duration-300",style:{zIndex:5,backgroundColor:f,opacity:+!!x,visibility:x?"visible":"hidden"}}),(0,a.jsx)("div",{className:"pointer-events-none absolute inset-x-0 -bottom-[1px] h-[1px] transition-all duration-300",style:{zIndex:5,backgroundColor:f,opacity:+!!x,visibility:x?"visible":"hidden"}}),(0,a.jsx)("div",{className:"pointer-events-none absolute inset-0 transition-opacity duration-500",style:{opacity:c,background:`radial-gradient(circle at ${r.x}px ${r.y}px, ${h} 0%, transparent 70%)`}}),(0,a.jsx)("div",{className:"flex flex-col gap-2 sm:gap-3 min-h-[80px] sm:min-h-[120px] lg:min-h-[160px]",children:t.roles.map(e=>(0,a.jsx)("div",{className:"text-sm sm:text-base font-semibold text-zinc-800",children:e},e))}),(0,a.jsxs)("div",{className:"flex flex-col gap-3 sm:gap-6",children:[(0,a.jsx)("p",{className:"text-xl sm:text-2xl lg:text-3xl font-medium leading-7 sm:leading-9 lg:leading-10 tracking-wide text-zinc-800 whitespace-pre-line",children:t.title}),(0,a.jsx)("p",{className:"text-base sm:text-lg lg:text-xl leading-relaxed tracking-tight text-zinc-800",children:t.description})]}),(0,a.jsx)("div",{className:"flex mt-auto",children:(0,a.jsx)("div",{className:(0,s.cn)("relative overflow-hidden flex-1 py-3 sm:py-4 lg:py-5 rounded-full outline outline-1 flex items-center justify-center text-base sm:text-lg md:text-xl lg:text-2xl font-medium transition-colors duration-250 pointer-events-none","bg-[var(--variant-color)] lg:bg-transparent lg:group-hover:bg-[var(--variant-color)]","outline-[var(--variant-color)] lg:outline-black lg:group-hover:outline-[var(--variant-color)]",!t.ctaLink&&"cursor-not-allowed opacity-75"),children:(0,a.jsxs)("span",{className:"relative z-10 text-white lg:text-black transition-all duration-300 lg:group-hover:text-transparent lg:group-hover:bg-[linear-gradient(120deg,#ffffff_40%,#d9d9d9_50%,#ffffff_60%)] lg:group-hover:bg-[length:250%_100%] lg:group-hover:bg-clip-text lg:group-hover:animate-shine-smooth inline-flex items-center gap-2",children:[t.ctaText,(0,a.jsx)(m.p,{size:16,className:"text-white lg:text-black lg:group-hover:text-white transition-colors duration-300"})]})})})]})})});var p=l(5610),f=l(8577),h=l(4301),v=l(4875),b=l(4042);let j=e=>[{variant:"Acsim",roles:["プロジェクトマネージャー","ITコンサルタント","セールス","システムエンジニア","プロダクトマネージャー"],title:"要件設計を\n成功させたい",description:"コンサルティングやソリューション提案を力を上げる",ctaText:"Acsim",ctaLink:`https://docs.acsim.app/?utm_source=route06com-jp&utm_medium=${e}`},{variant:"Giselle",roles:["プロダクトマネージャー","UX/UXデザイナー","ソフトウェアエンジニア"],title:"少人数で\nスケールさせたい",description:"コンサルティングやソリューション提案を力を上げる",ctaText:"Giselle",ctaLink:`https://giselles.ai/?utm_source=route06com-jp&utm_medium=${e}`},{variant:"Liam",roles:["プロダクトマネージャー","UX/UXデザイナー","ソフトウェアエンジニア"],title:"新しい開発プロセスを\n作りたい",description:"コンサルティングやソリューション提案を力を上げる",ctaText:"Liam",ctaLink:`https://liambx.com/?utm_source=route06com-jp&utm_medium=${e}`}];function y(e){let{className:t,items:l,sectionName:i="cta-section"}=e,{scrollDistance:n,scrollDuration:c}=(0,h.vW)(),d=j(i),m=l?.map(e=>({...e,ctaLink:e.ctaLink||e.link}));return(0,a.jsxs)(b.w,{className:(0,s.cn)("bg-secondary","py-12 sm:py-16 md:py-24",t),containerClassName:(0,v.AY)("full"),children:[(0,a.jsx)("div",{className:"mb-4 sm:mb-6 md:mb-8",children:(0,a.jsx)(f.e,{text:"プロダクト紹介",variant:"outline",className:"ml-0",labelClassName:"text-gray-800 border-gray-800"})}),(0,a.jsx)(p.d,{direction:"up",duration:c,distance:n,children:(0,a.jsx)(r,{...o.ctaCards,className:"w-full",fullWidth:!0,children:(m||d).map(e=>(0,a.jsx)(x,{item:e},e.variant))})})]})}}}]);