{"version":3,"file":"component---src-pages-contact-js-1f83b28d895ffc32b77b.js","mappings":"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","sources":["webpack://mch/./src/components/about/company.js","webpack://mch/./src/components/form.js","webpack://mch/./src/pages/contact.js"],"sourcesContent":["import React from \"react\";\nimport { StaticImage } from \"gatsby-plugin-image\";\n\nexport const companies = [\n  {\n    name: \"Mizuno Consultancy Holdings Limited．(水野諮詢集團有限公司)\",\n    region: \"香港\",\n    address:\n      \"Unit B, 25/F., No.8 Hart Avenue, Tsim Sha Tsui, Kowloon, Hong Kong\",\n    tel: \"TEL (852) 2522-0078\",\n    fax: \"FAX (852) 2522-1173\",\n    comment: [],\n    image: (\n      <StaticImage\n        src=\"../../images/about/mch_hk.jpg\"\n        className=\"rounded-sm\"\n        alt=\"Mizuno Consultancy Holdings Limited．\"\n        width={200}\n        height={300}\n      />\n    ),\n    type: \"Consulting\",\n  },\n  {\n    name: \"Mizuno Consultancy Holdings Ltd．日本代表事務所\",\n    region: \"日本\",\n    address:\n      \"〒220-8120 神奈川県横浜市西区みなとみらい2-2-1 横浜ランドマークタワー20階\",\n    tel: \"TEL (81) 45-277-3764\",\n    fax: \"FAX (81) 45-277-3801\",\n    comment: [],\n    image: (\n      <StaticImage\n        src=\"../../images/about/mch_yh.jpg\"\n        className=\"rounded-sm\"\n        alt=\"Mizuno Consultancy Holdings Ltd．日本代表事務所\"\n        width={200}\n        height={300}\n      />\n    ),\n    type: \"Consulting\",\n  },\n  {\n    name: \"水野商務諮詢(上海)有限公司\",\n    region: \"上海\",\n    address: \"〒200336 上海市長寧区仙霞路322号 鑫達大厦806室\",\n    tel: \"TEL (86) 21-6167-1310\",\n    fax: \"FAX (86) 21-6167-1326\",\n    comment: [],\n    image: (\n      <StaticImage\n        src=\"../../images/about/mch_sh.jpg\"\n        className=\"rounded-sm\"\n        alt=\"水野商務諮詢(上海)有限公司\"\n        width={200}\n        height={300}\n      />\n    ),\n    type: \"Consulting\",\n  },\n  {\n    name: \"水野商務諮詢(広州)有限公司\",\n    region: \"広州\",\n    address: \"〒510620 広州市天河北路233号 中信広場38楼 3806D室\",\n    tel: \"TEL (86) 20-3877-1275/3877-2350\",\n    fax: \"FAX (86) 20-3877-1275\",\n    comment: [],\n    image: (\n      <StaticImage\n        src=\"../../images/about/mch_gz.jpg\"\n        className=\"rounded-sm\"\n        alt=\"水野商務諮詢(広州)有限公司\"\n        width={200}\n        height={300}\n      />\n    ),\n    type: \"Consulting\",\n  },\n  {\n    name: \"MIZUNO CONSULTING VIETNAM COMPANY LIMITED.\",\n    region: \"ベトナム\",\n    address:\n      \"31F, Saigon Trade Center, 37 Ton Duc Thang Street, Ben Nghe Ward, District 01, Ho Chi Minh City, Vietnam\",\n    tel: \"TEL/FAX (84) 28-3910-1822\",\n    comment: [],\n    image: (\n      <StaticImage\n        src=\"../../images/about/mch_vn.jpg\"\n        className=\"rounded-sm\"\n        alt=\"MIZUNO CONSULTING VIETNAM COMPANY LIMITED.\"\n        width={200}\n        height={300}\n      />\n    ),\n    type: \"Consulting\",\n  },\n  {\n    name: \"深圳市水野企業管理咨詢有限公司\",\n    region: \"深圳\",\n    address: \"〒518001 深圳市南山区桂廟路口新緑島大厦3楼 3A25\",\n    tel: \"TEL (86) 755-2605-1044\",\n    comment: [\n      \"経営範囲：記帳代行、企業登記代行、企業管理コンサルティング、投資コンサルティング、ビジネス情報コンサルティング\",\n    ],\n    image: (\n      <StaticImage\n        src=\"../../images/about/mch_sz.jpg\"\n        className=\"rounded-sm\"\n        alt=\"深圳市水野企業管理咨詢有限公司\"\n        width={200}\n        height={300}\n      />\n    ),\n    type: \"Accounting\",\n  },\n  {\n    name: \"水野財務諮詢(上海)有限公司\",\n    region: \"上海\",\n    address: \"〒200336 上海市長寧区仙霞路322号 鑫達大厦806室\",\n    tel: \"TEL (86) 21-6167-1311\",\n    fax: \"FAX (86) 21-6167-1326\",\n    comment: [\n      \"経営範囲：記帳代行、企業登記代理、投資管理、企業管理、投資コンサルティング、ビジネスコンサルティング、実業投資\",\n    ],\n    image: (\n      <StaticImage\n        src=\"../../images/about/mch_sh.jpg\"\n        className=\"rounded-sm\"\n        alt=\"水野財務諮詢(上海)有限公司\"\n        width={200}\n        height={300}\n      />\n    ),\n    type: \"Accounting\",\n  },\n  {\n    name: \"株式会社チェイス・ネクスト\",\n    region: \"日本\",\n    address: \"〒231-0062 神奈川県横浜市中区桜木町1丁目101番地 1クロスゲート7階\",\n    tel: \"TEL/FAX 045-315-4946\",\n    comment: [\n      \"主業務：ビジネス情報ポータルサイトの運営、出版事業、セミナー・研修事業、デジタルコンテンツ（動画、レポートなど）の販売\",\n    ],\n    image: \"\",\n    type: \"Publishing\",\n    website: \"https://chasechina.jp\",\n  },\n];\n\nexport const types = [\n  {\n    type: \"Consulting\",\n    class: \"bg-cyan-800\",\n    name: \"コンサルティング\",\n  },\n  {\n    type: \"Accounting\",\n    class: \"bg-teal-800\",\n    name: \"記帳代行・税務申告代理\",\n  },\n  {\n    type: \"Publishing\",\n    class: \"bg-cyan-600\",\n    name: \"中国・アジアのビジネスコンテンツ制作\",\n  },\n];\n","import React, { useEffect, useState } from \"react\";\nimport { useForm } from \"react-hook-form\";\n\nconst Form = () => {\n  const [visible, setVisible] = useState(false);\n  const [err, setErr] = useState(false);\n  useEffect(() => {\n    if (visible) {\n      const timer = setTimeout(() => {\n        setVisible(false);\n      }, 8000);\n      return () => clearTimeout(timer);\n    }\n  }, [visible]);\n\n  const {\n    register,\n    handleSubmit,\n    //watch,\n    formState: { errors },\n  } = useForm();\n\n  const onSubmit = (data) => {\n    const requestOptions = {\n      method: \"POST\",\n      headers: { \"Content-Type\": \"application/json\" },\n      body: JSON.stringify(data),\n    };\n    fetch(\n      \"https://prod-11.eastasia.logic.azure.com:443/workflows/814e84acb2ca4542ace457638cd45daf/triggers/manual/paths/invoke?api-version=2016-10-01&sp=%2Ftriggers%2Fmanual%2Frun&sv=1.0&sig=1OWphPg6t2Bx3MSosO_KSNohd27P3CRnvR2G3aKrJfQ\",\n      requestOptions\n    )\n      .then((response) => response.json())\n      .then((data) => {\n        setVisible(true);\n        console.log(data);\n      })\n      .catch((error) => {\n        setErr(true);\n        console.log(error);\n      });\n  };\n\n  return (\n    <form\n      className=\"flex flex-col gap-2 md:gap-5\"\n      onSubmit={handleSubmit(onSubmit)}\n    >\n      <label className=\"flex flex-col md:flex-row items-center justify-center\">\n        <span className=\"w-full md:w-1/5 mb-1 md:mb-0\">会社名</span>\n        <input\n          className={`\n          ${errors.company ? \"bg-cyan-200 \" : \"\"}\n            w-full md:w-3/5 focus:outline-none focus:ring-2 focus:ring-cyan-300 focus:border-transparent`}\n          type=\"text\"\n          placeholder=\"会社名\"\n          {...register(\"company\", { required: true, message: \"Required\" })}\n        />\n      </label>\n      <label className=\"flex flex-col md:flex-row items-center justify-center\">\n        <span className=\"w-full md:w-1/5 mb-1 md:mb-0\">お名前</span>\n        <input\n          className={`\n            ${errors.name ? \"bg-cyan-200 \" : \"\"}\n              w-full md:w-3/5 focus:outline-none focus:ring-2 focus:ring-cyan-300 focus:border-transparent`}\n          type=\"text\"\n          placeholder=\"お名前\"\n          {...register(\"name\", { required: true })}\n        />\n      </label>\n      <label className=\"flex flex-col md:flex-row items-center justify-center\">\n        <span className=\"w-full md:w-1/5 mb-1 md:mb-0\">メール</span>\n        <input\n          className={`\n          ${errors.email ? \"bg-cyan-200 \" : \"\"}\n            w-full md:w-3/5 focus:outline-none focus:ring-2 focus:ring-cyan-300 focus:border-transparent`}\n          type=\"text\"\n          placeholder=\"my@email.com\"\n          {...register(\"email\", { required: true })}\n        />\n      </label>\n      <label className=\"flex flex-col md:flex-row items-center justify-center\">\n        <span className=\"w-full md:w-1/5 mb-1 md:mb-0\">お電話</span>\n        <input\n          className=\"w-full md:w-3/5 focus:outline-none focus:ring-2 focus:ring-cyan-300 focus:border-transparent\"\n          type=\"text\"\n          placeholder=\"123-456-789\"\n          {...register(\"tel\")}\n        />\n      </label>\n      <label className=\"flex flex-col md:flex-row items-center justify-center\">\n        <span className=\"w-full md:w-1/5 mb-1 md:mb-0\">内容</span>\n        <textarea\n          className={`\n          ${errors.message ? \"bg-cyan-200 \" : \"\"}\n            w-full md:w-3/5 focus:outline-none focus:ring-2 focus:ring-cyan-300 focus:border-transparent`}\n          rows=\"5\"\n          placeholder=\"例) 中国での組織再編について相談したい\"\n          {...register(\"message\", { required: true })}\n        />\n      </label>\n      {errors.company || errors.name || errors.email || errors.message ? (\n        <span className=\"font-bold text-cyan-600 text-center\">\n          恐れ入りますが入力をお願いいたします。\n        </span>\n      ) : null}\n      <div className=\"flex justify-center mt-5\">\n        <button\n          className=\"w-full md:w-1/6 bg-cyan-800 hover:bg-cyan-700 text-white rounded-sm px-4 py-2 font-bold disabled:opacity-70\"\n          type=\"submit\"\n          disabled={visible}\n        >\n          送信\n        </button>\n      </div>\n      {visible ? (\n        <p className=\"text-center border-2 border-pine-500 mt-3 py-2 text-pine-600\">\n          お問い合わせありがとうございました。\n        </p>\n      ) : null}\n      {err ? (\n        <p className=\"text-center border-2 border-red-500 mt-3 py-2 text-red-600\">\n          フォームの調子が悪いため、恐れ入りますがメールまたはお電話にてお問い合わせください‥。\n        </p>\n      ) : null}\n    </form>\n  );\n};\n\nexport default Form;\n","import React from \"react\";\nimport Layout from \"../components/layout\";\nimport Form from \"../components/form\";\nimport { companies } from \"../components/about/company\";\nimport H1 from \"../components/h1\";\nimport Seo from \"../components/seo\";\n\nconst ContactPage = () => {\n  return (\n    <Layout>\n      <Seo title=\"お問い合わせ\" />\n      <H1>お問い合わせ</H1>\n      <div className=\"container mx-auto max-w-5xl px-5 md:px-10 py-10 md:py-20\">\n        <div className=\"py-5 md:py-10\">\n          <h2 className=\"text-lg md:text-xl font-sans font-medium pb-3 mb-7 border-b border-cyan-400 text-center\">\n            フォームでお問い合わせ\n          </h2>\n          <Form />\n        </div>\n        <div className=\"py-5 md:py-10\">\n          <h2 className=\"text-lg md:text-xl font-sans font-medium pb-3 mb-7 border-b border-cyan-400 text-center\">\n            メールでお問い合わせ\n          </h2>\n          <div className=\"text-lg text-center\">\n            <a href=\"mailto:info@mizuno-ch.com\">info@mizuno-ch.com</a>\n          </div>\n        </div>\n        <div className=\"py-5 md:py-10\">\n          <h2 className=\"text-lg md:text-xl font-sans font-medium pb-3 mb-7 border-b border-cyan-400 text-center\">\n            お電話でお問い合わせ\n          </h2>\n          <div className=\"flex flex-col gap-3\">\n            {companies.map((c, index) => (\n              <div\n                className=\"flex flex-col md:flex-row items-center justify-center\"\n                key={index}\n              >\n                <div className=\"w-full md:w-2/3 text-center md:text-left text-sm md:text-base\">\n                  {c.name}\n                </div>\n                <div className=\"w-full md:w-1/3 text-center md:text-left\">\n                  {c.tel}\n                </div>\n              </div>\n            ))}\n          </div>\n          <p className=\"text-lg text-center mb-5\"></p>\n          <p className=\"text-sm\"></p>\n        </div>\n      </div>\n    </Layout>\n  );\n};\n\nexport default ContactPage;\n"],"names":["companies","name","region","address","tel","fax","comment","image","S","src","className","alt","width","height","type","website","types","class","useState","visible","setVisible","err","setErr","useEffect","timer","setTimeout","clearTimeout","useForm","register","handleSubmit","errors","formState","onSubmit","data","requestOptions","method","headers","body","JSON","stringify","fetch","then","response","json","console","log","catch","error","company","placeholder","required","message","email","rows","disabled","title","href","c","index","key"],"sourceRoot":""}