@foreverrbum/ethsign/dist/components/Landing.js

This package will allow you to electronically sign documents within your application

"use strict";

function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _react = _interopRequireWildcard(require("react"));

var _reactRouterDom = require("react-router-dom");

var _lottie = require("./lottie");

var _Slider = _interopRequireDefault(require("../components/Slider"));

require("../styles/webflow.scss");

require("../styles/ethsign-webflow.scss");

var _reactIntl = require("react-intl");

var _graphql = require("../helpers/graphql");

var _logo = _interopRequireDefault(require("../assets/logo.svg"));

var _clearX = _interopRequireDefault(require("../assets/clear-x.svg"));

var _Group = _interopRequireDefault(require("../assets/webflow-images/Group-121.svg"));

var _Frame = _interopRequireDefault(require("../assets/webflow-images/Frame-25.svg"));

var _Frame2 = _interopRequireDefault(require("../assets/webflow-images/Frame-24.svg"));

var _medium = _interopRequireDefault(require("../assets/webflow-images/medium.png"));

var _youtube = _interopRequireDefault(require("../assets/webflow-images/youtube.png"));

var _discord = _interopRequireDefault(require("../assets/webflow-images/discord-1.png"));

var _linkedin = _interopRequireDefault(require("../assets/webflow-images/linkedin.png"));

var _Twitter = _interopRequireDefault(require("../assets/webflow-images/Twitter.png"));

var _signpass_polygon = _interopRequireDefault(require("../assets/signpass_polygon.png"));

var _reactPlayer = _interopRequireDefault(require("react-player"));

var _Frame3 = _interopRequireDefault(require("../assets/webflow-images/Frame-65.png"));

var _Frame4 = _interopRequireDefault(require("../assets/webflow-images/Frame-66.png"));

var _Finality_Bridge = _interopRequireDefault(require("../assets/webflow-images/Finality_Bridge.svg"));

var _map = _interopRequireDefault(require("../assets/webflow-images/map.gif"));

var _Signature = _interopRequireDefault(require("../assets/webflow-images/Signature.png"));

var _x = _interopRequireDefault(require("../assets/x.svg"));

var _thickMenu = _interopRequireDefault(require("../assets/thick-menu.svg"));

var _thickMenuWhite = _interopRequireDefault(require("../assets/thick-menu-white.svg"));

var _carret_down_black = _interopRequireDefault(require("../assets/carret_down_black.svg"));

var _lineBox = _interopRequireDefault(require("../assets/lotties/line-box.json"));

var _ethsign = _interopRequireDefault(require("../assets/lotties/ethsign.json"));

var _circleanimation = _interopRequireDefault(require("../assets/lotties/circleanimation.json"));

var _oneline = _interopRequireDefault(require("../assets/lotties/oneline.json"));

var _ankr = _interopRequireDefault(require("../assets/webflow-images/logos/ankr.svg"));

var _avalanche = _interopRequireDefault(require("../assets/webflow-images/logos/avalanche.svg"));

var _blockchainusc = _interopRequireDefault(require("../assets/webflow-images/logos/blockchainusc.svg"));

var _BSC = _interopRequireDefault(require("../assets/webflow-images/logos/BSC.svg"));

var _dorahacks = _interopRequireDefault(require("../assets/webflow-images/logos/dorahacks.svg"));

var _draper = _interopRequireDefault(require("../assets/webflow-images/logos/draper.svg"));

var _ens = _interopRequireDefault(require("../assets/webflow-images/logos/ens.svg"));

var _fantom = _interopRequireDefault(require("../assets/webflow-images/logos/fantom.svg"));

var _fosun = _interopRequireDefault(require("../assets/webflow-images/logos/fosun.svg"));

var _imtoken = _interopRequireDefault(require("../assets/webflow-images/logos/imtoken.svg"));

var _magic = _interopRequireDefault(require("../assets/webflow-images/logos/magic.svg"));

var _mask = _interopRequireDefault(require("../assets/webflow-images/logos/mask.svg"));

var _moonbeam = _interopRequireDefault(require("../assets/webflow-images/logos/moonbeam.svg"));

var _polygon = _interopRequireDefault(require("../assets/webflow-images/logos/polygon.svg"));

var _thegraph = _interopRequireDefault(require("../assets/webflow-images/logos/thegraph.svg"));

var _naosfinance = _interopRequireDefault(require("../assets/webflow-images/logos/naosfinance.png"));

var _torus = _interopRequireDefault(require("../assets/webflow-images/logos/torus.svg"));

var _arcx = _interopRequireDefault(require("../assets/webflow-images/logos/arcx.png"));

var _deepdao = _interopRequireDefault(require("../assets/webflow-images/logos/deepdao.png"));

var _biconomy = _interopRequireDefault(require("../assets/webflow-images/logos/biconomy.svg"));

var _VerifyContract = _interopRequireDefault(require("./VerifyContract"));

var _LanguageOption = require("./LanguageOption");

var _ContactUs = _interopRequireDefault(require("./Landing/ContactUs"));

var _this = void 0;

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }

function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }

function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }

function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }

function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }

function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }

function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }

function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }

function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }

var Landing = function Landing(props) {
  var _props$location, _props$location2;

  var handleActivePage = props.handleActivePage,
      handleLanguage = props.handleLanguage,
      language = props.language;

  var _useState = (0, _react.useState)(null),
      _useState2 = _slicedToArray(_useState, 2),
      card = _useState2[0],
      handleCard = _useState2[1];

  var _useState3 = (0, _react.useState)(0),
      _useState4 = _slicedToArray(_useState3, 2),
      activeItem = _useState4[0],
      handleActiveItem = _useState4[1];

  var _useState5 = (0, _react.useState)('--'),
      _useState6 = _slicedToArray(_useState5, 2),
      totalSignaturesSigned = _useState6[0],
      handleTotalSignaturesSigned = _useState6[1];

  var _useState7 = (0, _react.useState)(false),
      _useState8 = _slicedToArray(_useState7, 2),
      disable = _useState8[0],
      handleDisable = _useState8[1];

  var _useState9 = (0, _react.useState)(false),
      _useState10 = _slicedToArray(_useState9, 2),
      shouldHaveListener = _useState10[0],
      handleShouldHaveListener = _useState10[1];

  var _useState11 = (0, _react.useState)(false),
      _useState12 = _slicedToArray(_useState11, 2),
      showMobileNavbar = _useState12[0],
      handleShowNavbar = _useState12[1];

  var _useState13 = (0, _react.useState)(false),
      _useState14 = _slicedToArray(_useState13, 2),
      showCommunity = _useState14[0],
      handleShowCommunity = _useState14[1];

  var _useIntl = (0, _reactIntl.useIntl)(),
      formatMessage = _useIntl.formatMessage;

  (0, _react.useEffect)(function () {
    var isSubscribed = true;
    handleActivePage('landing');
    handleCard(CARD_LIST[0]);
    return function () {
      return isSubscribed = false;
    };
  }, []);
  (0, _react.useEffect)(function () {
    _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
      var contractData, num, _iterator, _step, _c$data, c;

      return regeneratorRuntime.wrap(function _callee$(_context) {
        while (1) {
          switch (_context.prev = _context.next) {
            case 0:
              _context.prev = 0;
              _context.next = 3;
              return (0, _graphql.loadAllContractHistoryData)();

            case 3:
              contractData = _context.sent;
              num = 0;
              _iterator = _createForOfIteratorHelper(contractData);
              _context.prev = 6;

              _iterator.s();

            case 8:
              if ((_step = _iterator.n()).done) {
                _context.next = 18;
                break;
              }

              c = _step.value;

              if (!((_c$data = c.data) !== null && _c$data !== void 0 && _c$data.infos)) {
                _context.next = 14;
                break;
              }

              num += c.data.infos[0].totalSignaturesSigned;
              _context.next = 16;
              break;

            case 14:
              handleTotalSignaturesSigned('--');
              return _context.abrupt("return");

            case 16:
              _context.next = 8;
              break;

            case 18:
              _context.next = 23;
              break;

            case 20:
              _context.prev = 20;
              _context.t0 = _context["catch"](6);

              _iterator.e(_context.t0);

            case 23:
              _context.prev = 23;

              _iterator.f();

              return _context.finish(23);

            case 26:
              handleTotalSignaturesSigned(num);
              _context.next = 33;
              break;

            case 29:
              _context.prev = 29;
              _context.t1 = _context["catch"](0);
              // Sometimes we get "failed to fetch" errors
              console.log(_context.t1);
              handleTotalSignaturesSigned('--');

            case 33:
            case "end":
              return _context.stop();
          }
        }
      }, _callee, null, [[0, 29], [6, 20, 23, 26]]);
    }))();
  }, []);
  (0, _react.useEffect)(function () {
    var nextActiveItem = 0;

    if (CARD_LIST.length > activeItem + 1) {
      nextActiveItem = activeItem + 1;
    }

    var timer = setInterval(function () {
      handleCard(CARD_LIST[nextActiveItem]);
      handleActiveItem(nextActiveItem);
    }, 5000);
    return function () {
      return clearInterval(timer);
    };
  }, [activeItem]);
  var CARD_LIST = [{
    id: 1,
    content: formatMessage({
      id: 'TIM_DRAPER_CONTENT'
    }),
    img: _draper.default,
    personName: 'Tim Draper',
    color: '#2544d9',
    position: formatMessage({
      id: 'TIM_DRAPER_POSITION'
    })
  }, {
    id: 2,
    content: formatMessage({
      id: 'XINJUN_LIANG_CONTENT'
    }),
    img: _fosun.default,
    personName: 'Xinjun Liang',
    color: '#525f90',
    position: formatMessage({
      id: 'XINJUN_LIANG_POSITION'
    })
  }, {
    id: 3,
    content: formatMessage({
      id: 'CHANDLER_SONG_CONTENT'
    }),
    img: _ankr.default,
    personName: 'Chandler Song',
    color: '#2544d9',
    position: formatMessage({
      id: 'CHANDLER_SONG_POSITION'
    })
  }, {
    id: 4,
    content: formatMessage({
      id: 'SUJI_YAN_CONTENT'
    }),
    img: _mask.default,
    personName: 'Suji Yan',
    color: '#2544d9',
    position: formatMessage({
      id: 'SUJI_YAN_POSITION'
    })
  }];

  var Card = function Card(props) {
    var _props$data = props.data,
        content = _props$data.content,
        img = _props$data.img,
        color = _props$data.color,
        personName = _props$data.personName,
        position = _props$data.position;
    return /*#__PURE__*/_react.default.createElement("div", {
      className: "flex flex-col justify-between border-white bg-white rounded-2xl p-2 xs:p-4 lg:p-8 w-full lg:w-3/4 h-112 xs:h-96 lg:h-5/6"
    }, /*#__PURE__*/_react.default.createElement("div", {
      className: "flex items-center justify-between"
    }, /*#__PURE__*/_react.default.createElement("span", {
      style: {
        color: color
      },
      className: "text-4xl sm:text-6xl font-black text-center select-none"
    }, "\u2018\u2018"), /*#__PURE__*/_react.default.createElement("img", {
      src: img,
      loading: "lazy",
      alt: "",
      className: "w-16 lg:w-32 h-8 lg:h-12 select-none"
    })), /*#__PURE__*/_react.default.createElement("p", {
      className: "p-1 lg:p-8 mt-0"
    }, content), /*#__PURE__*/_react.default.createElement("div", {
      className: "p-1 lg:p-8"
    }, /*#__PURE__*/_react.default.createElement("p", {
      className: "font-bold"
    }, personName), /*#__PURE__*/_react.default.createElement("p", null, position)));
  };

  var handleChange = function handleChange(index) {
    handleCard(CARD_LIST[index]);
    handleActiveItem(index);
  };

  var showMenu = function showMenu(show) {
    if (!show) {
      hideMenu();
      return;
    }

    handleShowNavbar(true);
    handleShouldHaveListener(true);
  };

  var showCommunityHandler = function showCommunityHandler(show) {
    if (!show) {
      hideMenu();
      return;
    }

    handleShowCommunity(true);
    handleShouldHaveListener(true);
  };

  var hideMenu = function hideMenu(event) {
    if (showCommunity && !showMobileNavbar) {
      handleShowCommunity(false);
      handleShouldHaveListener(false);
      return;
    }

    var element = document.getElementById('nav');

    if (!element || event && !element.contains(event.target)) {
      handleShowCommunity(false);
      handleShowNavbar(false);
      handleShouldHaveListener(false);
    }
  };

  (0, _react.useEffect)(function () {
    var eventListener = null;

    if (shouldHaveListener) {
      eventListener = eventListener = hideMenu.bind(_this);
      document.addEventListener('click', eventListener);
    }

    return function () {
      if (eventListener) {
        document.removeEventListener('click', eventListener);
      }
    };
  }, [showMobileNavbar, showCommunity, shouldHaveListener]);

  var toggleCommunityNavbar = function toggleCommunityNavbar() {
    handleShowCommunity(!showCommunity);
  };

  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
    "data-collapse": "medium",
    "data-animation": "default",
    "data-duration": "400",
    role: "banner",
    className: "sticky top-0 w-nav z-1100"
  }, /*#__PURE__*/_react.default.createElement("div", {
    id: "nav",
    className: "mx-auto w-full flex flex-col lg:flex-row justify-start lg:justify-center ".concat(showMobileNavbar ? 'bg-white lg:bg-transparent' : 'bg-transparent')
  }, /*#__PURE__*/_react.default.createElement("div", {
    id: "toppartofnav",
    className: "".concat(showMobileNavbar ? 'bg-white lg:bg-transparent' : 'bg-transparent')
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "h-16 flex flex-row"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "block lg:hidden my-auto p-2 sm:p-4 bg-transparent ml-4",
    onClick: function onClick() {
      if (showMobileNavbar) {
        handleShowCommunity(false);
        handleShowNavbar(false);
        handleShouldHaveListener(false);
      } else {
        showMenu(!showMobileNavbar);
      }
    }
  }, /*#__PURE__*/_react.default.createElement("img", {
    src: showMobileNavbar ? _clearX.default : _thickMenu.default,
    className: "select-none h-6 w-6 sm:h-8 sm:w-8"
  })), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Link, {
    to: "/",
    "aria-current": "page",
    className: "my-auto w-20 sm:w-24 w--current lg:ml-8 ml-3"
  }, /*#__PURE__*/_react.default.createElement("img", {
    src: _logo.default,
    loading: "lazy",
    alt: "",
    className: "select-none w-full mt-1.5 lg:mt-0"
  })))), /*#__PURE__*/_react.default.createElement("div", {
    className: "flex flex-col lg:flex-row w-full max-w-7xl"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "w-full lg:w-auto ml-0 flex flex-col lg:flex-row lg:mr-auto mr-4 sm:mr-6 lg:ml-4"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "w-11/12 lg:w-auto mx-auto block lg:flex"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "".concat(showMobileNavbar ? 'block lg:block' : 'hidden lg:block', " lg:ml-auto lg:my-auto bg-white lg:bg-transparent")
  }, /*#__PURE__*/_react.default.createElement("nav", {
    role: "navigation",
    className: "flex flex-col lg:flex-row w-full lg:w-auto pb-2 lg:pb-0"
  }, /*#__PURE__*/_react.default.createElement("div", {
    "data-hover": "",
    "data-delay": "0",
    className: "nav-link w-dropdown ml-0 mr-0 align-top my-auto"
  }, /*#__PURE__*/_react.default.createElement("div", {
    id: "community",
    className: "flex cursor-pointer px-5 py-3 h-full w-full text-black hover:text-orange-500",
    onClick: function onClick() {
      if (showCommunity) {
        toggleCommunityNavbar();
      } else {
        showCommunityHandler(!showCommunity);
      }
    }
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "select-none text-15 mr-auto"
  }, formatMessage({
    id: 'COMMUNITY_CAPS'
  })), /*#__PURE__*/_react.default.createElement("img", {
    src: _carret_down_black.default,
    className: "select-none my-auto ml-1 h-3 w-3"
  })), showCommunity && /*#__PURE__*/_react.default.createElement("nav", {
    id: "community-dropdown",
    className: "block select-none lg:absolute pl-2 pr-3 ml-2 mt-0 lg:mt-2 bg-white border-r-0 border-b-0 lg:border-r-2 lg:border-b-2 border-orange-500"
  }, /*#__PURE__*/_react.default.createElement("a", {
    href: "https://discord.gg/Wvhp9dWdSg",
    target: "_blank",
    className: "w-dropdown-link text-15 text-black hover:text-orange-500"
  }, formatMessage({
    id: 'DISCORD'
  })), /*#__PURE__*/_react.default.createElement("a", {
    href: "https://youtu.be/nl8odfo6d8c",
    target: "_blank",
    className: "w-dropdown-link text-15 text-black hover:text-orange-500"
  }, formatMessage({
    id: 'YOUTUBE'
  })), /*#__PURE__*/_react.default.createElement("a", {
    href: "https://www.twitter.com/ethsign",
    target: "_blank",
    className: "w-dropdown-link text-15 text-black hover:text-orange-500"
  }, formatMessage({
    id: 'TWITTER'
  })), /*#__PURE__*/_react.default.createElement("a", {
    href: "https://www.linkedin.com/company/ethsign",
    target: "_blank",
    className: "w-dropdown-link text-15 text-black hover:text-orange-500"
  }, formatMessage({
    id: 'LINKEDIN'
  })), /*#__PURE__*/_react.default.createElement("a", {
    href: "https://medium.com/ethsign",
    target: "_blank",
    className: "w-dropdown-link text-15 text-black hover:text-orange-500"
  }, formatMessage({
    id: 'MEDIUM'
  })))), /*#__PURE__*/_react.default.createElement("div", {
    onClick: function onClick() {
      return props.history.push({
        pathname: '/verify'
      });
    },
    className: "select-none cursor-pointer px-5 py-3 ml-0 mr-0 nav-link dropdown-toggle w-nav-link text-15 my-auto ".concat(props.location.pathname == '/verify' ? 'text-orange-500' : 'text-black', " hover:text-orange-500")
  }, formatMessage({
    id: 'VERIFY_CONTRACT_CAPS'
  })), /*#__PURE__*/_react.default.createElement("a", {
    href: "https://ethsign-1.gitbook.io/ethsign/",
    target: "_blank",
    className: "select-none px-5 py-3 ml-0 mr-0 nav-link dropdown-toggle w-nav-link text-15 my-auto text-black hover:text-orange-500"
  }, formatMessage({
    id: 'DOCS_CAPS'
  })), /*#__PURE__*/_react.default.createElement("a", {
    href: "https://ethsign-1.gitbook.io/ethsign/for-users/getting-started-with-ethsign",
    target: "_blank",
    className: "select-none px-5 py-3 ml-0 mr-0 nav-link dropdown-toggle w-nav-link text-15 my-auto text-black hover:text-orange-500"
  }, formatMessage({
    id: 'TUTORIAL_CAPS'
  })))))), /*#__PURE__*/_react.default.createElement("div", {
    className: "w-11/12 lg:w-auto ml-auto mr-auto lg:ml-auto lg:mr-0 lg:flex ".concat(showMobileNavbar ? 'block lg:block' : 'hidden lg:block')
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "flex flex-col"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "w-full border-t border-gray-510 mt-3 pb-3 ".concat(showMobileNavbar ? 'block lg:hidden' : 'hidden')
  }), /*#__PURE__*/_react.default.createElement("div", {
    className: "py-3 my-auto"
  }, /*#__PURE__*/_react.default.createElement(_LanguageOption.LanguageOption, {
    handleLanguage: handleLanguage,
    language: language
  }))), /*#__PURE__*/_react.default.createElement("button", {
    className: "select-none focus:outline-none w-full text-white lg:w-32 lg:mx-4 my-3 py-2 font-medium bg-orange-500 hover:bg-orange-600 rounded-sm",
    onClick: function onClick() {
      props.history.push({
        pathname: '/signin'
      });
    }
  }, formatMessage({
    id: 'SIGN_IN_CAPS'
  })))))), ((_props$location = props.location) === null || _props$location === void 0 ? void 0 : _props$location.pathname) == '/verify' && /*#__PURE__*/_react.default.createElement(_VerifyContract.default, null), ((_props$location2 = props.location) === null || _props$location2 === void 0 ? void 0 : _props$location2.pathname) !== '/verify' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
    className: "max-w-7xl mx-auto"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "flex flex-col sm:flex-row m-8 lg:m-0"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "sm:w-1/2 sm:px-4 sm:pt-4  lg:px-24 lg:pt-24 lg:pb-1"
  }, /*#__PURE__*/_react.default.createElement("h1", {
    className: "leading-normal font-bold text-2xl md:text-3xl"
  }, formatMessage({
    id: 'JOIN_FUTURE_OF'
  })), /*#__PURE__*/_react.default.createElement("p", null, formatMessage({
    id: 'MAKE_COMMENTS_EDIT_ACCESS'
  })), /*#__PURE__*/_react.default.createElement("div", {
    className: "w-4/5 sm:w-3/4 relative"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "text-color text-10 xl:text-15 bg-white px-4 py-2 flex justify-around items-center absolute top-1/2 transform-y-center z-10 ml-4 xs:ml-8 sm:ml-0"
  }, /*#__PURE__*/_react.default.createElement("img", {
    src: _Signature.default,
    alt: "",
    className: "select-none h-6 w-6"
  }), /*#__PURE__*/_react.default.createElement("p", {
    className: "ml-2 mb-0"
  }, /*#__PURE__*/_react.default.createElement("span", {
    className: "font-bold "
  }, totalSignaturesSigned, " "), formatMessage({
    id: 'SIGNATURES_COMPLETED'
  }))), /*#__PURE__*/_react.default.createElement("div", {
    className: "hidden sm:block"
  }, /*#__PURE__*/_react.default.createElement(_lottie.Lottie, {
    options: {
      loop: true,
      autoPlay: true,
      animationData: _lineBox.default
    }
  })), /*#__PURE__*/_react.default.createElement("div", {
    className: "block sm:hidden"
  }, /*#__PURE__*/_react.default.createElement(_lottie.Lottie, {
    options: {
      loop: true,
      autoPlay: true,
      animationData: _oneline.default
    }
  })))), /*#__PURE__*/_react.default.createElement("div", {
    className: "w-full sm:w-2/5"
  }, /*#__PURE__*/_react.default.createElement(_lottie.Lottie, {
    options: {
      loop: true,
      autoPlay: true,
      animationData: _ethsign.default
    }
  })))), /*#__PURE__*/_react.default.createElement("div", {
    className: "relative mx-8 mt-4 sm:-mt-32 sm:mb-12 xl:mb-64"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: " sm:mt-12 md:mt-0 sm:mx-auto block xl:absolute xl:top-0 xl:left-1/2 xl:transform xl:-translate-x-2/4 sm:w-2/5 lg:w-1/4 bg-white rounded-lg"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "p-4"
  }, /*#__PURE__*/_react.default.createElement("h1", {
    className: "text-base my-0"
  }, formatMessage({
    id: 'WHAT_IS_ETHSIGN'
  })), /*#__PURE__*/_react.default.createElement(_reactPlayer.default, {
    url: ['https://www.youtube.com/watch?v=Jyl2t3_1NrY'],
    controls: true,
    className: "w-full h-auto"
  })))), /*#__PURE__*/_react.default.createElement("div", {
    className: "relative section-2 m-8 max-w-7xl mx-auto"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "w-full"
  }, /*#__PURE__*/_react.default.createElement("img", {
    className: "w-full rounded-lg",
    src: _signpass_polygon.default
  }), /*#__PURE__*/_react.default.createElement("div", {
    className: "absolute bottom-8 left-8"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "text-white font-bold text-2xl md:text-3xl leading-tight"
  }, "Buy your", /*#__PURE__*/_react.default.createElement("br", null), "SignPass today!"), /*#__PURE__*/_react.default.createElement("div", {
    className: "text-white text-15 sm:text-20 mt-2 font-regular md:font-semibold"
  }, "Sign anytime anywhere without", /*#__PURE__*/_react.default.createElement("br", null), "paying gas with SignPass."), /*#__PURE__*/_react.default.createElement("button", {
    className: "mt-6 select-none focus:outline-none text-white sm:mx-0 py-2 px-6 font-semibold bg-orange-500 hover:bg-orange-600 rounded-sm",
    onClick: function onClick() {
      window.open('https://opensea.io/collection/signpass', '_blank').focus();
    }
  }, "Buy SignPass")))), /*#__PURE__*/_react.default.createElement("div", {
    className: "flex flex-col-reverse sm:flex-row section-2 m-8 lg:my-0 max-w-7xl lg:mx-auto"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "w-full sm:w-1/2 sm:p-4 md:p-12 lg:p-24"
  }, /*#__PURE__*/_react.default.createElement("span", {
    className: "text-orange-100 font-bold"
  }, formatMessage({
    id: 'COST_EFFICIENT_ON_CHAIN_SIGNING'
  })), /*#__PURE__*/_react.default.createElement("h1", {
    className: "font-bold font-bold text-2xl md:text-3xl leading-tight"
  }, formatMessage({
    id: 'METALAYER_BETWEEN'
  }), " ", /*#__PURE__*/_react.default.createElement("br", null), " ", formatMessage({
    id: 'GLOBAL_USERS_AND_BLOCKCHAIN'
  })), /*#__PURE__*/_react.default.createElement("div", {
    className: "my-8 w-full sm:w-4/5"
  }, /*#__PURE__*/_react.default.createElement("h4", null, formatMessage({
    id: 'AGGREGATED_SIGNATURES'
  })), /*#__PURE__*/_react.default.createElement("p", null, formatMessage({
    id: 'INSTEAD_OF_INITIATING_X'
  }))), /*#__PURE__*/_react.default.createElement("div", {
    className: "my-8 w-full sm:w-4/5"
  }, /*#__PURE__*/_react.default.createElement("h4", null, formatMessage({
    id: 'FLEXIBLE_FOR_WEB2_USERS'
  })), /*#__PURE__*/_react.default.createElement("p", null, formatMessage({
    id: 'NON_CRYPTO_USERS_CHARGED_FIAT'
  }))), /*#__PURE__*/_react.default.createElement("button", {
    className: "select-none focus:outline-none w-full text-white sm:w-32 sm:mx-0 py-2 font-medium bg-orange-500 hover:bg-orange-600 rounded-sm",
    onClick: function onClick() {
      props.history.push({
        pathname: '/signin'
      });
    }
  }, formatMessage({
    id: 'TRY_SIGNING_CAPS'
  }))), /*#__PURE__*/_react.default.createElement("div", {
    className: "flex w-full sm:w-1/2"
  }, /*#__PURE__*/_react.default.createElement("img", {
    src: _Frame3.default,
    alt: "",
    className: "select-none w-full my-auto"
  }))), /*#__PURE__*/_react.default.createElement("div", {
    className: "flex flex-col sm:flex-row m-8 lg:my-0 lg:mx-auto max-w-7xl"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "sm:w-1/2"
  }, /*#__PURE__*/_react.default.createElement("img", {
    src: _Finality_Bridge.default,
    alt: "",
    className: "select-none"
  })), /*#__PURE__*/_react.default.createElement("div", {
    className: "sm:w-1/2 sm:p-4 md:pr-12 lg:pr-24"
  }, /*#__PURE__*/_react.default.createElement("span", {
    className: "text-orange-100  font-bold"
  }, formatMessage({
    id: 'BUILDING_ON_TOP'
  })), /*#__PURE__*/_react.default.createElement("h1", {
    className: "font-bold text-2xl md:text-3xl leading-tight"
  }, formatMessage({
    id: 'ETHSIGN_FINALITY_BRIDGE'
  })), /*#__PURE__*/_react.default.createElement("div", {
    className: "my-8"
  }, /*#__PURE__*/_react.default.createElement("h4", null, formatMessage({
    id: 'NO_MORE_HIGH_GAS_FEES'
  })), /*#__PURE__*/_react.default.createElement("p", null, formatMessage({
    id: 'ETHSIGN_FINALITY_BRIDGE_AIMS'
  }))), /*#__PURE__*/_react.default.createElement("div", {
    className: "my-8"
  }, /*#__PURE__*/_react.default.createElement("h4", null, formatMessage({
    id: 'NEW_WAY_OF_REACHING'
  })), /*#__PURE__*/_react.default.createElement("p", null, formatMessage({
    id: 'INSTEAD_OF_GOING_THROUGH'
  }))), /*#__PURE__*/_react.default.createElement("button", {
    className: "select-none focus:outline-none w-full text-white sm:w-32 sm:mx-0 py-2 font-medium bg-orange-500 hover:bg-orange-600 rounded-sm",
    onClick: function onClick() {
      props.history.push({
        pathname: '/signin'
      });
    }
  }, formatMessage({
    id: 'TRY_SIGNING_CAPS'
  })))), /*#__PURE__*/_react.default.createElement("div", {
    className: "flex flex-col-reverse sm:flex-row m-8 lg:my-0 lg:mx-auto max-w-7xl"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "sm:w-1/2 sm:p-4 md:p-12 lg:p-24"
  }, /*#__PURE__*/_react.default.createElement("span", {
    className: "text-orange-100 font-bold"
  }, formatMessage({
    id: 'LIFECYCLE_MANAGEMENT'
  })), /*#__PURE__*/_react.default.createElement("h1", {
    className: "font-bold text-2xl md:text-3xl leading-tight"
  }, formatMessage({
    id: 'TRACEABLE_AND_TRANSPARENT'
  })), /*#__PURE__*/_react.default.createElement("p", {
    className: "my-8"
  }, formatMessage({
    id: 'EVERY_TIME_THE_USER_SIGNS'
  })), /*#__PURE__*/_react.default.createElement("p", {
    className: "my-8"
  }, formatMessage({
    id: 'THESE_PROVIDE_POWERFUL_TRACEABLE'
  })), /*#__PURE__*/_react.default.createElement("button", {
    className: "select-none focus:outline-none w-full text-white sm:w-32 sm:mx-0 py-2 font-medium bg-orange-500 hover:bg-orange-600 rounded-sm",
    onClick: function onClick() {
      props.history.push({
        pathname: '/signin'
      });
    }
  }, formatMessage({
    id: 'TRY_SIGNING_CAPS'
  }))), /*#__PURE__*/_react.default.createElement("div", {
    className: "sm:w-1/2"
  }, /*#__PURE__*/_react.default.createElement("img", {
    src: _Frame4.default,
    alt: "",
    className: "select-none"
  }))), /*#__PURE__*/_react.default.createElement("div", {
    className: "flex flex-col"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: " self-center mt-24 text-2 sm:text-2xl"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "font-bold text-2xl md:text-3xl leading-tight"
  }, formatMessage({
    id: 'PARTNERSHIPS'
  }))), /*#__PURE__*/_react.default.createElement("div", {
    className: "my-auto w-full py-4 lg:pt-32 lg:pb-32"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "mx-auto w-80 xs:w-100 sm:w-144 md:w-192 lg:w-240"
  }, /*#__PURE__*/_react.default.createElement("a", {
    href: "https://www.ankr.com",
    target: "_blank",
    className: "inline-block"
  }, /*#__PURE__*/_react.default.createElement("img", {
    src: _ankr.default,
    loading: "lazy",
    alt: "",
    className: " w-16 sm:w-40 h-8 sm:h-16  m-2 sm:m-4 text-center transform hover:scale-110 motion-reduce:transform-none"
  })), /*#__PURE__*/_react.default.createElement("a", {
    href: "https://www.avax.network",
    target: "_blank",
    className: "inline-block"
  }, /*#__PURE__*/_react.default.createElement("img", {
    src: _avalanche.default,
    loading: "lazy",
    alt: "",
    className: " w-16 sm:w-40 h-8 sm:h-16  m-2 sm:m-4 text-center transform hover:scale-110 motion-reduce:transform-none"
  })), /*#__PURE__*/_react.default.createElement("a", {
    href: "https://blockchain.usc.edu",
    target: "_blank",
    className: "inline-block"
  }, /*#__PURE__*/_react.default.createElement("img", {
    src: _blockchainusc.default,
    loading: "lazy",
    alt: "",
    className: " w-16 sm:w-40 h-8 sm:h-16  m-2 sm:m-4 text-center transform hover:scale-110 motion-reduce:transform-none"
  })), /*#__PURE__*/_react.default.createElement("a", {
    href: "https://www.binance.org/en/",
    target: "_blank",
    className: "inline-block"
  }, /*#__PURE__*/_react.default.createElement("img", {
    src: _BSC.default,
    loading: "lazy",
    alt: "",
    className: " w-16 sm:w-40 h-8 sm:h-16  m-2 sm:m-4 text-center transform hover:scale-110 motion-reduce:transform-none"
  })), /*#__PURE__*/_react.default.createElement("a", {
    href: "https://dorahacks.com",
    target: "_blank",
    className: "inline-block"
  }, /*#__PURE__*/_react.default.createElement("img", {
    src: _dorahacks.default,
    loading: "lazy",
    alt: "",
    className: " w-16 sm:w-40 h-8 sm:h-16  m-2 sm:m-4 text-center transform hover:scale-110 motion-reduce:transform-none"
  })), /*#__PURE__*/_react.default.createElement("a", {
    href: "https://draper.vc",
    target: "_blank",
    className: "inline-block"
  }, /*#__PURE__*/_react.default.createElement("img", {
    src: _draper.default,
    loading: "lazy",
    alt: "",
    className: " w-16 sm:w-40 h-8 sm:h-16  m-2 sm:m-4 text-center transform hover:scale-110 motion-reduce:transform-none"
  })), /*#__PURE__*/_react.default.createElement("a", {
    href: "https://ens.domains",
    target: "_blank",
    className: "inline-block"
  }, /*#__PURE__*/_react.default.createElement("img", {
    src: _ens.default,
    loading: "lazy",
    alt: "",
    className: " w-16 sm:w-40 h-8 sm:h-16  m-2 sm:m-4 text-center transform hover:scale-110 motion-reduce:transform-none"
  })), /*#__PURE__*/_react.default.createElement("a", {
    href: "https://fantom.foundation",
    target: "_blank",
    className: "inline-block"
  }, /*#__PURE__*/_react.default.createElement("img", {
    src: _fantom.default,
    loading: "lazy",
    className: " w-16 sm:w-40 h-8 sm:h-16  m-2 sm:m-4 text-center transform hover:scale-110 motion-reduce:transform-none"
  })), /*#__PURE__*/_react.default.createElement("a", {
    href: "https://token.im/?locale=zh-cn",
    target: "_blank",
    className: "inline-block"
  }, /*#__PURE__*/_react.default.createElement("img", {
    src: _imtoken.default,
    loading: "lazy",
    alt: "",
    className: " w-16 sm:w-40 h-8 sm:h-16  m-2 sm:m-4 text-center transform hover:scale-110 motion-reduce:transform-none"
  })), /*#__PURE__*/_react.default.createElement("a", {
    href: "https://magic.link",
    className: "inline-block"
  }, /*#__PURE__*/_react.default.createElement("img", {
    src: _magic.default,
    loading: "lazy",
    alt: "",
    className: " w-16 sm:w-40 h-8 sm:h-16  m-2 sm:m-4 text-center transform hover:scale-110 motion-reduce:transform-none"
  })), /*#__PURE__*/_react.default.createElement("a", {
    href: "https://moonbeam.network",
    target: "_blank",
    className: "inline-block"
  }, /*#__PURE__*/_react.default.createElement("img", {
    src: _moonbeam.default,
    loading: "lazy",
    alt: "",
    className: " w-16 sm:w-40 h-8 sm:h-16  m-2 sm:m-4 text-center transform hover:scale-110 motion-reduce:transform-none"
  })), /*#__PURE__*/_react.default.createElement("a", {
    href: "https://polygon.technology",
    target: "_blank",
    className: "inline-block"
  }, /*#__PURE__*/_react.default.createElement("img", {
    src: _polygon.default,
    loading: "lazy",
    alt: "",
    className: " w-16 sm:w-40 h-8 sm:h-16  m-2 sm:m-4 text-center transform hover:scale-110 motion-reduce:transform-none"
  })), /*#__PURE__*/_react.default.createElement("a", {
    href: "https://thegraph.com",
    target: "_blank",
    className: "inline-block"
  }, /*#__PURE__*/_react.default.createElement("img", {
    src: _thegraph.default,
    loading: "lazy",
    alt: "",
    className: " w-16 sm:w-40 h-8 sm:h-16  m-2 sm:m-4 text-center transform hover:scale-110 motion-reduce:transform-none"
  })), /*#__PURE__*/_react.default.createElement("a", {
    href: "https://naos.finance/",
    target: "_blank",
    className: "inline-block"
  }, /*#__PURE__*/_react.default.createElement("img", {
    src: _naosfinance.default,
    loading: "lazy",
    alt: "",
    className: " w-16 sm:w-40 h-8 sm:h-16  m-2 sm:m-4 text-center transform hover:scale-110 motion-reduce:transform-none"
  })), /*#__PURE__*/_react.default.createElement("a", {
    href: "https://app.tor.us/",
    target: "_blank",
    className: "inline-block"
  }, /*#__PURE__*/_react.default.createElement("img", {
    src: _torus.default,
    loading: "lazy",
    alt: "",
    className: " w-16 sm:w-40 h-8 sm:h-16  m-2 sm:m-4 text-center transform hover:scale-110 motion-reduce:transform-none"
  })), /*#__PURE__*/_react.default.createElement("a", {
    href: "https://arcx.game/",
    target: "_blank",
    className: "inline-block"
  }, /*#__PURE__*/_react.default.createElement("img", {
    src: _arcx.default,
    loading: "lazy",
    alt: "",
    className: " w-16 sm:w-40 h-8 sm:h-16  m-2 sm:m-4 text-center transform hover:scale-110 motion-reduce:transform-none"
  })), /*#__PURE__*/_react.default.createElement("a", {
    href: "https://deepdao.io/#/deepdao/dashboard",
    target: "_blank",
    className: "inline-block"
  }, /*#__PURE__*/_react.default.createElement("img", {
    src: _deepdao.default,
    loading: "lazy",
    alt: "",
    className: " w-16 sm:w-40 h-8 sm:h-16  m-2 sm:m-4 text-center transform hover:scale-110 motion-reduce:transform-none"
  })), /*#__PURE__*/_react.default.createElement("a", {
    href: "https://www.biconomy.io/",
    target: "_blank",
    className: "inline-block"
  }, /*#__PURE__*/_react.default.createElement("img", {
    src: _biconomy.default,
    loading: "lazy",
    alt: "",
    className: " w-16 sm:w-40 h-8 sm:h-16  m-2 sm:m-4 text-center transform hover:scale-110 motion-reduce:transform-none"
  }))), /*#__PURE__*/_react.default.createElement("div", {
    className: "curve_2 "
  }), /*#__PURE__*/_react.default.createElement("div", {
    className: "flex flex-col bg-white"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "self-center text-center font-bold text-2xl md:text-3xl leading-tight lg:w-3/4 mx-8 lg:mx-0"
  }, formatMessage({
    id: 'ETHSIGN_IS_LEGALLY_COMPLIANT'
  })), /*#__PURE__*/_react.default.createElement("div", {
    className: "map max-w-7xl mx-auto"
  }, /*#__PURE__*/_react.default.createElement("img", {
    src: _map.default,
    loading: "lazy",
    alt: "",
    className: "select-none image-13"
  }))), /*#__PURE__*/_react.default.createElement("div", {
    className: "curve up map"
  }), /*#__PURE__*/_react.default.createElement("div", {
    className: "py-5"
  }), /*#__PURE__*/_react.default.createElement("div", {
    className: "flex flex-col justify-left m-8 lg:my-0 max-w-7xl lg:mx-auto"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "sm:w-3/4 sm:p-4 md:p-12 lg:pt-24 lg:pb-6 lg:pl-24 lg:pr-12"
  }, /*#__PURE__*/_react.default.createElement("h1", {
    className: "font-bold text-2xl md:text-3xl leading-tight"
  }, formatMessage({
    id: 'PIONEERING_THE_FUTURE'
  })), /*#__PURE__*/_react.default.createElement("p", null, formatMessage({
    id: 'ETHSIGN_EMPOWERS_USERS_EVERY_STEP'
  })))), /*#__PURE__*/_react.default.createElement(_Slider.default, null, CARD_LIST.map(function (item) {
    return /*#__PURE__*/_react.default.createElement(_Slider.default.Item, {
      item: item,
      key: item.id
    }, "item1");
  }))))), /*#__PURE__*/_react.default.createElement("div", {
    className: "flex flex-col justify-center items-center bg-white"
  }, /*#__PURE__*/_react.default.createElement("h1", {
    className: "mt-8 sm:mt-12 text-2xl md:text-3xl"
  }, formatMessage({
    id: 'CONTACT_US'
  })), /*#__PURE__*/_react.default.createElement(_ContactUs.default, null), /*#__PURE__*/_react.default.createElement("div", {
    className: "flex justify-between w-3/4 md:w-2/3 lg:w-1/2 mt-8 md:mt-16 flex-col md:flex-row"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "w-full md:w-1/2"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "flex flex-col w-auto"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "mt-3 mb-1"
  }, /*#__PURE__*/_react.default.createElement("img", {
    src: _logo.default,
    className: "h-12 select-none",
    onDragStart: function onDragStart(e) {
      return e.preventDefault();
    }
  })), /*#__PURE__*/_react.default.createElement("div", {
    className: "mb-3 flex-shrink-0 md:pr-5"
  }, formatMessage({
    id: 'EMAIL_US_OR_JOIN_DIGITAL_COMMUNITY'
  })), /*#__PURE__*/_react.default.createElement("div", {
    className: "flex justify-between md:justify-start "
  }, /*#__PURE__*/_react.default.createElement("a", {
    href: "https://twitter.com/ethsign?s=11",
    target: "_blank"
  }, /*#__PURE__*/_react.default.createElement("img", {
    src: _Twitter.default,
    className: "w-8 cursor-pointer select-none"
  })), /*#__PURE__*/_react.default.createElement("a", {
    href: "https://www.linkedin.com/company/ethsign",
    target: "_blank"
  }, /*#__PURE__*/_react.default.createElement("img", {
    src: _linkedin.default,
    className: "w-8 cursor-pointer select-none mx-4"
  })), /*#__PURE__*/_react.default.createElement("a", {
    href: "https://discord.gg/Wvhp9dWdSg",
    target: "_blank"
  }, /*#__PURE__*/_react.default.createElement("img", {
    src: _discord.default,
    className: "w-8 cursor-pointer select-none"
  })), /*#__PURE__*/_react.default.createElement("a", {
    href: "https://youtu.be/uVvl5GzFThI",
    target: "_blank"
  }, /*#__PURE__*/_react.default.createElement("img", {
    src: _youtube.default,
    className: "w-8 cursor-pointer select-none mx-4"
  })), /*#__PURE__*/_react.default.createElement("a", {
    href: "https://medium.com/ethsign",
    target: "_blank"
  }, /*#__PURE__*/_react.default.createElement("img", {
    src: _medium.default,
    className: "w-8 cursor-pointer select-none"
  }))))), /*#__PURE__*/_react.default.createElement("div", {
    className: "w-full sm:w-3/4 mx-auto md:w-1/2 flex flex-row justify-between mt-12 mb-12 md:mb-6 md:mt-0"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "flex flex-col"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "my-3 font-bold text-2xl md:text-3xl"
  }, formatMessage({
    id: 'LEARN'
  })), /*#__PURE__*/_react.default.createElement("a", {
    href: "https://ethsign-1.gitbook.io/ethsign/",
    target: "_blank",
    className: "my-3"
  }, formatMessage({
    id: 'DOCS'
  })), /*#__PURE__*/_react.default.createElement("a", {
    href: "https://ethsign-1.gitbook.io/ethsign/for-users/getting-started-with-ethsign",
    target: "_blank",
    className: "my-3"
  }, formatMessage({
    id: 'TUTORIALS'
  })), /*#__PURE__*/_react.default.createElement("a", {
    href: "https://drive.google.com/file/d/1KKlieyDaLbFlgYjkHP6ur-fvTCKhnVej/view?usp=sharing",
    target: "_blank",
    className: "my-3"
  }, formatMessage({
    id: 'BRAND_ASSETS'
  }))), /*#__PURE__*/_react.default.createElement("div", {
    className: "flex flex-col mb-3 md:mb-8"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "my-3 font-bold text-2xl md:text-3xl"
  }, formatMessage({
    id: 'PRODUCT'
  })), /*#__PURE__*/_react.default.createElement("a", {
    href: "https://www.youtube.com/channel/UCuDQ_UavU8Tg8wQJ_XrXW2Q",
    target: "_blank",
    className: "my-3"
  }, formatMessage({
    id: 'DEMO_VIDEO'
  })), /*#__PURE__*/_react.default.createElement("a", {
    href: "https://ethsign-1.gitbook.io/ethsign/",
    target: "_blank",
    className: "my-3"
  }, formatMessage({
    id: 'FAQS'
  })), /*#__PURE__*/_react.default.createElement("a", {
    href: "https://dygdc65xyp5.typeform.com/to/lC3Sns44",
    target: "_blank",
    className: "my-3"
  }, formatMessage({
    id: 'TROUBLESHOOTING'
  })))))));
};

var _default = (0, _reactRouterDom.withRouter)(Landing);

exports.default = _default;