https://www.hashup.co.jp/_next/static/chunks/pages/contact-296f7a4dcd5c1bba.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[364],{5421:(e,a,s)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/contact",function(){return s(7793)}])},5115:(e,a,s)=>{"use strict";s.d(a,{i:()=>l});var t=s(4848),r=s(2019);let l=e=>{let{children:a,className:s,disableAnimation:l=!1}=e;return l?(0,t.jsx)("div",{className:"".concat(s),children:a}):(0,t.jsx)(r.P.div,{className:"".concat(s),initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0,amount:.1},transition:{duration:.4,delay:.5,ease:"easeOut"},children:a})}},9726:(e,a,s)=>{"use strict";s.d(a,{n:()=>r});var t=s(4848);let r=e=>{let{className:a,children:s}=e;return(0,t.jsx)("div",{className:"container mx-auto px-6 md:px-8 grid gap-8 ".concat(a),children:s})}},3488:(e,a,s)=>{"use strict";s.d(a,{X:()=>n});var t=s(4848),r=s(2019),l=s(6540),i=s(3744);let n=e=>{let{title:a,children:s,description:n,className:d,variant:c}=e,[o,m]=(0,l.useState)(!1),x="";return x="inverted"===c?"bg-slate-100/30 before:text-slate-100/30":"bg-slate-600/40 before:text-slate-600/40",(0,t.jsxs)("div",{className:"grid gap-4",children:[(0,t.jsxs)(r.P.div,{className:"relative ".concat(d),initial:{opacity:0,x:-30},whileInView:{opacity:1,x:0},viewport:{once:!0,amount:.3},transition:{duration:.2,ease:"easeOut"},onAnimationComplete:()=>m(!0),children:[s?(0,t.jsx)("div",{className:"text-2xl sm:text-3xl font-bold pl-2 sm:pl-0",children:s}):(0,t.jsx)("h2",{className:"text-2xl sm:text-3xl font-bold pl-2 sm:pl-0",children:a}),(0,t.jsxs)(r.P.div,{className:"absolute top-0 left-0 h-full",initial:{opacity:0,scaleX:0},whileInView:{opacity:1,scaleX:1},viewport:{once:!0,amount:.3},transition:{duration:.2,delay:0,ease:"easeOut"},children:[(0,t.jsx)("div",{className:"absolute top-1/2 right-2 sm:right-5 w-[3000px] h-[1px] origin-left ".concat(x)}),(0,t.jsx)(r.P.div,{className:"absolute top-1/2 right-2 sm:right-5 -mt-3 -mr-3",initial:{opacity:0}

1,whileInView:{opacity:1},viewport:{once:!0,amount:.3},transition:{duration:.2,delay:.4},children:(0,t.jsx)(i.G,{className:"text-xl leading-none",variant:c,shouldStart:o})})]})]}),n&&(0,t.jsx)(r.P.div,{initial:{opacity:0},whileInView:{opacity:1},viewport:{once:!0,amount:.3},transition:{duration:.3,delay:.3,ease:"easeOut"},children:n})]})}},5750:(e,a,s)=>{"use strict";s.d(a,{w:()=>r});var t=s(4848);let r=e=>{let{id:a,children:s,className:r,variant:l="default"}=e,i="";switch(l){case"inverted":i="bg-slate-700 text-white";break;case"muted":i="bg-slate-100 text-slate-800";break;default:i="bg-none text-black"}return(0,t.jsx)("div",{id:a,className:"w-full py-16 sm:py-24 ".concat(i," ").concat(r),children:s})}},7793:(e,a,s)=>{"use strict";s.r(a),s.d(a,{default:()=>D});var t=s(4848),r=s(9748),l=s(6540),i=s(780);let n=l.forwardRef((e,a)=>{let{className:s,...r}=e;return(0,t.jsx)("div",{ref:a,className:(0,i.cn)("rounded-xl border bg-card text-card-foreground shadow",s),...r})});n.displayName="Card";let d=l.forwardRef((e,a)=>{let{className:s,...r}=e;return(0,t.jsx)("div",{ref:a,className:(0,i.cn)("flex flex-col space-y-1.5 p-6",s),...r})});d.displayName="CardHeader";let c=l.forwardRef((e,a)=>{let{className:s,...r}=e;return(0,t.jsx)("div",{ref:a,className:(0,i.cn)("font-semibold leading-none tracking-tight",s),...r})});c.displayName="CardTitle";let o=l.forwardRef((e,a)=>{let{className:s,...r}=e;return(0,t.jsx)("div",{ref:a,className:(0,i.cn)("text-sm text-muted-foreground",s),...r})});o.displayName="CardDescription";let m=l.forwardRef((e,a)=>{let{className:s,...r}=e;return(0,t.jsx)("div",{ref:a,className:(0,i.cn)("p-6 pt-0",s),...r})});m.displayName="CardContent",l.forwardRef((e,a)=>{let{className:s,...r}=e;return(0,t.jsx)("div",{ref:a,className:(0,i.cn)("flex items-center p-6 pt-0",s),...r})}).displayName="CardFooter";let x=l.forwardRef((e,a)=>{let{className:s,type:r,...l}=e;return(0,t.jsx)("input",{type:r,className:(0,i.cn)("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",s),ref:a,...l})});x.displayName="Input";var p=s(5920);let u=(0,s(2732).F)("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),h=l.forwardRef((e,a)=>{let{className:s,...r}=e;return(0,t.jsx)(p.b,{ref:a,className:(0,i.cn)(u(),s),...r})});h.displayName=p.b.displayName;var f=s(3228),j=s(9664),N=s(3877),g=s(8404);let y=f.bL;f.YJ;let w=f.WT,v=l.forwardRef((e,a)=>{let{className:s,children:r,...l}=e;return(0,t.jsxs)(f.l9,{ref:a,className:(0,i.cn)("flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",s),...l,children:[r,(0,t.jsx)(f.In,{asChild:!0,children:(0,t.jsx)(j.A,{className:"h-4 w-4 opacity-50"})})]})});v.displayName=f.l9.displayName;let b=l.forwardRef((e,a)=>{let{className:s,...r}=e;return(0,t.jsx)(f.PP,{ref:a,className:(0,i.cn)("flex cursor-default items-center justify-center py-1",s),...r,children:(0,t.jsx)(N.A,{className:"h-4 w-4"})})});b.displayName=f.PP.displayName;let _=l.forwardRef((e,a)=>{let{className:s,...r}=e;return(0,t.jsx)(f.wn,{ref:a,className:(0,i.cn)("flex cursor-default items-center justify-center py-1",s),...r,children:(0,t.jsx)(j.A,{className:"h-4 w-4"})})});_.displayName=f.wn.displayName;let C=l.forwardRef((e,a)=>{let{className:s,children:r,position:l="popper",...n}=e;return(0,t.jsx)(f.ZL,{children:(0,t.jsxs)(f.UC,{ref:a,className:(0,i.cn)("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:sli

1de-in-from-left-2 data-[side=top]:slide-in-from-bottom-2","popper"===l&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",s),position:l,...n,children:[(0,t.jsx)(b,{}),(0,t.jsx)(f.LM,{className:(0,i.cn)("p-1","popper"===l&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),children:r}),(0,t.jsx)(_,{})]})})});C.displayName=f.UC.displayName,l.forwardRef((e,a)=>{let{className:s,...r}=e;return(0,t.jsx)(f.JU,{ref:a,className:(0,i.cn)("px-2 py-1.5 text-sm font-semibold",s),...r})}).displayName=f.JU.displayName;let R=l.forwardRef((e,a)=>{let{className:s,children:r,...l}=e;return(0,t.jsxs)(f.q7,{ref:a,className:(0,i.cn)("relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",s),...l,children:[(0,t.jsx)("span",{className:"absolute right-2 flex h-3.5 w-3.5 items-center justify-center",children:(0,t.jsx)(f.VF,{children:(0,t.jsx)(g.A,{className:"h-4 w-4"})})}),(0,t.jsx)(f.p4,{children:r})]})});R.displayName=f.q7.displayName,l.forwardRef((e,a)=>{let{className:s,...r}=e;return(0,t.jsx)(f.wv,{ref:a,className:(0,i.cn)("-mx-1 my-1 h-px bg-muted",s),...r})}).displayName=f.wv.displayName;let k=l.forwardRef((e,a)=>{let{className:s,...r}=e;return(0,t.jsx)("textarea",{className:(0,i.cn)("flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",s),ref:a,...r})});k.displayName="Textarea";var A=s(3869),I=s(5973),P=s(5044),F=s(9306),S=s(9785),T=s(2664);let E=T.Ik().shape({name:T.Yj().required("お名前は必須です"),company_name:T.Yj().required("会社名は必須です"),email:T.Yj().email("有効なメールアドレスを入力してください").required("メールアドレスは必須です"),subject:T.Yj().required("お問い合わせ内容を選択してください"),message:T.Yj().min(10,"メッセージは10文字以上で入力してください").required("メッセージは必須です")}),L=e=>{let{className:a}=e,{register:s,handleSubmit:i,setValue:p,formState:{errors:u,isSubmitSuccessful:f,isSubmitting:j},reset:N,setError:g}=(0,S.mN)({resolver:(0,I.t)(E)}),[b,_]=(0,l.useState)(null),T=(0,l.useRef)(null),[L,O]=(0,l.useState)(null),X=async e=>{var a,s;if(!L){alert("reCAPTCHA 認証に失敗しました。");return}try{let s=await fetch("".concat(A.xE,"/contacts/"),{method:"POST",headers:{"Content-Type":"application/json","recaptcha-token":"".concat(L)},body:JSON.stringify({...e})}),t=await s.json();if(200!==s.status){if(422===s.status)return console.error("error result:",t),g("root",{message:"入力内容に誤りがあります(文字数などをご確認ください)。"}),!1;if("detail"in t)return g("root",{type:"manual",message:String(t.detail)}),!1;throw console.error("error result:",t),Error(t)}if(void 0===t.contact_id)throw Error("contact_id is not found");_(t.contact_id),N(),null===(a=T.current)||void 0===a||a.reset(),O(null)}catch(e){return console.error(e),g("root",{type:"manual",message:"送信に失敗しました。 お手数ですが、office [at] hashup.co.jp まで直接ご連絡ください。"}),!1}finally{O(null),null===(s=T.current)||void 0===s||s.reset()}};return(0,t.jsx)(n,{className:"".concat(a),children:f?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(d,{className:"text-center",children:[(0,t.jsx)(c,{className:"text-xl",children:"お問い合わせいただきありがとうございました。"}),(0,t.jsx)(o,{children:"担当者から折り返しご連絡いたします。"})]}),(0,t.jsxs)(m,{className:"flex flex-col gap-4 items-center",children:[b&&(0,t.jsxs)("div",{className:"text-center text-sm border rounded-sm py-1 px-2 border-dashed",children:["お問い合わせID:"," ",(0,t.jsx)("span",{className:"text-primary font-mono",children:b})]}

1),(0,t.jsx)("img",{src:"/rakuda_smile.svg",alt:"Thank you",className:"mx-auto w-20"})]})]}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(d,{className:"",children:[(0,t.jsx)(c,{className:"text-xl",children:"問い合わせフォーム"}),(0,t.jsx)(o,{children:"下記のフォームに入力して送信してください"})]}),(0,t.jsx)(m,{children:(0,t.jsx)("form",{onSubmit:i(X),children:(0,t.jsxs)("div",{className:"grid gap-6",children:[(0,t.jsxs)("div",{className:"grid gap-2",children:[(0,t.jsx)(h,{htmlFor:"name",children:"お名前"}),(0,t.jsx)(x,{id:"name",type:"text",placeholder:"例: 山田太郎",className:"placeholder:opacity-20",...s("name")}),u.name&&(0,t.jsx)("p",{className:"text-destructive text-sm",children:u.name.message})]}),(0,t.jsxs)("div",{className:"grid gap-2",children:[(0,t.jsx)(h,{htmlFor:"company_name",children:"会社名"}),(0,t.jsx)(x,{id:"company_name",type:"text",placeholder:"例: 株式会社Hashup",className:"placeholder:opacity-20",...s("company_name")}),u.company_name&&(0,t.jsx)("p",{className:"text-destructive text-sm",children:u.company_name.message})]}),(0,t.jsxs)("div",{className:"grid gap-2",children:[(0,t.jsx)(h,{htmlFor:"email",children:"メールアドレス"}),(0,t.jsx)(x,{id:"email",type:"email",placeholder:"[email protected]",className:"placeholder:opacity-20",...s("email")}),u.email&&(0,t.jsx)("p",{className:"text-destructive text-sm",children:u.email.message})]}),(0,t.jsxs)("div",{className:"grid gap-2",children:[(0,t.jsx)(h,{htmlFor:"subject",children:"お問い合わせ内容"}),(0,t.jsxs)(y,{onValueChange:e=>p("subject",e),children:[(0,t.jsx)(v,{className:"w-full",children:(0,t.jsx)(w,{placeholder:"お問い合わせ内容を選択してください"})}),(0,t.jsxs)(C,{children:[(0,t.jsx)(R,{value:"データ分析のご相談",children:"データ分析のご相談"}),(0,t.jsx)(R,{value:"DXやAI開発に関するお問い合わせ",children:"DXやAI開発に関するお問い合わせ"}),(0,t.jsx)(R,{value:"楽単らくだスポンサーに関するお問い合わせ",children:"楽単らくだスポンサーに関するお問い合わせ"}),(0,t.jsx)(R,{value:"講演会・セミナーに関するお問い合わせ",children:"講演会・セミナーに関するお問い合わせ"}),(0,t.jsx)(R,{value:"営業のご希望",children:"営業のご希望"}),(0,t.jsx)(R,{value:"取材のご希望",children:"取材のご希望"}),(0,t.jsx)(R,{value:"その他",children:"その他"})]})]}),u.subject&&(0,t.jsx)("p",{className:"text-destructive text-sm",children:u.subject.message})]}),(0,t.jsxs)("div",{className:"grid gap-2",children:[(0,t.jsx)(h,{htmlFor:"message",children:"メッセージ本文"}),(0,t.jsx)(k,{id:"message",rows:4,placeholder:"お問い合わせ内容を詳しくご記入ください",className:"placeholder:opacity-20",...s("message")}),u.message&&(0,t.jsx)("p",{className:"text-destructive text-sm",children:u.message.message})]}),(0,t.jsx)("div",{className:"flex justify-center",children:(0,t.jsx)(F.A,{ref:T,sitekey:A._A,onChange:e=>{O(e)}})}),u.root&&(0,t.jsx)("p",{className:"text-destructive text-sm",children:u.root.message}),(0,t.jsxs)(r.$,{type:"submit",className:"w-full mt-4",size:"lg",disabled:j||!L,children:[j?"送信中...":"送信",(0,t.jsx)(P.A,{className:"ml-0"})]})]})})})]})})},O=e=>{let{className:a,fill:s="#000"}=e;return(0,t.jsx)("svg",{className:a,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 100 75.05",children:(0,t.jsx)("path",{fill:s,d:"M100,33.57l-5.26-3.95-5.26,3.95L55.26,7.9l5.26-3.95-5.26-3.95-5.26,3.95L44.91.13h0l-.18-.13-5.26,3.95,5.26,3.95L10.53,33.57l-5.26-3.95-5.26,3.95,5.26,3.95-5.26,3.95,5.26,3.95,5.26-3.95,34.21,25.67-5.26,3.95,5.26,3.95.18-.13h0l5.09-3.82,5.26,3.95,5.26-3.95-5.26-3.95,34.21-25.67,5.26,3.95,5.26-3.95-5.26-3.95,5.26-3.95ZM15.79,37.52L50,11.85l34.21,25.67-34.21,25.67L15.79,37.52ZM68.42,41.47l-15.25-11.45-.04,22.93h0l-6.32-.05.05-22.89-15.27,11.46-5.26-3.95,23.68-17.77,23.68,17.77-5.26,3.95Z"})})};var X=s(3711),q=s(5750),V=s(5115),Y=s(9726),z=s(3488);let D=()=>(0,t.jsxs)("div",{children:[(0,t.jsx)(X.i,{title:"お問い合わせ",description:"株式会社Hashupへのお問い合わせページです。生成AI・機械学習を活用したシステム開発やAIセミナー・研修に関するご相談は、こちらのフォームからお気軽にご連絡ください。"}),(0,t.jsxs)(q.w,{className:"relative overflow-hidden",children:[(0,t.jsx)(O,{className:"absolute top-0 opacity-5"}),(0,t.jsxs)(Y.n,{children:[(0,t.jsx)(z.X,{title:"お問い合わせ"}),(0,t.jsx)(V.i,{className:"flex -mx-2 lg:mx-0",children:(0,t.jsx)(L,{className:"w-full lg:w-1/2 z-10"})})]})]})]})}},e=>{var a=a=>e(e.s=a);e.O(0,[966,636,593,792],()=>a(5421)),_N_E=e.O()}]);