{"version":3,"sources":["assets/img/commerce.jpg","assets/img/market2.jpg","assets/img/tech2.jpg","i18n.js","components/Navbar.js","components/Footer.js","views/Landing.js","index.js"],"names":["i18n","use","Backend","LanguageDetector","initReactI18next","init","fallbackLng","debug","interpolation","escapeValue","Navbar","props","React","useState","navbarOpen","setNavbarOpen","useTranslation","className","transparent","href","type","onClick","id","language","changeLanguage","Footer","style","height","xmlns","preserveAspectRatio","version","viewBox","x","y","points","Date","getFullYear","ContentListItem","icon","content","ReactDOM","render","fallback","path","component","t","minHeight","backgroundImage","alt","src","require","default","htmlFor","placeholder","transition","rows","cols","from","to","document","getElementById"],"mappings":"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","file":"static/js/main.5b3a6c03.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/commerce.f86b0404.jpg\";","export default __webpack_public_path__ + \"static/media/market2.4967536c.jpg\";","export default __webpack_public_path__ + \"static/media/tech2.0ee700f6.jpg\";","import i18n from \"i18next\";\nimport {initReactI18next} from \"react-i18next\";\nimport Backend from \"i18next-http-backend\";\nimport LanguageDetector from \"i18next-browser-languagedetector\";\n\ni18n\n  .use(Backend)\n  .use(LanguageDetector)\n  .use(initReactI18next) // passes i18n down to react-i18next\n  .init({\n    fallbackLng: \"en\",\n    debug: true,\n    interpolation: {\n      escapeValue: false, // react already safes from xss\n    },\n  });\n\nexport default i18n;\n","import React from \"react\";\nimport {useTranslation} from \"react-i18next\";\n\nexport default function Navbar(props) {\n  const [navbarOpen, setNavbarOpen] = React.useState(false);\n  const {i18n} = useTranslation();\n\n  return (\n    <nav\n      className={\n        (props.transparent\n          ? \"top-0 absolute z-50 w-full\"\n          : \"relative shadow-lg bg-white shadow-lg\") +\n        \" flex flex-wrap items-center justify-between px-2 py-3 \"\n      }\n    >\n      <div className=\"container px-4 mx-auto flex flex-wrap items-center justify-between\">\n        <div className=\"w-full relative flex justify-between lg:w-auto lg:static lg:block lg:justify-start\">\n          <a\n            className={\n              (props.transparent ? \"text-white\" : \"text-gray-800\") +\n              \" text-2xl font-bold leading-relaxed inline-block mr-4 py-2 whitespace-nowrap uppercase\"\n            }\n            href=\"/\"\n          >\n            Bureau Deepr\n          </a>\n          <button\n            className=\"cursor-pointer text-xl leading-none px-3 py-1 border border-solid border-transparent rounded bg-transparent block lg:hidden outline-none focus:outline-none\"\n            type=\"button\"\n            onClick={() => setNavbarOpen(!navbarOpen)}\n          >\n            <i\n              className={\n                (props.transparent ? \"text-white\" : \"text-gray-800\") +\n                \" fas fa-bars\"\n              }\n            ></i>\n          </button>\n        </div>\n        <div\n          className={\n            \"lg:flex flex-grow items-center bg-white lg:bg-transparent lg:shadow-none\" +\n            (navbarOpen ? \" block rounded shadow-lg\" : \" hidden\")\n          }\n          id=\"example-navbar-warning\"\n        >\n          {/* <ul className=\"flex flex-col lg:flex-row list-none mr-auto\">\n            <li className=\"flex items-center\">\n              <a\n                className={\n                  (props.transparent\n                    ? \"lg:text-white lg:hover:text-gray-300 text-gray-800\"\n                    : \"text-gray-800 hover:text-gray-600\") +\n                  \" px-3 py-4 lg:py-2 flex items-center text-xs uppercase font-bold\"\n                }\n                href=\"https://www.creative-tim.com/learning-lab/tailwind-starter-kit#/landing\"\n              >\n                <i\n                  className={\n                    (props.transparent\n                      ? \"lg:text-gray-300 text-gray-500\"\n                      : \"text-gray-500\") +\n                    \" far fa-file-alt text-lg leading-lg mr-2\"\n                  }\n                />{\" \"}\n                Docs\n              </a>\n            </li>\n          </ul> */}\n          <ul className=\"hidden flex flex-col lg:flex-row list-none lg:ml-auto\">\n            {i18n.language === \"zh\" ? (\n              <li className=\"flex items-center\">\n                <i\n                  className={\n                    (props.transparent\n                      ? \"lg:text-gray-300 text-gray-500\"\n                      : \"text-gray-500\") +\n                    \" text-lg leading-lg cursor-pointer select-none\t\"\n                  }\n                  onClick={() => i18n.changeLanguage(\"en\")}\n                >\n                  EN\n                </i>\n                <span className=\"lg:hidden inline-block ml-2\">En</span>\n              </li>\n            ) : (\n              <li className=\"flex items-center\">\n                <i\n                  className={\n                    (props.transparent\n                      ? \"lg:text-gray-300 text-gray-500\"\n                      : \"text-gray-500\") +\n                    \" text-lg leading-lg cursor-pointer select-none\t\"\n                  }\n                  onClick={() => i18n.changeLanguage(\"zh\")}\n                >\n                  中文\n                </i>\n                <span className=\"lg:hidden inline-block ml-2\">中文</span>\n              </li>\n            )}\n            {/* <li className=\"flex items-center\">\n              <a\n                className={\n                  (props.transparent\n                    ? \"lg:text-white lg:hover:text-gray-300 text-gray-800\"\n                    : \"text-gray-800 hover:text-gray-600\") +\n                  \" px-3 py-4 lg:py-2 flex items-center text-xs uppercase font-bold\"\n                }\n                href=\"#pablo\"\n              >\n                <i\n                  className={\n                    (props.transparent\n                      ? \"lg:text-gray-300 text-gray-500\"\n                      : \"text-gray-500\") + \" fab fa-github text-lg leading-lg \"\n                  }\n                />\n                <span className=\"lg:hidden inline-block ml-2\">Star</span>\n              </a>\n            </li> */}\n\n            {/* <li className=\"flex items-center\">\n              <button\n                className={\n                  (props.transparent\n                    ? \"bg-white text-gray-800 active:bg-gray-100\"\n                    : \"bg-pink-500 text-white active:bg-pink-600\") +\n                  \" text-xs font-bold uppercase px-4 py-2 rounded shadow hover:shadow-md outline-none focus:outline-none lg:mr-1 lg:mb-0 ml-3 mb-3\"\n                }\n                type=\"button\"\n                style={{transition: \"all .15s ease\"}}\n              >\n                <i className=\"fas fa-arrow-alt-circle-down\"></i> Download\n              </button>\n            </li> */}\n          </ul>\n        </div>\n      </div>\n    </nav>\n  );\n}\n","import React from \"react\";\n\nexport default function Footer() {\n  return (\n    // <footer className=\"relative bg-gray-300 pt-8 pb-6\">\n    <footer className=\"bg-gray-300 pt-8 pb-6\">\n      <div\n        className=\"bottom-auto top-0 left-0 right-0 w-full absolute pointer-events-none overflow-hidden -mt-20\"\n        style={{height: \"80px\"}}\n      >\n        <svg\n          className=\"absolute bottom-0 overflow-hidden\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          preserveAspectRatio=\"none\"\n          version=\"1.1\"\n          viewBox=\"0 0 2560 100\"\n          x=\"0\"\n          y=\"0\"\n        >\n          <polygon\n            className=\"text-gray-300 fill-current\"\n            points=\"2560 0 2560 100 0 100\"\n          ></polygon>\n        </svg>\n      </div>\n      <div className=\"container mx-auto px-4\">\n        {/* <div className=\"flex flex-wrap\">\n          <div className=\"w-full lg:w-6/12 px-4\">\n            <h4 className=\"text-3xl font-semibold\">\n              Let's keep in touch!\n            </h4>\n            <h5 className=\"text-lg mt-0 mb-2 text-gray-700\">\n              Find us on any of these platforms, we respond 1-2 business days.\n            </h5>\n            <div className=\"mt-6\">\n              <button\n                className=\"bg-white text-blue-400 shadow-lg font-normal h-10 w-10 items-center justify-center align-center rounded-full outline-none focus:outline-none mr-2 p-3\"\n                type=\"button\"\n              >\n                <i className=\"flex fab fa-twitter\"></i>\n              </button>\n              <button\n                className=\"bg-white text-blue-600 shadow-lg font-normal h-10 w-10 items-center justify-center align-center rounded-full outline-none focus:outline-none mr-2 p-3\"\n                type=\"button\"\n              >\n                <i className=\"flex fab fa-facebook-square\"></i>\n              </button>\n              <button\n                className=\"bg-white text-pink-400 shadow-lg font-normal h-10 w-10 items-center justify-center align-center rounded-full outline-none focus:outline-none mr-2 p-3\"\n                type=\"button\"\n              >\n                <i className=\"flex fab fa-dribbble\"></i>\n              </button>\n              <button\n                className=\"bg-white text-gray-900 shadow-lg font-normal h-10 w-10 items-center justify-center align-center rounded-full outline-none focus:outline-none mr-2 p-3\"\n                type=\"button\"\n              >\n                <i className=\"flex fab fa-github\"></i>\n              </button>\n            </div>\n          </div>\n          <div className=\"w-full lg:w-6/12 px-4\">\n            <div className=\"flex flex-wrap items-top mb-6\">\n              <div className=\"w-full lg:w-4/12 px-4 ml-auto\">\n                <span className=\"block uppercase text-gray-600 text-sm font-semibold mb-2\">\n                  Useful Links\n                </span>\n                <ul className=\"list-unstyled\">\n                  <li>\n                    <a className=\"text-gray-700 hover:text-gray-900 font-semibold block pb-2 text-sm\"\n                        href=\"https://www.creative-tim.com/presentation\">About Us\n                    </a>\n                  </li>\n                  <li>\n                    <a className=\"text-gray-700 hover:text-gray-900 font-semibold block pb-2 text-sm\"\n                        href=\"https://blog.creative-tim.com\">Blog\n                    </a>\n                  </li>\n                  <li>\n                    <a className=\"text-gray-700 hover:text-gray-900 font-semibold block pb-2 text-sm\"\n                        href=\"https://www.github.com/creativetimofficial\">Github\n                    </a>\n                  </li>\n                  <li>\n                    <a className=\"text-gray-700 hover:text-gray-900 font-semibold block pb-2 text-sm\"\n                        href=\"https://www.creative-tim.com/bootstrap-themes/free\">Free Products\n                    </a>\n                  </li>\n\n                </ul>\n              </div>\n              <div className=\"w-full lg:w-4/12 px-4\">\n                <span className=\"block uppercase text-gray-600 text-sm font-semibold mb-2\">\n                  Other Resources\n                </span>\n                <ul className=\"list-unstyled\">\n                  <li>\n                    <a className=\"text-gray-700 hover:text-gray-900 font-semibold block pb-2 text-sm\"\n                    href=\"https://github.com/creativetimofficial/argon-design-system/blob/master/LICENSE.md\">MIT License\n                  </a>\n                  </li>\n                  <li>\n                    <a className=\"text-gray-700 hover:text-gray-900 font-semibold block pb-2 text-sm\"\n                        href=\"https://creative-tim.com/terms\">Terms & Conditions\n                    </a>\n                  </li>\n                  <li>\n                    <a className=\"text-gray-700 hover:text-gray-900 font-semibold block pb-2 text-sm\"\n                        href=\"https://creative-tim.com/privacy\">Privacy Policy\n                    </a>\n                  </li>\n                  <li>\n                    <a className=\"text-gray-700 hover:text-gray-900 font-semibold block pb-2 text-sm\"\n                        href=\"https://creative-tim.com/contact-us\">Contact Us\n                    </a>\n                  </li>\n                </ul>\n\n              </div>\n            </div>\n          </div>\n        </div> */}\n        {/* <hr className=\"my-6 border-gray-400\" /> */}\n        <div className=\"flex flex-wrap items-center md:justify-between justify-center\">\n          <div className=\"w-full md:w-4/12 px-4 mx-auto text-center\">\n            <div className=\"text-sm text-gray-600 font-semibold py-1\">\n              Copyright © {new Date().getFullYear()} by BUREAU DEEPR\n            </div>\n          </div>\n        </div>\n      </div>\n    </footer>\n  );\n}\n","import React from \"react\";\n\nimport Navbar from \"components/Navbar.js\";\nimport Footer from \"components/Footer.js\";\n\nimport {useTranslation} from \"react-i18next\";\n\nconst ContentListItem = ({icon, content}) => {\n  return (\n    <li className=\"py-2\">\n      <div className=\"flex items-center\">\n        <div>\n          <span className=\"text-xs font-semibold inline-block py-1 px-2 uppercase rounded-full text-pink-600 bg-pink-200 mr-3\">\n            <i className={icon}></i>\n          </span>\n        </div>\n        <div>\n          <h4 className=\"text-gray-600\">{content}</h4>\n        </div>\n      </div>\n    </li>\n  );\n};\n\nexport default function Landing() {\n  const {t, i18n} = useTranslation();\n\n  return (\n    <>\n      <Navbar transparent />\n      <main>\n        <div\n          className=\"relative pt-16 pb-32 flex content-center items-center justify-center\"\n          style={{\n            minHeight: \"75vh\",\n          }}\n        >\n          <div\n            className=\"absolute top-0 w-full h-full bg-center bg-cover\"\n            style={{\n              backgroundImage: \"url('/imgs/head2.jpeg')\",\n            }}\n          >\n            <span\n              id=\"blackOverlay\"\n              className=\"w-full h-full absolute opacity-75 bg-black\"\n            ></span>\n          </div>\n          <div className=\"container relative mx-auto\">\n            <div className=\"items-center flex flex-wrap\">\n              <div className=\"w-full lg:w-6/12 px-4 ml-auto mr-auto text-center\">\n                <div className=\"pr-12\">\n                  <h1 className=\"text-white font-semibold text-5xl\">\n                    {t(\"slogan.title\")}\n                  </h1>\n                  <p className=\"mt-4 text-lg text-gray-300\">\n                    {t(\"slogan.description\")}\n                  </p>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div\n            className=\"top-auto bottom-0 left-0 right-0 w-full absolute pointer-events-none overflow-hidden\"\n            style={{height: \"70px\"}}\n          >\n            <svg\n              className=\"absolute bottom-0 overflow-hidden\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              preserveAspectRatio=\"none\"\n              version=\"1.1\"\n              viewBox=\"0 0 2560 100\"\n              x=\"0\"\n              y=\"0\"\n            >\n              <polygon\n                className=\"text-gray-300 fill-current\"\n                points=\"2560 0 2560 100 0 100\"\n              ></polygon>\n            </svg>\n          </div>\n        </div>\n\n        <section className=\"pb-20 bg-gray-300 -mt-24\">\n          <div className=\"container mx-auto px-4\">\n            <div className=\"flex flex-wrap\">\n              <div className=\"lg:pt-12 pt-6 w-full md:w-4/12 px-4 text-center\">\n                <div className=\"relative flex flex-col min-w-0 break-words bg-white w-full mb-8 shadow-lg rounded-lg\">\n                  <div className=\"px-4 py-5 flex-auto\">\n                    <div className=\"text-white p-3 text-center inline-flex items-center justify-center w-12 h-12 mb-5 shadow-lg rounded-full bg-red-400\">\n                      <i className=\"fas fa-poll\"></i>\n                    </div>\n                    <h6 className=\"text-xl font-semibold\">\n                      {t(\"commerce.title\")}\n                    </h6>\n                    <p className=\"mt-2 mb-4 text-gray-600\">\n                      {t(\"commerce.description\")}\n                    </p>\n                  </div>\n                </div>\n              </div>\n\n              <div className=\"w-full md:w-4/12 px-4 text-center\">\n                <div className=\"relative flex flex-col min-w-0 break-words bg-white w-full mb-8 shadow-lg rounded-lg\">\n                  <div className=\"px-4 py-5 flex-auto\">\n                    <div className=\"text-white p-3 text-center inline-flex items-center justify-center w-12 h-12 mb-5 shadow-lg rounded-full bg-blue-400\">\n                      <i className=\"fas fa-lightbulb\"></i>\n                    </div>\n                    <h6 className=\"text-xl font-semibold\">\n                      {t(\"market.title\")}\n                    </h6>\n                    <p className=\"mt-2 mb-4 text-gray-600\">\n                      {t(\"market.description\")}\n                    </p>\n                  </div>\n                </div>\n              </div>\n\n              <div className=\"pt-6 w-full md:w-4/12 px-4 text-center\">\n                <div className=\"relative flex flex-col min-w-0 break-words bg-white w-full mb-8 shadow-lg rounded-lg\">\n                  <div className=\"px-4 py-5 flex-auto\">\n                    <div className=\"text-white p-3 text-center inline-flex items-center justify-center w-12 h-12 mb-5 shadow-lg rounded-full bg-green-400\">\n                      <i className=\"fas fa-rocket\"></i>\n                    </div>\n                    <h6 className=\"text-xl font-semibold\">{t(\"tech.title\")}</h6>\n                    <p className=\"mt-2 mb-4 text-gray-600\">\n                      {t(\"tech.description\")}\n                    </p>\n                  </div>\n                </div>\n              </div>\n            </div>\n\n            <div className=\"flex flex-wrap items-center mt-32\">\n              <div className=\"w-full md:w-5/12 px-4 mr-auto ml-auto\">\n                <div className=\"text-gray-600 p-3 text-center inline-flex items-center justify-center w-16 h-16 mb-6 shadow-lg rounded-full bg-gray-100\">\n                  <i className=\"fas fa-poll text-xl\"></i>\n                </div>\n                <h3 className=\"text-3xl mb-2 font-semibold leading-normal\">\n                  {t(\"commerce.title\")}\n                </h3>\n                <p className=\"text-lg font-light leading-relaxed mt-4 mb-4 text-gray-700\">\n                  {t(\"commerce.detail\")}\n                </p>\n                <ul className=\"list-none mt-6\">\n                  <ContentListItem\n                    icon=\"fas fa-poll\"\n                    content={t(\"commerce.items.i1\")}\n                  />\n                  <ContentListItem\n                    icon=\"fas fa-poll\"\n                    content={t(\"commerce.items.i2\")}\n                  />\n                  <ContentListItem\n                    icon=\"fas fa-poll\"\n                    content={t(\"commerce.items.i3\")}\n                  />\n                  <ContentListItem\n                    icon=\"fas fa-poll\"\n                    content={t(\"commerce.items.i4\")}\n                  />\n                  <ContentListItem\n                    icon=\"fas fa-poll\"\n                    content={t(\"commerce.items.i5\")}\n                  />\n                  <ContentListItem\n                    icon=\"fas fa-poll\"\n                    content={t(\"commerce.items.i6\")}\n                  />\n                  <ContentListItem\n                    icon=\"fas fa-poll\"\n                    content={t(\"commerce.items.i7\")}\n                  />\n                </ul>\n                <p className=\"text-lg font-light leading-relaxed mt-4 mb-4 text-gray-700\">\n                  {t(\"commerce.client\")}\n                </p>\n              </div>\n\n              <div className=\"w-full md:w-4/12 px-4 mr-auto ml-auto\">\n                <div className=\"relative flex flex-col min-w-0 break-words bg-white w-full mb-6 shadow-lg rounded-lg bg-pink-600\">\n                  <img\n                    alt=\"...\"\n                    src={require(\"assets/img/commerce.jpg\").default}\n                    className=\"w-full align-middle rounded-t-lg\"\n                  />\n                </div>\n              </div>\n            </div>\n          </div>\n        </section>\n\n        <section className=\"relative py-20\">\n          <div\n            className=\"bottom-auto top-0 left-0 right-0 w-full absolute pointer-events-none overflow-hidden -mt-20\"\n            style={{height: \"80px\"}}\n          >\n            <svg\n              className=\"absolute bottom-0 overflow-hidden\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              preserveAspectRatio=\"none\"\n              version=\"1.1\"\n              viewBox=\"0 0 2560 100\"\n              x=\"0\"\n              y=\"0\"\n            >\n              <polygon\n                className=\"text-white fill-current\"\n                points=\"2560 0 2560 100 0 100\"\n              ></polygon>\n            </svg>\n          </div>\n\n          <div className=\"container mx-auto px-4\">\n            <div className=\"items-center flex flex-wrap\">\n              <div className=\"w-full md:w-4/12 ml-auto mr-auto px-4\">\n                <img\n                  alt=\"...\"\n                  className=\"max-w-full rounded-lg shadow-lg\"\n                  src={require(\"assets/img/market2.jpg\").default}\n                />\n              </div>\n              <div className=\"w-full md:w-5/12 ml-auto mr-auto px-4\">\n                <div className=\"md:pr-12\">\n                  <div className=\"text-pink-600 p-3 text-center inline-flex items-center justify-center w-16 h-16 mb-6 shadow-lg rounded-full bg-pink-300\">\n                    <i className=\"fas fa-lightbulb text-xl\"></i>\n                  </div>\n                  <h3 className=\"text-3xl font-semibold\">\n                    {t(\"market.title\")}\n                  </h3>\n                  <p className=\"mt-4 text-lg leading-relaxed text-gray-600\">\n                    {t(\"market.detail\")}\n                  </p>\n                  <ul className=\"list-none mt-6\">\n                    <ContentListItem\n                      icon=\"far fa-lightbulb\"\n                      content={t(\"market.items.i1\")}\n                    />\n                    <ContentListItem\n                      icon=\"far fa-lightbulb\"\n                      content={t(\"market.items.i2\")}\n                    />\n                    <ContentListItem\n                      icon=\"far fa-lightbulb\"\n                      content={t(\"market.items.i3\")}\n                    />\n                    <ContentListItem\n                      icon=\"far fa-lightbulb\"\n                      content={t(\"market.items.i4\")}\n                    />\n                    <ContentListItem\n                      icon=\"far fa-lightbulb\"\n                      content={t(\"market.items.i5\")}\n                    />\n                    <ContentListItem\n                      icon=\"far fa-lightbulb\"\n                      content={t(\"market.items.i6\")}\n                    />\n                    <ContentListItem\n                      icon=\"far fa-lightbulb\"\n                      content={t(\"market.items.i7\")}\n                    />\n                    <ContentListItem\n                      icon=\"far fa-lightbulb\"\n                      content={t(\"market.items.i8\")}\n                    />\n                  </ul>\n                </div>\n              </div>\n            </div>\n          </div>\n        </section>\n\n        <section className=\"pb-20 relative block bg-gray-300\">\n          <div\n            className=\"bottom-auto top-0 left-0 right-0 w-full absolute pointer-events-none overflow-hidden -mt-20\"\n            style={{height: \"80px\"}}\n          >\n            <svg\n              className=\"absolute bottom-0 overflow-hidden\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              preserveAspectRatio=\"none\"\n              version=\"1.1\"\n              viewBox=\"0 0 2560 100\"\n              x=\"0\"\n              y=\"0\"\n            >\n              <polygon\n                className=\"text-gray-300 fill-current\"\n                points=\"2560 0 2560 100 0 100\"\n              ></polygon>\n            </svg>\n          </div>\n\n          <div className=\"lg:pt-24 flex flex-wrap items-center\">\n            <div className=\"w-full md:w-5/12 px-4 mr-auto ml-auto\">\n              <div className=\"text-gray-600 p-3 text-center inline-flex items-center justify-center w-16 h-16 mb-6 shadow-lg rounded-full bg-gray-100\">\n                <i className=\"fas fa-rocket text-xl\"></i>\n              </div>\n              <h3 className=\"text-3xl mb-2 font-semibold leading-normal\">\n                {t(\"tech.title\")}\n              </h3>\n              <p className=\"text-lg font-light leading-relaxed mt-4 mb-4 text-gray-700\">\n                {t(\"tech.detail\")}\n              </p>\n              <p className=\"text-lg font-light leading-relaxed mt-4 mb-4 text-gray-700\">\n                {t(\"tech.detail2\")}\n              </p>\n              <ul className=\"list-none mt-6\">\n                <ContentListItem\n                  icon=\"fas fa-rocket\"\n                  content={t(\"tech.items.i1\")}\n                />\n                <ContentListItem\n                  icon=\"fas fa-rocket\"\n                  content={t(\"tech.items.i2\")}\n                />\n                <ContentListItem\n                  icon=\"fas fa-rocket\"\n                  content={t(\"tech.items.i3\")}\n                />\n                <ContentListItem\n                  icon=\"fas fa-rocket\"\n                  content={t(\"tech.items.i4\")}\n                />\n                <ContentListItem\n                  icon=\"fas fa-rocket\"\n                  content={t(\"tech.items.i5\")}\n                />\n                <ContentListItem\n                  icon=\"fas fa-rocket\"\n                  content={t(\"tech.items.i6\")}\n                />\n                <ContentListItem\n                  icon=\"fas fa-rocket\"\n                  content={t(\"tech.items.i7\")}\n                />\n              </ul>\n            </div>\n\n            <div className=\"w-full md:w-4/12 px-4 mr-auto ml-auto\">\n              <div className=\"relative flex flex-col min-w-0 break-words bg-white w-full mb-6 shadow-lg rounded-lg bg-pink-600\">\n                <img\n                  alt=\"...\"\n                  src={require(\"assets/img/tech2.jpg\").default}\n                  className=\"w-full align-middle rounded-t-lg\"\n                />\n              </div>\n            </div>\n          </div>\n        </section>\n\n        {/* <section className=\"pt-20 pb-48\">\n          <div className=\"container mx-auto px-4\">\n            <div className=\"flex flex-wrap justify-center text-center mb-24\">\n              <div className=\"w-full lg:w-6/12 px-4\">\n                <h2 className=\"text-4xl font-semibold\">{t(\"partners\")}</h2>\n                <p className=\"text-lg leading-relaxed m-4 text-gray-600\">\n                  According to the National Oceanic and Atmospheric\n                  Administration, Ted, Scambos, NSIDClead scentist, puts the\n                  potentially record maximum.\n                </p>\n              </div>\n            </div>\n            <div className=\"flex flex-wrap\">\n              <div className=\"w-full md:w-6/12 lg:w-3/12 lg:mb-0 mb-12 px-4\">\n                <div className=\"px-6\">\n                  <img\n                    alt=\"...\"\n                    src={require(\"assets/img/team-1-800x800.jpg\").default}\n                    className=\"shadow-lg rounded-full max-w-full mx-auto\"\n                    style={{maxWidth: \"120px\"}}\n                  />\n                  <div className=\"pt-6 text-center\">\n                    <h5 className=\"text-xl font-bold\">Ryan Tompson</h5>\n                    <p className=\"mt-1 text-sm text-gray-500 uppercase font-semibold\">\n                      Web Developer\n                    </p>\n                    <div className=\"mt-6\">\n                      <button\n                        className=\"bg-blue-400 text-white w-8 h-8 rounded-full outline-none focus:outline-none mr-1 mb-1\"\n                        type=\"button\"\n                      >\n                        <i className=\"fab fa-twitter\"></i>\n                      </button>\n                      <button\n                        className=\"bg-blue-600 text-white w-8 h-8 rounded-full outline-none focus:outline-none mr-1 mb-1\"\n                        type=\"button\"\n                      >\n                        <i className=\"fab fa-facebook-f\"></i>\n                      </button>\n                      <button\n                        className=\"bg-pink-500 text-white w-8 h-8 rounded-full outline-none focus:outline-none mr-1 mb-1\"\n                        type=\"button\"\n                      >\n                        <i className=\"fab fa-dribbble\"></i>\n                      </button>\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div className=\"w-full md:w-6/12 lg:w-3/12 lg:mb-0 mb-12 px-4\">\n                <div className=\"px-6\">\n                  <img\n                    alt=\"...\"\n                    src={require(\"assets/img/team-2-800x800.jpg\").default}\n                    className=\"shadow-lg rounded-full max-w-full mx-auto\"\n                    style={{maxWidth: \"120px\"}}\n                  />\n                  <div className=\"pt-6 text-center\">\n                    <h5 className=\"text-xl font-bold\">Romina Hadid</h5>\n                    <p className=\"mt-1 text-sm text-gray-500 uppercase font-semibold\">\n                      Marketing Specialist\n                    </p>\n                    <div className=\"mt-6\">\n                      <button\n                        className=\"bg-red-600 text-white w-8 h-8 rounded-full outline-none focus:outline-none mr-1 mb-1\"\n                        type=\"button\"\n                      >\n                        <i className=\"fab fa-google\"></i>\n                      </button>\n                      <button\n                        className=\"bg-blue-600 text-white w-8 h-8 rounded-full outline-none focus:outline-none mr-1 mb-1\"\n                        type=\"button\"\n                      >\n                        <i className=\"fab fa-facebook-f\"></i>\n                      </button>\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div className=\"w-full md:w-6/12 lg:w-3/12 lg:mb-0 mb-12 px-4\">\n                <div className=\"px-6\">\n                  <img\n                    alt=\"...\"\n                    src={require(\"assets/img/team-3-800x800.jpg\").default}\n                    className=\"shadow-lg rounded-full max-w-full mx-auto\"\n                    style={{maxWidth: \"120px\"}}\n                  />\n                  <div className=\"pt-6 text-center\">\n                    <h5 className=\"text-xl font-bold\">Alexa Smith</h5>\n                    <p className=\"mt-1 text-sm text-gray-500 uppercase font-semibold\">\n                      UI/UX Designer\n                    </p>\n                    <div className=\"mt-6\">\n                      <button\n                        className=\"bg-red-600 text-white w-8 h-8 rounded-full outline-none focus:outline-none mr-1 mb-1\"\n                        type=\"button\"\n                      >\n                        <i className=\"fab fa-google\"></i>\n                      </button>\n                      <button\n                        className=\"bg-blue-400 text-white w-8 h-8 rounded-full outline-none focus:outline-none mr-1 mb-1\"\n                        type=\"button\"\n                      >\n                        <i className=\"fab fa-twitter\"></i>\n                      </button>\n                      <button\n                        className=\"bg-gray-800 text-white w-8 h-8 rounded-full outline-none focus:outline-none mr-1 mb-1\"\n                        type=\"button\"\n                      >\n                        <i className=\"fab fa-instagram\"></i>\n                      </button>\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div className=\"w-full md:w-6/12 lg:w-3/12 lg:mb-0 mb-12 px-4\">\n                <div className=\"px-6\">\n                  <img\n                    alt=\"...\"\n                    src={require(\"assets/img/team-4-470x470.png\").default}\n                    className=\"shadow-lg rounded-full max-w-full mx-auto\"\n                    style={{maxWidth: \"120px\"}}\n                  />\n                  <div className=\"pt-6 text-center\">\n                    <h5 className=\"text-xl font-bold\">Jenna Kardi</h5>\n                    <p className=\"mt-1 text-sm text-gray-500 uppercase font-semibold\">\n                      Founder and CEO\n                    </p>\n                    <div className=\"mt-6\">\n                      <button\n                        className=\"bg-pink-500 text-white w-8 h-8 rounded-full outline-none focus:outline-none mr-1 mb-1\"\n                        type=\"button\"\n                      >\n                        <i className=\"fab fa-dribbble\"></i>\n                      </button>\n                      <button\n                        className=\"bg-red-600 text-white w-8 h-8 rounded-full outline-none focus:outline-none mr-1 mb-1\"\n                        type=\"button\"\n                      >\n                        <i className=\"fab fa-google\"></i>\n                      </button>\n                      <button\n                        className=\"bg-blue-400 text-white w-8 h-8 rounded-full outline-none focus:outline-none mr-1 mb-1\"\n                        type=\"button\"\n                      >\n                        <i className=\"fab fa-twitter\"></i>\n                      </button>\n                      <button\n                        className=\"bg-gray-800 text-white w-8 h-8 rounded-full outline-none focus:outline-none mr-1 mb-1\"\n                        type=\"button\"\n                      >\n                        <i className=\"fab fa-instagram\"></i>\n                      </button>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </section> */}\n\n        <section className=\"pb-20 relative block bg-gray-900\">\n          <div\n            className=\"bottom-auto top-0 left-0 right-0 w-full absolute pointer-events-none overflow-hidden -mt-20\"\n            style={{height: \"80px\"}}\n          >\n            <svg\n              className=\"absolute bottom-0 overflow-hidden\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n              preserveAspectRatio=\"none\"\n              version=\"1.1\"\n              viewBox=\"0 0 2560 100\"\n              x=\"0\"\n              y=\"0\"\n            >\n              <polygon\n                className=\"text-gray-900 fill-current\"\n                points=\"2560 0 2560 100 0 100\"\n              ></polygon>\n            </svg>\n          </div>\n\n          <div className=\"container mx-auto px-4 pt-12 lg:pt-24 lg:pb-64\">\n            {/* <div className=\"flex flex-wrap text-center justify-center\">\n              <div className=\"w-full lg:w-6/12 px-4\">\n                <h2 className=\"text-4xl font-semibold text-white\">\n                  Build something\n                </h2>\n                <p className=\"text-lg leading-relaxed mt-4 mb-4 text-gray-500\">\n                  Put the potentially record low maximum sea ice extent tihs\n                  year down to low ice. According to the National Oceanic and\n                  Atmospheric Administration, Ted, Scambos.\n                </p>\n              </div>\n            </div>\n            <div className=\"flex flex-wrap mt-12 justify-center\">\n              <div className=\"w-full lg:w-3/12 px-4 text-center\">\n                <div className=\"text-gray-900 p-3 w-12 h-12 shadow-lg rounded-full bg-white inline-flex items-center justify-center\">\n                  <i className=\"fas fa-medal text-xl\"></i>\n                </div>\n                <h6 className=\"text-xl mt-5 font-semibold text-white\">\n                  Excelent Services\n                </h6>\n                <p className=\"mt-2 mb-4 text-gray-500\">\n                  Some quick example text to build on the card title and make up\n                  the bulk of the card's content.\n                </p>\n              </div>\n              <div className=\"w-full lg:w-3/12 px-4 text-center\">\n                <div className=\"text-gray-900 p-3 w-12 h-12 shadow-lg rounded-full bg-white inline-flex items-center justify-center\">\n                  <i className=\"fas fa-poll text-xl\"></i>\n                </div>\n                <h5 className=\"text-xl mt-5 font-semibold text-white\">\n                  Grow your market\n                </h5>\n                <p className=\"mt-2 mb-4 text-gray-500\">\n                  Some quick example text to build on the card title and make up\n                  the bulk of the card's content.\n                </p>\n              </div>\n              <div className=\"w-full lg:w-3/12 px-4 text-center\">\n                <div className=\"text-gray-900 p-3 w-12 h-12 shadow-lg rounded-full bg-white inline-flex items-center justify-center\">\n                  <i className=\"fas fa-lightbulb text-xl\"></i>\n                </div>\n                <h5 className=\"text-xl mt-5 font-semibold text-white\">\n                  Launch time\n                </h5>\n                <p className=\"mt-2 mb-4 text-gray-500\">\n                  Some quick example text to build on the card title and make up\n                  the bulk of the card's content.\n                </p>\n              </div>\n            </div> */}\n          </div>\n        </section>\n        <section className=\"relative block py-24 lg:pt-0 bg-gray-900\">\n          <div className=\"container mx-auto px-4\">\n            <div className=\"flex flex-wrap justify-center lg:-mt-64 -mt-48\">\n              <div className=\"w-full lg:w-6/12 px-4\">\n                <div className=\"relative flex flex-col min-w-0 break-words w-full mb-6 shadow-lg rounded-lg bg-gray-300\">\n                  <div className=\"flex-auto p-5 lg:p-10\">\n                    <h4 className=\"text-2xl font-semibold\">\n                      Want to work with us?\n                    </h4>\n                    <p className=\"leading-relaxed mt-1 mb-4 text-gray-600\">\n                      Complete this form and we will get back to you in 24\n                      hours.\n                    </p>\n                    <div className=\"relative w-full mb-3 mt-8\">\n                      <label\n                        className=\"block uppercase text-gray-700 text-xs font-bold mb-2\"\n                        htmlFor=\"full-name\"\n                      >\n                        Full Name\n                      </label>\n                      <input\n                        type=\"text\"\n                        className=\"border-0 px-3 py-3 placeholder-gray-400 text-gray-700 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full\"\n                        placeholder=\"Full Name\"\n                        style={{transition: \"all .15s ease\"}}\n                      />\n                    </div>\n\n                    <div className=\"relative w-full mb-3\">\n                      <label\n                        className=\"block uppercase text-gray-700 text-xs font-bold mb-2\"\n                        htmlFor=\"email\"\n                      >\n                        Email\n                      </label>\n                      <input\n                        type=\"email\"\n                        className=\"border-0 px-3 py-3 placeholder-gray-400 text-gray-700 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full\"\n                        placeholder=\"Email\"\n                        style={{transition: \"all .15s ease\"}}\n                      />\n                    </div>\n\n                    <div className=\"relative w-full mb-3\">\n                      <label\n                        className=\"block uppercase text-gray-700 text-xs font-bold mb-2\"\n                        htmlFor=\"message\"\n                      >\n                        Message\n                      </label>\n                      <textarea\n                        rows=\"4\"\n                        cols=\"80\"\n                        className=\"border-0 px-3 py-3 placeholder-gray-400 text-gray-700 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full\"\n                        placeholder=\"Type a message...\"\n                      />\n                    </div>\n                    <div className=\"text-center mt-6\">\n                      <button\n                        className=\"bg-gray-900 text-white active:bg-gray-700 text-sm font-bold uppercase px-6 py-3 rounded shadow hover:shadow-lg outline-none focus:outline-none mr-1 mb-1\"\n                        type=\"button\"\n                        style={{transition: \"all .15s ease\"}}\n                      >\n                        Send Message\n                      </button>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </section>\n      </main>\n      <Footer />\n    </>\n  );\n}\n","import React, {Suspense} from \"react\";\nimport ReactDOM from \"react-dom\";\nimport {BrowserRouter, Route, Switch, Redirect} from \"react-router-dom\";\n\nimport \"@fortawesome/fontawesome-free/css/all.min.css\";\nimport \"./i18n\";\n\nimport Landing from \"views/Landing.js\";\n\nReactDOM.render(\n  <Suspense fallback=\"loading\">\n    <BrowserRouter>\n      <Switch>\n        <Route path=\"/\" component={Landing} />\n        <Redirect from=\"/landing\" to=\"/\" />\n      </Switch>\n    </BrowserRouter>\n  </Suspense>,\n  document.getElementById(\"root\")\n);\n"],"sourceRoot":""}