https://yapodu.co.jp/_next/static/chunks/app/contact/page-848c9617492d42a8.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[977],{787:(e,t,s)=>{"use strict";s.d(t,{default:()=>c});var r=s(5155),l=s(2115),n=s(6874),o=s.n(n);let a=e=>{let{isOpen:t,onClose:s}=e;return((0,l.useEffect)(()=>{let e=e=>{"Escape"===e.key&&s()};return window.addEventListener("keydown",e),t&&(document.body.style.overflow="hidden"),()=>{window.removeEventListener("keydown",e),document.body.style.overflow=""}},[t,s]),t)?(0,r.jsxs)("div",{className:"fixed inset-0 z-50 bg-white",children:[(0,r.jsxs)("div",{className:"container mx-auto px-4 py-4 flex justify-between items-center",children:[(0,r.jsx)(o(),{href:"/",className:"flex items-center",onClick:s,children:(0,r.jsx)("span",{className:"text-xl font-bold text-blue-600",children:"YPD Cloud"})}),(0,r.jsx)("button",{className:"text-gray-700 hover:text-blue-600 focus:outline-none",onClick:s,children:(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-6 w-6",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})})]}),(0,r.jsxs)("nav",{className:"container mx-auto px-4 py-8",children:[(0,r.jsxs)("ul",{className:"space-y-6",children:[(0,r.jsx)("li",{children:(0,r.jsx)(o(),{href:"/",className:"text-2xl font-medium text-gray-700 hover:text-blue-600 transition-colors block",onClick:s,children:"ホーム"})}),(0,r.jsx)("li",{children:(0,r.jsx)(o(),{href:"/about",className:"text-2xl font-medium text-gray-700 hover:text-blue-600 transition-colors block",onClick:s,children:"会社概要"})}),(0,r.jsx)("li",{children:(0,r.jsx)(o(),{href:"/ai",className:"text-2xl font-medium text-gray-700 hover:text-blue-600 transition-colors block",onClick:s,children:"AI"})}),(0,r.jsx)("li",{children:(0,r.jsx)(o(),{href:"/services",className:"text-2xl font-medium text-gray-700 hover:text-blue-600 transition-colors block",onClick:s,children:"クラウド&インフラ"})}),(0,r.jsx)("li",{children:(0,r.jsx)(o(),{href:"http://blog.yapodu.co.jp/",className:"text-2xl font-medium text-gray-700 hover:text-blue-600 transition-colors block",onClick:s,target:"_blank",rel:"noopener noreferrer",children:"Techブログ"})})]}),(0,r.jsx)("div",{className:"mt-12",children:(0,r.jsx)(o(),{href:"/contact",className:"bg-blue-600 text-white px-6 py-3 rounded-md hover:bg-blue-700 transition-colors inline-block w-full text-center",onClick:s,children:"お問い合わせ"})})]})]}):null},c=()=>{let[e,t]=(0,l.useState)(!1);return(0,r.jsx)("header",{className:"fixed top-0 left-0 w-full bg-white shadow-md z-50",children:(0,r.jsxs)("div",{className:"container mx-auto px-4 py-4 flex justify-between items-center",children:[(0,r.jsx)(o(),{href:"/",className:"flex items-center",children:(0,r.jsx)("span",{className:"text-xl font-bold text-blue-600",children:"Yapodu"})}),(0,r.jsxs)("nav",{className:"hidden md:flex space-x-8",children:[(0,r.jsx)(o(),{href:"/",className:"text-gray-700 hover:text-blue-600 transition-colors",children:"ホーム"}),(0,r.jsx)(o(),{href:"/about",className:"text-gray-700 hover:text-blue-600 transition-colors",children:"会社概要"}),(0,r.jsx)(o(),{href:"/ai",className:"text-gray-700 hover:text-blue-600 transition-colors",children:"AI"}),(0,r.jsx)(o(),{href:"/services",className:"text-gray-700 hover:text-blue-600 transition-colors",children:"クラウド&インフラ"}),(0,r.jsx)(o(),{href:"http://blog.yapodu.co.jp/",className:"text-gray-700 hover:text-blue-600 transition-colors",target:"_blank",rel:"noopener noreferrer",children:"Techブログ"})]}),(0,r.jsx)("div",{className:"md:hidden",children:(0,r.jsx)("button",{className:"text-gray-700 hover:text-blue-600 focus:outline-none",onClick:()=>t(!0),children:(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",className:"h-6 w-6",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 6h16M4 12h16M4 18h16"})})})}),(0,r.jsx)(a,{isOpen:e,onClose:()=>t(!1)}),(0,r.jsx)("div",{className:"hidden md:block",children:(0,r.jsx)(o(),{href:"/contact",className:"bg-blue-600 text-white px-4 py-2 rounded-md hover:bg-blue-700 transition-colors",children:"お問い合わせ"})})]})})}},1694:(e,t,s)=>{Promise.resolve().then(s.t.bind(s,6874,23)),Promise.resolve().then(s.bind(s,2751)),Promise.resolve().then(s.bind(s,787))},2751:(e,t,s)=>{"use strict";s.d(t,{default:()=>n});var r=s(5155),l=s(2115);let n=()=>{let[e,t]=(0,l.useState)(!1),[s,n]=(0,l.useState)({name:"",company:"",email:"",ph

1one:"",subject:"",message:""}),[o,a]=(0,l.useState)({}),c=e=>{let{name:t,value:s}=e.target,r={お名前:"name",会社名:"company",メールアドレス:"email",電話番号:"phone",お問い合わせ内容:"subject",メッセージ:"message"}[t]||t;n(e=>({...e,[r]:s})),o[r]&&a(e=>{let t={...e};return delete t[r],t})};(0,l.useEffect)(()=>{if(document.querySelector('script[src="https://www.google.com/recaptcha/api.js"]')){t(!0);return}let e=document.createElement("script");return e.src="https://www.google.com/recaptcha/api.js",e.async=!0,e.defer=!0,e.onload=()=>t(!0),document.head.appendChild(e),()=>{document.querySelector('script[src="https://www.google.com/recaptcha/api.js"]')&&document.head.removeChild(document.querySelector('script[src="https://www.google.com/recaptcha/api.js"]'))}},[]),(0,l.useEffect)(()=>{window.onSubmit=e=>{if(i()){let e=document.getElementById("contact-form");null==e||e.submit()}}},[s]);let i=()=>{let e={};return s.name.trim()||(e.name="お名前を入力してください"),s.email.trim()?/\S+@\S+\.\S+/.test(s.email)||(e.email="有効なメールアドレスを入力してください"):e.email="メールアドレスを入力してください",s.subject||(e.subject="お問い合わせ内容を選択してください"),s.message.trim()||(e.message="メッセージを入力してください"),a(e),0===Object.keys(e).length};return(0,r.jsxs)("form",{id:"contact-form",action:"https://ssgform.com/s/EDrla4KMoYRr",method:"post",className:"space-y-6",children:[(0,r.jsxs)("div",{className:"bg-yellow-50 border border-yellow-300 rounded-md p-4 text-sm text-gray-700",children:[(0,r.jsx)("p",{className:"font-semibold text-gray-800 mb-1",children:"営業・勧誘目的のお問い合わせはお断りしております"}),(0,r.jsx)("p",{children:"営業代行、広告、人材紹介、各種サービスのご提案など、営業・勧誘を目的としたフォームのご利用はご遠慮ください。 送信いただいた場合も返信はいたしかねます。"})]}),(0,r.jsxs)("div",{className:"grid md:grid-cols-2 gap-6",children:[(0,r.jsxs)("div",{children:[(0,r.jsxs)("label",{htmlFor:"name",className:"block text-gray-700 font-medium mb-2",children:["お名前 ",(0,r.jsx)("span",{className:"text-red-500",children:"*"})]}),(0,r.jsx)("input",{type:"text",id:"name",name:"お名前",value:s.name,onChange:c,required:!0,className:"w-full px-4 py-3 border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ".concat(o.name?"border-red-500":"border-gray-300")}),o.name&&(0,r.jsx)("p",{className:"text-red-500 text-sm mt-1",children:o.name})]}),(0,r.jsxs)("div",{children:[(0,r.jsx)("label",{htmlFor:"company",className:"block text-gray-700 font-medium mb-2",children:"会社名"}),(0,r.jsx)("input",{type:"text",id:"company",name:"会社名",value:s.company,onChange:c,className:"w-full px-4 py-3 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"})]})]}),(0,r.jsxs)("div",{className:"grid md:grid-cols-2 gap-6",children:[(0,r.jsxs)("div",{children:[(0,r.jsxs)("label",{htmlFor:"email",className:"block text-gray-700 font-medium mb-2",children:["メールアドレス ",(0,r.jsx)("span",{className:"text-red-500",children:"*"})]}),(0,r.jsx)("input",{type:"email",id:"email",name:"メールアドレス",value:s.email,onChange:c,required:!0,className:"w-full px-4 py-3 border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ".concat(o.email?"border-red-500":"border-gray-300")}),o.email&&(0,r.jsx)("p",{className:"text-red-500 text-sm mt-1",children:o.email})]}),(0,r.jsxs)("div",{children:[(0,r.jsx)("label",{htmlFor:"phone",className:"block text-gray-700 font-medium mb-2",children:"電話番号"}),(0,r.jsx)("input",{type:"tel",id:"phone",name:"電話番号",value:s.phone,onChange:c,className:"w-full px-4 py-3 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"})]})]}),(0,r.jsxs)("div",{children:[(0,r.jsxs)("label",{htmlFor:"subject",className:"block text-gray-700 font-medium mb-2",children:["お問い合わせ内容 ",(0,r.jsx)("span",{className:"text-red-500",children:"*"})]}),(0,r.jsxs)("select",{id:"subject",name:"お問い合わせ内容",value:s.subject,onChange:c,required:!0,className:"w-full px-4 py-3 border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ".concat(o.subject?"border-red-500":"border-gray-300"),children:[(0,r.jsx)("option",{value:"",children:"選択してください"}),(0,r.jsx)("option",{value:"クラウド構築について",children:"クラウド構築について"}),(0,r.jsx)("option",{value:"サーバーレス開発について",children:"サーバーレス開発について"}),(0,r.jsx)("option",{value:"運用・保守について",children:"運用・保守について"}),(0,r.jsx)("option",{value:"その他",children:"その他"})]}),o.subject&&(0,r.jsx)("p",{className:"text-red-500 text-sm mt-1",children:o.subject})]}),(0,r.jsxs)("div",{children:[(0,r.jsxs)("label",{htmlFor:"message",className:"block text-gray-700 font-medium mb-2",children:["メッセージ ",(0,r.jsx)("span",{className:"text-red-500",children:"*"})]}),(0,r.jsx)("textarea",{id:"message",name:"メッセージ",rows:6,value:s.message,onChange:c,required:!0,className:"w-full px-4 py-3 border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 ".concat(o.message?"border-red-500":"border-gray-300")}),o.message&&(0,r.jsx)("p",{className:"text-red-500 text-sm mt-1",children:o.message})]}),(0,r.jsx)("div",{className:"text-center",children:(0,r.jsx)("button",{type:"button",className:"g

1-recaptcha bg-blue-600 text-white px-8 py-3 rounded-md font-medium hover:bg-blue-700 transition-colors","data-sitekey":"6LdWHw4rAAAAAHtvP9XtzziZxvSxtlst7Fw8YqmV","data-callback":"onSubmit","data-action":"submit",children:"送信する"})})]})}}},e=>{var t=t=>e(e.s=t);e.O(0,[874,441,684,358],()=>t(1694)),_N_E=e.O()}]);