{"version":3,"file":"component---src-pages-about-js-76699c1b79490538dca3.js","mappings":"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","sources":["webpack://gatsby-starter-hello-world/./src/components/button.js","webpack://gatsby-starter-hello-world/./src/components/contact.js","webpack://gatsby-starter-hello-world/./src/components/head-label.js","webpack://gatsby-starter-hello-world/./src/components/hero.js","webpack://gatsby-starter-hello-world/./src/pages/about.js"],"sourcesContent":["import { Link } from \"gatsby\"\nimport React from \"react\"\n\nexport default function Button({ link, label, external }) {\n  return (\n    <div className=\"flex justify-center pb-6\">\n      {external ? (\n        <a href={link} target=\"_blank\" rel=\"noreferrer noopener\">\n          {GetButton(label)}\n        </a>\n      ) : (\n        <Link to={link}>{GetButton(label)}</Link>\n      )}\n    </div>\n  )\n}\n\nfunction GetButton(label) {\n  return (\n    // <button className=\"shadow-md shadow-sky-900/50 transition duration-300 ease-in bg-sky-800 border-0 mt-4 py-2 px-8 focus:outline-none hover:bg-sky-900 hover:scale-105 rounded-full w-48\">\n    <button className=\"shadow-md bg-white transition duration-300 ease-in border-sky-600 text-sky-600 border-2 mt-4 py-2 px-8 focus:outline-none hover:border-sky-700 hover:text-sky-700 hover:scale-105 rounded-full w-48\">\n      {label}\n    </button>\n  )\n}\n","// src/components/hero.js\nimport React from \"react\"\nimport Button from \"./button\"\n\nexport default function Contact() {\n  return (\n    <div className=\"w-full mx-auto m-0\">\n      <div\n        className=\"\n        text-white\n        h-72 \n        bg-gradient-to-r from-slate-500 to-slate-700 \n\n      flex justify-center items-center p-3 text-center\"\n      >\n        <div className=\"\">\n          <div>ご相談はこちらからお問い合わせください</div>\n          <Button\n            link={\"/contact\"}\n            label={\"お問い合わせ\"}\n            external={false}\n          ></Button>\n        </div>\n      </div>\n    </div>\n  )\n}\n","import React from \"react\"\n\nexport default function HeadLabel({\n  label,\n  id = \"\",\n  color = \"before:border-gray-800\",\n}) {\n  return (\n    <div\n      id={id}\n      className={\n        `flex items-center text-lg my-4 before:border-t-2 ` +\n        color +\n        ` before:content-[''] before:w-20 before:mx-2`\n      }\n    >\n      {label}\n    </div>\n  )\n}\n","// src/components/hero.js\nimport React from \"react\"\n\nexport default function Hero({ message1, message2, textSize, bgClass = \"\" }) {\n  const size = textSize != null ? textSize : \"text-2xl\"\n\n  return (\n    <div className=\"hero\">\n      <div className=\"w-full mx-auto m-0 bg-gradient-to-br from-gray-200 to-gray-50\">\n        <div\n          className={\n            `h-48 lg:h-60 flex items-center p-3 max-w-3xl mx-auto` + bgClass\n          }\n        >\n          <div className={` animate-fade-in-left ` + size}>\n            <h1 className=\"text-gray-700 py-3 tracking-wide leading-tight\">\n              {message1}\n              <span className=\"inline-block\">{message2}</span>\n            </h1>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n","import React from \"react\"\nimport Layout from \"../components/layout\"\nimport Contact from \"../components/contact\"\nimport HeadLabel from \"../components/head-label\"\nimport { StaticImage } from \"gatsby-plugin-image\"\nimport Seo from \"../components/seo\"\nimport Hero from \"../components/hero\"\n\nexport default function About() {\n  return (\n    <Layout>\n      <Seo\n        title=\"About Us | 株式会社STARKS | スタークス\"\n        description=\"株式会社STARKSの経営理念や代表メッセージを掲載しています。\"\n        ogpSiteName=\"About Us | 株式会社STARKSコーポレートサイト\"\n      />\n\n      <Hero message1={\"STARKSについて\"} />\n\n      <div className=\"container mx-auto\">\n        <div className=\"max-w-4xl mx-auto mt-10\">\n          <HeadLabel label={\"代表メッセージ\"} />\n\n          <div className=\"px-3 pb-8 typography\">\n            <div className=\"my-4\">\n              私は起業する以前は、美容師として働いていました。先輩方の指導のおかげで、一定の結果は出せるようになりましたが、もともと自分で事業をしたいと考えていたため、一念発起して起業しました。\n            </div>\n            <div className=\"my-4\">\n              弊社のスタッフの中には昔からの知り合いもいますが、出会ったころには仕事に対しての意識が低く、結果も出せなかった彼らが、弊社で働く中でスタッフ同士が切磋琢磨し、仕事への考え方や姿勢が別人のように変わっていく。\n            </div>\n            <div className=\"my-4\">\n              そうして一緒に働く仲間がどんどん成長していく姿を見るということはとても嬉しく感じますし、今後もさらに成長していって欲しいと願っています。\n            </div>\n            <div className=\"my-4\">\n              社員には自由に仕事を楽しんで欲しいです。人生のほとんどを仕事が占めるわけですから、楽しい方が良いに決まっていますよね。それでいて、しっかり稼げる環境を作っていくことが私の役目だと思っています。\n            </div>\n          </div>\n\n          <HeadLabel label={\"会社名の由来\"} />\n          <div className=\"px-3 pb-8 typography\">\n            <div className=\"text-lg mb-2\">MAKE STARS</div>\n            <div>\n              たくさんのSTARを育てたいという想いから、「MAKE\n              STARS＝STARKS」という社名にしました。\n            </div>\n          </div>\n\n          <HeadLabel label={\"経営理念\"} />\n          <div className=\"px-3 pb-8 typography\">\n            社員が成長できる環境を作り、新たなスターを創る\n          </div>\n\n          <div className=\"my-6\">\n            <div className=\"flex justify-center\">\n              <div className=\"w-1/2 px-2 max-w-[200px]\">\n                <StaticImage\n                  src=\"../images/ceo.jpeg\"\n                  alt=\"CEO\"\n                  placeholder=\"blurred\"\n                  layout=\"fullWidth\"\n                  className=\"rounded-full\"\n                />\n              </div>\n              <div className=\"w-1/2 px-2 self-center text-center\">\n                <div className=\"text-sm text-neutral-500\">代表取締役社長</div>\n                <div className=\"text-2xl typography\">福井 貴大</div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div className=\"bg-slate-800 px-3 py-6 mt-8 text-white\">\n        <div className=\"max-w-4xl mx-auto\">\n          <HeadLabel label={\"会社概要\"} color={\"before:border-white\"} />\n          <div className=\"py-3 typography border-solid border-white border-t-[0.5px] border-b-[0.5px]\">\n            <div>会社名</div>\n            <div className=\"font-light pt-1\">株式会社STARKS</div>\n          </div>\n\n          <div className=\"py-3 typography border-solid border-gray-100 border-b-[0.5px]\">\n            <div>所在地</div>\n            <div className=\"font-light pt-1\">\n              460-0014 愛知県名古屋市中区富士見町15番39号\n            </div>\n            <div className=\"font-semibold\">\n              <a\n                href=\"https://goo.gl/maps/hGbYubgLV3yxbUiHA\"\n                target=\"_blank\"\n                rel=\"noreferrer noopener\"\n              >\n                Googleマップ →\n              </a>\n            </div>\n          </div>\n\n          <div className=\"py-3 typography border-solid border-gray-100 border-b-[0.5px]\">\n            <div>設立</div>\n            <div className=\"font-light pt-1\">2019年11月11日</div>\n          </div>\n\n          <div className=\"py-3 typography border-solid border-gray-100 border-b-[0.5px]\">\n            <div>代表者</div>\n            <div className=\"font-light pt-1\">代表取締役 福井貴大</div>\n          </div>\n\n          <div className=\"py-3 typography border-solid border-gray-100 border-b-[0.5px]\">\n            <div>事業内容</div>\n            <div className=\"font-light pt-1\">\n              コンサルティング事業 エステサロン事業 美容商材卸事業\n              検査キット販売事業 中古車販売事業\n            </div>\n          </div>\n\n          <div className=\"py-3 typography border-solid border-gray-100 border-b-[0.5px]\">\n            <div>取引銀行</div>\n            <div className=\"font-light pt-1\">\n              愛知銀行 中京銀行 大垣共立銀行 名古屋銀行\n            </div>\n          </div>\n\n          <div className=\"py-3 typography border-solid border-gray-100 border-b-[0.5px]\">\n            <div>営業許可</div>\n            <div className=\"font-light pt-1\">\n              <div>古物商（販売業務・取引業務）</div>\n              <div>愛知県公安委員会許可 第541422006200号</div>\n            </div>\n            <div className=\"font-light pt-1\">\n              <div>第一種動物取扱業登録証</div>\n              <div>第051381号</div>\n            </div>\n          </div>\n\n          <div className=\"py-3 typography border-solid border-gray-100 border-b-[0.5px]\">\n            <div>沿革</div>\n            <div className=\"my-2 font-light text-sm\">\n              <div className=\"text-gray-100 pt-1\">2018年1月</div>\n              <div className=\"pt-1\">\n                美肌専門美容エステサロン「ラボーテ名古屋」開業。\n                美容室運営開始。\n              </div>\n            </div>\n            <div className=\"my-2 font-light text-sm\">\n              <div className=\"text-gray-100 pt-1\">2018年11月</div>\n              <div className=\"pt-1\">美容物販事業スタート</div>\n            </div>\n            <div className=\"my-2 font-light text-sm\">\n              <div className=\"text-gray-100 pt-1\">2019年11月</div>\n              <div className=\"pt-1\">\n                美肌専門美容エステサロン「ラボーテ岐阜」開業\n              </div>\n            </div>\n            <div className=\"my-2 font-light text-sm\">\n              <div className=\"text-gray-100 pt-1\">2021年1月</div>\n              <div className=\"pt-1\">検査キット販売事業スタート</div>\n            </div>\n            <div className=\"my-2 font-light text-sm\">\n              <div className=\"text-gray-100 pt-1\">2021年4月</div>\n              <div className=\"pt-1\">コンサルティング事業スタート</div>\n            </div>\n            <div className=\"my-2 font-light text-sm\">\n              <div className=\"text-gray-100 pt-1\">2022年5月</div>\n              <div className=\"pt-1\">中古車販売事業スタート</div>\n            </div>\n            <div className=\"my-2 font-light text-sm\">\n              <div className=\"text-gray-100 pt-1\">2023年3月</div>\n              <div className=\"pt-1\">\n                髪質改善サロン「MARQUEE名古屋栄」を開業\n              </div>\n            </div>\n            <div className=\"my-2 font-light text-sm\">\n              <div className=\"text-gray-100 pt-1\">2023年11月</div>\n              <div className=\"pt-1\">\n                髪質改善サロン「AMNESIA名古屋栄」を開業\n              </div>\n            </div>\n            <div className=\"my-2 font-light text-sm\">\n              <div className=\"text-gray-100 pt-1\">2023年11月</div>\n              <div className=\"pt-1\">ペットホテル&サロン「MOFUMOFU」を開業</div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <Contact />\n    </Layout>\n  )\n}\n"],"names":["Button","link","label","external","className","href","target","rel","GetButton","Link","to","Contact","HeadLabel","id","color","Hero","message1","message2","textSize","bgClass","size","About","title","description","ogpSiteName","S","src","alt","placeholder","layout"],"sourceRoot":""}