{"version":3,"sources":["webpack:///./src/mobile/containers/Home/style.less","webpack:///./src/commons/components/ImageLazyLoad/ImageLazyLoad.tsx","webpack:///./src/commons/components/ImageLazyLoad/index.ts","webpack:///./src/commons/components/CoverImage/CoverImage.tsx","webpack:///./src/commons/components/CoverImage/index.ts","webpack:///../shared/assets/img/web_app.png","webpack:///./src/desktop/containers/Home/components/BriefIntro/style.less","webpack:///./src/desktop/containers/Home/components/TryItNow/style.less","webpack:///../shared/assets/img/google_play.png","webpack:///./src/desktop/containers/Home/components/BriefIntro/BriefIntro.tsx","webpack:///./src/desktop/containers/Home/components/BriefIntro/index.ts","webpack:///./src/desktop/containers/Home/components/DetailIntro/DetailIntro.tsx","webpack:///./src/desktop/containers/Home/components/DetailIntro/index.ts","webpack:///./src/desktop/containers/Home/components/TryItNow/TryItNow.tsx","webpack:///./src/desktop/containers/Home/components/TryItNow/index.ts","webpack:///./src/desktop/containers/Home/components/SignUpSection/SignUpSection.tsx","webpack:///./src/desktop/containers/Home/components/SignUpSection/index.ts","webpack:///./src/desktop/containers/Home/Home.tsx","webpack:///./src/desktop/containers/Home/components/DetailIntro/style.less","webpack:///../shared/assets/img/detail_intro_cover1.gif","webpack:///../shared/assets/img/detail_intro_hover2.webp","webpack:///../shared/assets/img/mobile_app.png","webpack:///../shared/assets/img/detail_intro_cover3.gif","webpack:///../shared/assets/img/apple.png","webpack:///./src/mobile/containers/Home/components/BriefIntro/style.less","webpack:///../shared/assets/img/detail_intro_cover2.gif","webpack:///../shared/assets/img/detail_intro_cover1.webp","webpack:///../shared/assets/img/detail_intro_cover2.webp","webpack:///./src/mobile/containers/Home/components/MindMapIntro/style.less","webpack:///./src/mobile/components/Footer/style.less","webpack:///../shared/assets/img/detail_intro_hover1.webp","webpack:///./src/mobile/containers/Home/components/DetailIntro/style.less","webpack:///../shared/assets/img/detail_intro_hover3.webp","webpack:///../shared/assets/img/detail_intro_hover2.gif","webpack:///./src/desktop/containers/Home/components/SignUpSection/style.less","webpack:///./src/mobile/components/Footer/Footer.tsx","webpack:///./src/mobile/components/Footer/index.ts","webpack:///./src/mobile/containers/Home/components/MindMapIntro/MindMapIntro.tsx","webpack:///./src/mobile/containers/Home/components/MindMapIntro/index.ts","webpack:///./src/mobile/containers/Home/components/BriefIntro/BriefIntro.tsx","webpack:///./src/mobile/containers/Home/components/BriefIntro/index.ts","webpack:///./src/mobile/containers/Home/components/DetailIntro/DetailIntro.tsx","webpack:///./src/mobile/containers/Home/components/DetailIntro/index.ts","webpack:///./src/mobile/containers/Home/components/TryItNow/TryItNow.tsx","webpack:///./src/mobile/containers/Home/components/TryItNow/index.ts","webpack:///./src/mobile/containers/Home/Home.tsx","webpack:///../shared/assets/img/detail_intro_hover1.gif","webpack:///./src/desktop/containers/Home/style.less","webpack:///./src/mobile/containers/Home/components/TryItNow/style.less","webpack:///../shared/assets/img/detail_intro_hover3.gif","webpack:///../shared/assets/img/brief_intro_mindmap.png","webpack:///../shared/assets/img/detail_intro_cover3.webp","webpack:///../shared/assets/img/brief_intro_outline.png"],"names":["module","exports","isSupportWebp","checkIsSupportWebp","ImageLazyLoad","props","img","webp","once","lazyHeight","offset","resize","scroll","throttle","debounce","placeholder","scrollContainer","unmountIfInvisible","preventLoading","rest","safetyImg","useMemo","height","src","CoverImage","coverImg","coverWebp","hoverImg","hoverWebp","onMouseEnter","onMouseOut","useState","isHover","setIsHover","handleMouseEnter","useCallback","handleMouseOut","computedImg","computedWebp","bindMouseEvents","defaultProps","BriefIntro","t","useTranslate","breathe","setBreathe","showOutline","setShowOutline","signupVisible","setSignupVisible","email","setEmail","undefined","timerId","setTimerId","startChangeTimer","currentTimer","setTimeout","location","pathname","Path","Home","clearChangeTimer","clearTimeout","useEffect","localStorage","getItem","StorageKey","SHOWED_BREATHE","Input","size","type","value","onFocus","Tea","onChange","e","currentTarget","suffix","Button","onClick","Log","eventLabel","eventAction","eventCategory","block","goThirdPartyLogin","theme","require","onMouseLeave","briefIntroMindmap","classnames","show","briefIntroOutline","shape","switch_to","setItem","LoginModal","LoginModalType","SignUp","visible","onClose","DetailIntro","datas","title","description","cover1","webpCover1","hover1","webpHover1","key","reverse","cover2","webpCover2","hover2","webpHover2","cover3","webpCover3","hover3","webpHover3","map","item","des","index","feature_name","TryItNow","signUpVisible","setSignUpVisible","id","TryItNowRefId","webImg","onBlur","status","mobileImg","Popover","content","CLIENT_CONFIG","appStoreUrl","placement","platform_type","target","href","googlePlayUrl","SignUpSection","Helmet","Header","Container","Footer","infos","links","label","window","scrollTo","MobileDownLoad","useHash","Terms","PrivacyPolicy","linkItem","Link","transport","to","MindMapIntro","isMubu","useContext","AppContext","NotFound"],"mappings":"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","file":"Home-e4ac724fadd5f778d11b.js","sourcesContent":["// extracted by mini-css-extract-plugin\nmodule.exports = {\"home\":\"style__home___EzEyvTTO\"};","import React, { useMemo } from 'react';\nimport OrignLazyLoad, { LazyLoadProps } from 'react-lazyload';\n\nimport { checkIsSupportWebp } from '$helpers/index';\n\nconst isSupportWebp = checkIsSupportWebp();\n\ninterface ImageLazyLoadProps extends LazyLoadProps {\n  img: string;\n  webp?: string;\n  lazyHeight?: string | number;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  [key: string]: any;\n}\n\n/**\n *\n * @param props\n * img: 默认使用图片\n * webp: 可选的webp图片，会在浏览器支持情况下使用\n * lazyHeight: 懒加载的占位高度\n */\nfunction ImageLazyLoad(props: ImageLazyLoadProps) {\n  const {\n    img,\n    webp,\n    once,\n    lazyHeight,\n    offset,\n    resize,\n    scroll,\n    throttle,\n    debounce,\n    placeholder,\n    scrollContainer,\n    unmountIfInvisible,\n    preventLoading,\n    ...rest\n  } = props;\n\n  const safetyImg = useMemo(() => {\n    if (isSupportWebp && webp) return webp;\n    return img;\n  }, [img, webp]);\n\n  return (\n    <OrignLazyLoad\n      once={once}\n      height={lazyHeight}\n      offset={offset}\n      resize={resize}\n      scroll={scroll}\n      throttle={throttle}\n      debounce={debounce}\n      placeholder={placeholder}\n      scrollContainer={scrollContainer}\n      unmountIfInvisible={unmountIfInvisible}\n      preventLoading={preventLoading}>\n      <img src={safetyImg} {...rest} />\n    </OrignLazyLoad>\n  );\n}\n\nexport default ImageLazyLoad;\n","import ImageLazyLoad from './ImageLazyLoad';\n\nexport default ImageLazyLoad;\n","import React, { useCallback, useMemo, useState } from 'react';\nimport { LazyLoadProps } from 'react-lazyload';\n\nimport ImageLazyLoad from '$commons/components/ImageLazyLoad';\n\ninterface CoverImageProps extends LazyLoadProps {\n  coverImg: string;\n  coverWebp?: string;\n  hoverImg: string;\n  hoverWebp?: string;\n  lazyHeight: string | number;\n  onMouseEnter: () => void;\n  onMouseOut: () => void;\n}\n\nCoverImage.defaultProps = {\n  onMouseEnter: () => {},\n  onMouseOut: () => {},\n};\n\n/**\n *\n * @param props\n *  cover: 封面图\n *  coverWebp: 可选webp封面图，在支持的情况下会启用\n *  hoverImg: hover上去显示的图片/gif\n *  hoverWebp: hover上去显示可选的webp图片，在支持的情况下会选用\n *  lazyHeight： 懒加载的占位高度\n */\nfunction CoverImage(props: CoverImageProps) {\n  const {\n    coverImg,\n    coverWebp,\n    hoverImg,\n    hoverWebp,\n    onMouseEnter,\n    onMouseOut,\n    ...rest\n  } = props;\n  const [isHover, setIsHover] = useState(false);\n\n  const handleMouseEnter = useCallback(() => {\n    onMouseEnter();\n    setIsHover(true);\n  }, [onMouseEnter]);\n\n  const handleMouseOut = useCallback(() => {\n    onMouseOut();\n    setIsHover(false);\n  }, [onMouseOut]);\n\n  const computedImg = useMemo(() => {\n    if (isHover) return hoverImg;\n    return coverImg;\n  }, [isHover, coverImg, hoverImg]);\n\n  const computedWebp = useMemo(() => {\n    if (isHover) return hoverWebp;\n    return coverWebp;\n  }, [isHover, hoverWebp, coverWebp]);\n\n  const bindMouseEvents = useMemo(\n    () => ({\n      onMouseEnter: handleMouseEnter,\n      onMouseOut: handleMouseOut,\n    }),\n    [handleMouseEnter, handleMouseOut]\n  );\n\n  return (\n    <ImageLazyLoad\n      img={computedImg}\n      webp={computedWebp}\n      {...rest}\n      {...bindMouseEvents}\n    />\n  );\n}\n\nexport default CoverImage;\n","import CoverImage from './CoverImage';\n\nexport default CoverImage;\n","module.exports = __webpack_public_path__ + \"d675161559598c3259eebca3d148c33d.png\";","// extracted by mini-css-extract-plugin\nmodule.exports = {\"brief\":\"style__brief___-FS5_XGM\",\"left-content-wrap\":\"style__left-content-wrap___3dDIZtjY\",\"btn-wrap\":\"style__btn-wrap___1A8Q3Uc_\",\"google-btn\":\"style__google-btn___1WPVvOKr\",\"google-icon\":\"style__google-icon___3ONJ1ZtY\",\"title\":\"style__title___1-HTLgDp\",\"img-wrap\":\"style__img-wrap___3H4mCLmA\",\"editor-img\":\"style__editor-img___1ZZYmTxf\",\"show\":\"style__show___1po9h_Y9\",\"mindmap-btn\":\"style__mindmap-btn___2HIWo8MB\",\"outline-icon\":\"style__outline-icon___3k_s5rDk\",\"mindmap-icon\":\"style__mindmap-icon___1vmypd9k\",\"breathe-effect\":\"style__breathe-effect___-JyV3WCd\",\"breathe\":\"style__breathe___2JghxBET\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"try-it\":\"style__try-it___1Yqgn4Y_\",\"position-flag\":\"style__position-flag___DP2GEUFS\",\"app-wrap\":\"style__app-wrap___10fDcRE7\",\"app\":\"style__app___D5JIN6yq\",\"img\":\"style__img___2cFzmz7i\",\"app-img\":\"style__app-img___ul8M_6GD\",\"web-img\":\"style__web-img___2QsUwf2z\",\"mobile-img\":\"style__mobile-img___fC1wk01D\",\"sign-up-wrap\":\"style__sign-up-wrap___1LjTkQqD\",\"sign-up-btn\":\"style__sign-up-btn___3Mcc8-XJ\",\"btn-group\":\"style__btn-group___HKZj9iI7\",\"btn\":\"style__btn___1X83htol\",\"apple-btn-wrap\":\"style__apple-btn-wrap___2R6Q9STl\",\"icon\":\"style__icon___AsyvGWI9\",\"qr-container\":\"style__qr-container___uamFqWLJ\"};","module.exports = __webpack_public_path__ + \"1fbd9495cda341aafd3ff36953fe64ef.png\";","import classnames from 'classnames';\nimport React, { useEffect, useState } from 'react';\nimport LazyLoad from 'react-lazyload';\n\nimport { goThirdPartyLogin } from '$helpers';\nimport Log from '$helpers/log';\nimport LoginModal, { LoginModalType } from '$components/LoginModal';\nimport { StorageKey } from '$constants';\nimport { Path } from '$constants/page';\nimport Tea from '$helpers/tea';\nimport briefIntroMindmap from '$img/brief_intro_mindmap.png';\nimport briefIntroOutline from '$img/brief_intro_outline.png';\nimport Button from '$mubu-ui/Button';\nimport Input from '$mubu-ui/Input';\nimport useTranslate from '$translate';\n\nimport './style.less';\n\nfunction BriefIntro() {\n  const t = useTranslate();\n  const [breathe, setBreathe] = useState(false);\n  const [showOutline, setShowOutline] = useState(true);\n  const [signupVisible, setSignupVisible] = useState(false);\n  const [email, setEmail] = useState('');\n  const [timerId, setTimerId] = useState<\n    ReturnType<typeof setTimeout> | undefined\n  >(undefined);\n\n  /**\n   * 判断要不要呼吸\n   */\n  useEffect(() => {\n    const showedBreatheStr = localStorage.getItem(StorageKey.SHOWED_BREATHE);\n    if (!showedBreatheStr) {\n      setBreathe(true);\n    }\n  }, []);\n\n  /**\n   * 大纲视图和 mindmap 视图的轮播\n   */\n  useEffect(() => {\n    startChangeTimer();\n    return clearChangeTimer;\n  }, [showOutline]);\n\n  /**\n   * 开始变换图片的倒计时\n   */\n  function startChangeTimer() {\n    const currentTimer = setTimeout(() => {\n      if (location.pathname === Path.Home) {\n        setShowOutline(!showOutline);\n      }\n    }, 5000);\n    setTimerId(currentTimer);\n  }\n\n  /**\n   * 关闭变换图片的倒计时\n   */\n  function clearChangeTimer() {\n    if (timerId) {\n      clearTimeout(timerId);\n    }\n  }\n\n  function getStart() {\n    Log({\n      eventLabel: 'get started',\n      eventAction: 'click',\n      eventCategory: 'home_brief',\n    });\n    Tea('web_click_land_get_start');\n    setSignupVisible(true);\n  }\n\n  function closeModal() {\n    setSignupVisible(false);\n  }\n\n  function changeImg() {\n    Log({\n      eventCategory: 'home_brief',\n      eventAction: 'click',\n      eventLabel: 'change img',\n    });\n    Tea('web_click_land_switch', {\n      switch_to: showOutline ? 'outline' : 'mindmap',\n    });\n    // 点击过以后, 就不会呼吸了\n    if (breathe) {\n      localStorage.setItem(StorageKey.SHOWED_BREATHE, 'yes');\n      setBreathe(false);\n    }\n\n    setShowOutline(!showOutline);\n  }\n\n  function onEmailChange(e: React.FormEvent<HTMLInputElement>) {\n    setEmail(e.currentTarget.value);\n  }\n\n  function onGoogleLoginBtnClick() {\n    Log({\n      eventAction: 'click',\n      eventCategory: 'home_brief',\n      eventLabel: 'continue with google',\n    });\n    Tea('web_click_land_google');\n    goThirdPartyLogin();\n  }\n\n  function handleEmailFocus() {\n    Tea('web_input_land_email');\n  }\n\n  return (\n    <div styleName=\"brief\">\n      {/* 页面左侧内容 */}\n      <div styleName=\"left-content-wrap\">\n        <div styleName=\"title\">\n          {/* 主标题 */}\n          <h2>{t('TransnoWeb_Home_S1Title')}</h2>\n          <h3>{t('TransnoWeb_Home_S1Des')}</h3>\n        </div>\n\n        <div styleName=\"btn-wrap\">\n          {/* 输入邮箱 */}\n          <Input\n            placeholder=\"Enter your email\"\n            size=\"large\"\n            type=\"email\"\n            value={email}\n            onFocus={handleEmailFocus}\n            onChange={onEmailChange}\n            suffix={\n              <Button size=\"large\" onClick={getStart}>\n                {t('TransnoWeb_Form_BtnStart')}\n              </Button>\n            }\n          />\n          {/* 谷歌登录  */}\n          <Button\n            block\n            size=\"large\"\n            styleName=\"google-btn\"\n            onClick={onGoogleLoginBtnClick}\n            theme=\"light\">\n            <img src={require('$img/google.png')} styleName=\"google-icon\" />\n            {t('TransnoWeb_Home_BtnContinueGoogle')}\n          </Button>\n        </div>\n      </div>\n\n      {/* 右侧大纲和脑图的展示, 点击按钮可切换 */}\n      <figure styleName=\"img-wrap\">\n        <LazyLoad height={628}>\n          {/* 将鼠标事件写在每个图片是为了避免 button 的影响 */}\n          <img\n            onMouseEnter={clearChangeTimer}\n            onMouseLeave={startChangeTimer}\n            src={briefIntroMindmap}\n            styleName={classnames('editor-img', { show: !showOutline })}\n          />\n          <img\n            onMouseEnter={clearChangeTimer}\n            onMouseLeave={startChangeTimer}\n            src={briefIntroOutline}\n            styleName={classnames('editor-img', { show: showOutline })}\n          />\n        </LazyLoad>\n        <div styleName=\"mindmap-btn\">\n          <Button\n            shape=\"circle\"\n            size=\"small\"\n            styleName={classnames({\n              'breathe-effect': breathe,\n              'outline-icon': !showOutline,\n              'mindmap-icon': showOutline,\n            })}\n            onClick={changeImg}>\n            <span>click</span>\n          </Button>\n        </div>\n      </figure>\n\n      <LoginModal\n        email={email}\n        type={LoginModalType.SignUp}\n        visible={signupVisible}\n        onClose={closeModal}\n      />\n    </div>\n  );\n}\n\nexport default BriefIntro;\n","/**\n * 首页的 Minimalist Outline Notes 模块\n */\n\nimport BriefIntro from './BriefIntro';\n\nexport default BriefIntro;\n","import classnames from 'classnames';\nimport React from 'react';\n\nimport CoverImage from '$commons/components/CoverImage';\nimport Tea from '$helpers/tea';\nimport cover1 from '$img/detail_intro_cover1.gif';\nimport webpCover1 from '$img/detail_intro_cover1.webp';\nimport cover2 from '$img/detail_intro_cover2.gif';\nimport webpCover2 from '$img/detail_intro_cover2.webp';\nimport cover3 from '$img/detail_intro_cover3.gif';\nimport webpCover3 from '$img/detail_intro_cover3.webp';\nimport hover1 from '$img/detail_intro_hover1.gif';\nimport webpHover1 from '$img/detail_intro_hover1.webp';\nimport hover2 from '$img/detail_intro_hover2.gif';\nimport webpHover2 from '$img/detail_intro_hover2.webp';\nimport hover3 from '$img/detail_intro_hover3.gif';\nimport webpHover3 from '$img/detail_intro_hover3.webp';\nimport useTranslate from '$translate';\n\nimport './style.less';\n\nfunction DetailIntro() {\n  const t = useTranslate();\n  const datas = [\n    {\n      title: t('TransnoWeb_Home_S2S1Title'),\n      description: [\n        t('TransnoWeb_Home_S2S1Des1'),\n        t('TransnoWeb_Home_S2S1Des2'),\n      ],\n      coverImg: cover1,\n      coverWebp: webpCover1,\n      hoverImg: hover1,\n      hoverWebp: webpHover1,\n      key: 'structure_note',\n    },\n    {\n      title: t('TransnoWeb_Home_S2S2Title'),\n      description: [\n        t('TransnoWeb_Home_S2S2Des1'),\n        t('TransnoWeb_Home_S2S2Des2'),\n      ],\n      reverse: true,\n      coverImg: cover2,\n      coverWebp: webpCover2,\n      hoverImg: hover2,\n      hoverWebp: webpHover2,\n      key: 'one_tap_to',\n    },\n    {\n      title: t('TransnoWeb_Home_S2S3Title'),\n      description: [\n        t('TransnoWeb_Home_S2S3Des1'),\n        t('TransnoWeb_Home_S2S3Des2'),\n      ],\n      coverImg: cover3,\n      coverWebp: webpCover3,\n      hoverImg: hover3,\n      hoverWebp: webpHover3,\n      key: 'cloud_colla',\n    },\n  ];\n\n  function handleMouseEnter(key: string) {\n    Tea('web_hover_feat_gif', {\n      feature_name: key,\n    });\n  }\n\n  return (\n    <div styleName=\"detail\">\n      <h2>{t('TransnoWeb_Home_S2Title')}</h2>\n      {datas.map((item) => (\n        <div\n          styleName={classnames('intro-wrap', { reverse: item.reverse })}\n          key={item.key}>\n          <div styleName=\"text-wrap\">\n            <h3>{item.title}</h3>\n            {item.description.map((des, index) => (\n              <p key={index}>{des}</p>\n            ))}\n          </div>\n          <figure styleName=\"img-wrap\">\n            <CoverImage\n              lazyHeight={320}\n              coverImg={item.coverImg}\n              coverWebp={item.coverWebp}\n              hoverImg={item.hoverImg}\n              hoverWebp={item.hoverWebp}\n              onMouseEnter={() => handleMouseEnter(item.key)}\n            />\n          </figure>\n        </div>\n      ))}\n    </div>\n  );\n}\n\nexport default DetailIntro;\n","/**\n * 首页 Simple and clear structured record 模块\n */\nimport DetailIntro from './DetailIntro';\n\nexport default DetailIntro;\n","import QRCode from 'qrcode.react';\nimport React, { useState } from 'react';\nimport LazyLoad from 'react-lazyload';\n\nimport Log from '$helpers/log';\nimport LoginModal, { LoginModalType } from '$components/LoginModal';\nimport { TryItNowRefId } from '$constants/page';\nimport Tea from '$helpers/tea';\nimport mobileImg from '$img/mobile_app.png';\nimport webImg from '$img/web_app.png';\nimport Button from '$mubu-ui/Button';\nimport Input from '$mubu-ui/Input';\nimport Popover from '$mubu-ui/Popover';\nimport useTranslate from '$translate';\n\nimport './style.less';\n\nfunction TryItNow() {\n  const t = useTranslate();\n  const [email, setEmail] = useState('');\n  const [signUpVisible, setSignUpVisible] = useState(false);\n  function onSignUpOpen() {\n    Log({\n      eventLabel: 'sign up',\n      eventAction: 'click',\n      eventCategory: 'home_try_it',\n    });\n    Tea('web_click_down_signup');\n\n    setSignUpVisible(true);\n  }\n  function onSignUpClose() {\n    setSignUpVisible(false);\n  }\n\n  function onEmailChange(e: React.FormEvent<HTMLInputElement>) {\n    setEmail(e.currentTarget.value);\n  }\n\n  function onAppStoreClick() {\n    Log({\n      eventLabel: 'app store',\n      eventCategory: 'home_try_it',\n      eventAction: 'click',\n    });\n    Tea('web_click_down_app', { platform_type: 'ios' });\n  }\n\n  function onGooglePlayClick() {\n    Log({\n      eventLabel: 'google play',\n      eventCategory: 'home_try_it',\n      eventAction: 'click',\n    });\n    Tea('web_click_down_app', { platform_type: 'android' });\n  }\n\n  function renderAppleQrcode() {\n    return (\n      <div styleName=\"qr-container\">\n        <p>{t('TransnoWeb_Home_ScanQrcodeGetApp')}</p>\n        <QRCode value={CLIENT_CONFIG.appStoreUrl} />\n      </div>\n    );\n  }\n\n  function renderGoogleQrcode() {\n    return (\n      <div styleName=\"qr-container\">\n        <p>{t('TransnoWeb_Home_ScanQrcodeGetApp')}</p>\n        <QRCode value={CLIENT_CONFIG.googlePlayUrl} />\n      </div>\n    );\n  }\n\n  function handleEmailBlur() {\n    Tea('web_input_down_email', {\n      status: 'complete_input',\n    });\n  }\n\n  return (\n    <div styleName=\"try-it\">\n      {/* 用于滚动定位页面 */}\n      <div styleName=\"position-flag\" id={TryItNowRefId} />\n\n      <h2>{t('TransnoWeb_Home_S3Title')}</h2>\n\n      <div styleName=\"app-wrap\">\n        {/* Web App */}\n        <div styleName=\"app\">\n          {/* 标题 */}\n          <h3>{t('TransnoWeb_Home_S3WebApp')}</h3>\n\n          {/* 图片 */}\n          <div styleName=\"img\">\n            <LazyLoad height={300}>\n              <img styleName=\"app-img web-img\" src={webImg} />\n            </LazyLoad>\n          </div>\n\n          {/* 输入框 */}\n          <div styleName=\"sign-up-wrap\">\n            <Input\n              value={email}\n              onChange={onEmailChange}\n              onBlur={handleEmailBlur}\n              placeholder={t('TransnoWeb_Form_PlaceholderEmail')}\n              size=\"large\"\n              suffix={\n                <Button\n                  size=\"large\"\n                  styleName=\"sign-up-btn\"\n                  onClick={onSignUpOpen}>\n                  {t('TransnoWeb_Form_BtnSignup')}\n                </Button>\n              }\n            />\n          </div>\n        </div>\n\n        {/* Mobile App */}\n        <div styleName=\"app\">\n          {/* 标题 */}\n          <h3>{t('TransnoWeb_Home_S3MobileApp')}</h3>\n\n          {/* 图片 */}\n          <div styleName=\"img\">\n            <LazyLoad height={300}>\n              <img styleName=\"app-img mobile-img\" src={mobileImg} />\n            </LazyLoad>\n          </div>\n          {/* 按钮组 */}\n          <div styleName=\"btn-group\">\n            {/* 跳转到 App Store */}\n            <span styleName=\"apple-btn-wrap\">\n              <Popover content={renderAppleQrcode()} placement=\"top\">\n                <Button\n                  onClick={onAppStoreClick}\n                  styleName=\"btn\"\n                  theme=\"light\"\n                  size=\"large\"\n                  target=\"_blank\"\n                  href={CLIENT_CONFIG.appStoreUrl}>\n                  <img src={require('$img/apple.png')} styleName=\"icon\" />\n                  <span>App Store</span>\n                </Button>\n              </Popover>\n            </span>\n\n            {/* 跳转到 Google Play */}\n            <Popover content={renderGoogleQrcode()} placement=\"top\">\n              <Button\n                onClick={onGooglePlayClick}\n                styleName=\"btn\"\n                theme=\"light\"\n                size=\"large\"\n                target=\"_blank\"\n                href={CLIENT_CONFIG.googlePlayUrl}>\n                <img src={require('$img/google_play.png')} styleName=\"icon\" />\n                <span>Google Play</span>\n              </Button>\n            </Popover>\n          </div>\n        </div>\n      </div>\n\n      <LoginModal\n        email={email}\n        type={LoginModalType.SignUp}\n        visible={signUpVisible}\n        onClose={onSignUpClose}\n      />\n    </div>\n  );\n}\n\nexport default TryItNow;\n","import TryItNow from './TryItNow';\n\nexport default TryItNow;\n","import React, { useState } from 'react';\n\nimport { goThirdPartyLogin } from '$helpers';\nimport Log from '$helpers/log';\nimport LoginModal, { LoginModalType } from '$components/LoginModal';\nimport Tea from '$helpers/tea';\nimport Button from '$mubu-ui/Button';\nimport useTranslate from '$translate';\n\n// import facebookIcon from '$icons/facebook.svg';\nimport './style.less';\n\nfunction SignUpSection() {\n  const t = useTranslate();\n  const [signUpVisible, setSignUpVisible] = useState(false);\n\n  function onSignUpOpen() {\n    Log({\n      eventAction: 'click',\n      eventCategory: 'home_signup',\n      eventLabel: 'don‘t have a account？',\n    });\n    Tea('web_click_down_create_account');\n    setSignUpVisible(true);\n  }\n\n  function onSignUpClose() {\n    setSignUpVisible(false);\n  }\n\n  function onGoogleLoginBtnClick() {\n    Log({\n      eventAction: 'click',\n      eventCategory: 'home_signup',\n      eventLabel: 'sign in with google',\n    });\n    Tea('web_click_down_google');\n    goThirdPartyLogin();\n  }\n\n  // function onFacebookLoginBtnClick() {\n  //   Log({\n  //     eventAction: 'click',\n  //     eventCategory: 'home_signup',\n  //     eventLabel: 'sign in with foogle',\n  //   });\n\n  //   goThirdPartyLogin(LoginMode.FACEBOOK);\n  // }\n\n  return (\n    <div styleName=\"sign-up\">\n      <h2>{t('TransnoWeb_Home_S4Title')}</h2>\n      <p styleName=\"des\">{t('TransnoWeb_Home_S4Des')}</p>\n\n      <div styleName=\"btn-group\">\n        {/* 谷歌登录 */}\n        <div styleName=\"btn-wrap\">\n          <Button block size=\"large\" onClick={onGoogleLoginBtnClick}>\n            <img src={require('$img/google.png')} styleName=\"icon\" />\n            {t('TransnoWeb_Home_BtnSignGoogle')}\n          </Button>\n        </div>\n\n        {/* Facebook 登录 */}\n        {/* <div styleName=\"btn-wrap\">\n          <Button block size=\"large\" onClick={onFacebookLoginBtnClick}>\n            <img styleName=\"icon\" src={facebookIcon} />\n            {t('TransnoWeb_Home_BtnSignFacebook')}\n          </Button>\n        </div> */}\n      </div>\n\n      <p styleName=\"go-sign-up\" onClick={onSignUpOpen}>\n        {t('TransnoWeb_Home_S4Account')}\n      </p>\n\n      {/* 注册弹窗 */}\n      <LoginModal\n        type={LoginModalType.SignUp}\n        visible={signUpVisible}\n        onClose={onSignUpClose}\n      />\n    </div>\n  );\n}\n\nexport default SignUpSection;\n","import SignUpSection from './SignUpSection';\n\nexport default SignUpSection;\n","import React from 'react';\nimport { Helmet } from 'react-helmet';\n\nimport Container from '$components/Container';\nimport Footer from '$components/Footer';\nimport Header from '$components/Header';\nimport BriefIntro from '$containers/Home/components/BriefIntro';\nimport DetailIntro from '$containers/Home/components/DetailIntro';\nimport TryItNow from '$containers/Home/components/TryItNow';\nimport useTranslate from '$translate';\n\nimport SignUpSection from './components/SignUpSection';\n\nimport './style.less';\n\nfunction Home(): React.ReactElement {\n  const t = useTranslate();\n  return (\n    <div styleName=\"home\">\n      <Helmet>\n        <title>{t('TransnoWeb_Meta_HomeTitle')}</title>\n      </Helmet>\n      <Header />\n\n      <section>\n        <Container>\n          <BriefIntro />\n        </Container>\n      </section>\n\n      <div styleName=\"white-bg\">\n        <Container>\n          <DetailIntro />\n          <TryItNow />\n          <SignUpSection />\n        </Container>\n      </div>\n\n      <Footer />\n    </div>\n  );\n}\n\nexport default Home;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"detail\":\"style__detail___flgSyC14\",\"intro-wrap\":\"style__intro-wrap___38UvNHIg\",\"text-wrap\":\"style__text-wrap___27VoZZE7\",\"img-wrap\":\"style__img-wrap___kNg3ADiT\",\"reverse\":\"style__reverse___2FjQpES1\"};","module.exports = __webpack_public_path__ + \"bdcf81d695f5c6f35f93abddbf544dd9.gif\";","module.exports = __webpack_public_path__ + \"795f7ec3131b8f8952758c31ea13eed0.webp\";","module.exports = __webpack_public_path__ + \"0abe4a30e4d7da935dc8bdcb894185cb.png\";","module.exports = __webpack_public_path__ + \"02ce265cdb06a87fd57f7c3da7a5bf20.gif\";","module.exports = __webpack_public_path__ + \"32dda727cdcafcf9d8c8ad55bb5f08d3.png\";","// extracted by mini-css-extract-plugin\nmodule.exports = {\"brief-title\":\"style__brief-title___3bE5Kc3U\",\"main-title\":\"style__main-title___2o7WFxsI\",\"side-title\":\"style__side-title___1Jd7OEKc\"};","module.exports = __webpack_public_path__ + \"3c13b60ac97bf92d6e903fb22a69e6ef.gif\";","module.exports = __webpack_public_path__ + \"c684fc0aaee5d48c21415ddcf35bb126.webp\";","module.exports = __webpack_public_path__ + \"070141d8acac57d4194d2121c5a77788.webp\";","// extracted by mini-css-extract-plugin\nmodule.exports = {\"img-wrap\":\"style__img-wrap___FfcQJd_X\",\"editor-img\":\"style__editor-img___16LBMcew\",\"outline-img\":\"style__outline-img___1lTkdIg8\",\"show\":\"style__show___1U8WfLOM\",\"mindmap-btn\":\"style__mindmap-btn___1UQYqbzT\",\"outline-icon\":\"style__outline-icon___EL5bO3V0\",\"mindmap-icon\":\"style__mindmap-icon___XSMWpeI9\",\"breathe-effect\":\"style__breathe-effect___opwQkwhw\",\"breathe\":\"style__breathe___2uAzrxjy\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"footer\":\"style__footer___KwjIL-J_\",\"info-wrap\":\"style__info-wrap___1tgiu6uX\",\"info-block\":\"style__info-block___BkQX5lyh\",\"title\":\"style__title___2VFbWY3M\",\"link\":\"style__link___2CYOYnRU\"};","module.exports = __webpack_public_path__ + \"19fb70feab92486d30c51f25d01870f2.webp\";","// extracted by mini-css-extract-plugin\nmodule.exports = {\"detail\":\"style__detail___yxyq0QNG\",\"intro-wrap\":\"style__intro-wrap___3g7ROuDh\",\"text-wrap\":\"style__text-wrap___3iFLgSjn\",\"img-wrap\":\"style__img-wrap___2fNOXriW\"};","module.exports = __webpack_public_path__ + \"c7c6617e1e18a59220ba4fcae1be8f2f.webp\";","module.exports = __webpack_public_path__ + \"4b00c5dbf3fcb12d8164a0867f46710c.gif\";","// extracted by mini-css-extract-plugin\nmodule.exports = {\"sign-up\":\"style__sign-up___evm6pUyg\",\"des\":\"style__des___345MeFgT\",\"btn-group\":\"style__btn-group___39efzhhU\",\"btn-wrap\":\"style__btn-wrap___nXTqA13q\",\"icon\":\"style__icon___O1e8klhp\",\"go-sign-up\":\"style__go-sign-up___sUj4RHXH\"};","import React from 'react';\n\nimport Log from '$helpers/log';\nimport Link from '$components/Link';\nimport { Path } from '$constants/page';\nimport useTranslate from '$translate';\n\nimport './style.less';\n\ninterface Link {\n  label: string;\n  href: string;\n  target: string;\n  onClick?: () => void;\n  useHash?: boolean;\n}\n\ninterface Infos {\n  title: string;\n  links: Link[];\n}\n\nfunction Footer() {\n  const t = useTranslate();\n  const infos: Infos[] = [\n    {\n      title: t('TransnoWeb_Footer_Product'),\n      links: [\n        {\n          label: t('TransnoWeb_Footer_ProductHome'),\n          href: Path.Home,\n          target: '_self',\n          onClick: () => {\n            window.scrollTo(0, 0);\n          },\n        },\n        {\n          label: t('TransnoWeb_Footer_ProductDownload'),\n          href: Path.MobileDownLoad,\n          useHash: true,\n          target: '_self',\n        },\n      ],\n    },\n    {\n      title: t('TransnoWeb_Footer_Company'),\n      links: [\n        {\n          label: t('TransnoWeb_Footer_CompanyTermsOfService'),\n          href: Path.Terms,\n          target: '_blank',\n        },\n        {\n          label: t('TransnoWeb_Footer_PrivacyPolicy'),\n          href: Path.PrivacyPolicy,\n          target: '_blank',\n        },\n      ],\n    },\n    {\n      title: t('TransnoWeb_Footer_Contact'),\n      links: [\n        {\n          label: t('TransnoWeb_Footer_ContactGmail'),\n          href: 'mailto:transnohelp@gmail.com',\n          target: '_blank',\n        },\n        {\n          label: t('TransnoWeb_Footer_ContactTelegram'),\n          href: 'https://t.me/transnousergroup',\n          target: '_blank',\n        },\n        {\n          label: t('TransnoWeb_Footer_ContactTwitter'),\n          href: 'https://twitter.com/TransnoApp',\n          target: '_blank',\n        },\n        {\n          label: t('TransnoWeb_Footer_ContactFacebook'),\n          href: 'https://www.facebook.com/Transno-102100077860320/',\n          target: '_blank',\n        },\n      ],\n    },\n  ];\n  function onNavClick(label: string) {\n    Log({\n      eventCategory: 'footer_nav',\n      eventAction: 'click',\n      eventLabel: label,\n      transport: 'beacon',\n    });\n  }\n\n  return (\n    <footer styleName=\"footer\">\n      <div styleName=\"info-wrap\">\n        {infos.map((item) => (\n          <div styleName=\"info-block\" key={item.title}>\n            <p styleName=\"title\">{item.title}</p>\n            {item.links &&\n              item.links.map((linkItem) => (\n                <Link\n                  useHash={linkItem.useHash}\n                  onClick={() => {\n                    onNavClick(linkItem.label);\n                    linkItem.onClick && linkItem.onClick();\n                  }}\n                  target={linkItem.target}\n                  styleName=\"link\"\n                  key={linkItem.label}\n                  to={linkItem.href}>\n                  {linkItem.label}\n                </Link>\n              ))}\n          </div>\n        ))}\n      </div>\n    </footer>\n  );\n}\n\nexport default Footer;\n","import Footer from './Footer';\n\nexport default Footer;\n","import React, { useState, useEffect } from 'react';\nimport LazyLoad from 'react-lazyload';\nimport classnames from 'classnames';\nimport Button from '$mubu-ui/Button';\nimport { StorageKey } from '$constants';\nimport Log from '$helpers/log';\nimport briefIntroOutline from '$img/brief_intro_outline.png';\nimport briefIntroMindmap from '$img/brief_intro_mindmap.png';\n\nimport './style.less';\n\nfunction MindMapIntro(): React.ReactElement {\n  const [breathe, setBreathe] = useState(false);\n  const [showOutline, setShowOutline] = useState(true);\n  const [timerId, setTimerId] = useState<\n    ReturnType<typeof setTimeout> | undefined\n  >(undefined);\n  /**\n   * 判断要不要呼吸\n   */\n  useEffect(() => {\n    const showedBreatheStr = localStorage.getItem(StorageKey.SHOWED_BREATHE);\n    if (!showedBreatheStr) {\n      setBreathe(true);\n    }\n  }, []);\n\n  /**\n   * 大纲视图和 mindmap 视图的轮播\n   */\n  useEffect(() => {\n    startChangeTimer();\n    return clearChangeTimer;\n  }, [showOutline]);\n\n  /**\n   * 开始变换图片的倒计时\n   */\n  function startChangeTimer() {\n    const currentTimer = setTimeout(() => {\n      setShowOutline(!showOutline);\n    }, 5000);\n    setTimerId(currentTimer);\n  }\n\n  /**\n   * 关闭变换图片的倒计时\n   */\n  function clearChangeTimer() {\n    if (timerId) {\n      clearTimeout(timerId);\n    }\n  }\n\n  function changeImg() {\n    Log({\n      eventCategory: 'home_brief',\n      eventAction: 'click',\n      eventLabel: 'change img',\n    });\n\n    // 点击过以后, 就不会呼吸了\n    if (breathe) {\n      localStorage.setItem(StorageKey.SHOWED_BREATHE, 'yes');\n      setBreathe(false);\n    }\n\n    setShowOutline(!showOutline);\n  }\n\n  return (\n    <div styleName=\"img-wrap\">\n      <LazyLoad height={230}>\n        {/* 将鼠标事件写在每个图片是为了避免 button 的影响 */}\n        <img\n          onMouseEnter={clearChangeTimer}\n          onMouseLeave={startChangeTimer}\n          src={briefIntroMindmap}\n          styleName={classnames('editor-img', {\n            show: !showOutline,\n          })}\n        />\n        <img\n          onMouseEnter={clearChangeTimer}\n          onMouseLeave={startChangeTimer}\n          src={briefIntroOutline}\n          styleName={classnames('editor-img', 'outline-img', {\n            show: showOutline,\n          })}\n        />\n      </LazyLoad>\n      <div styleName=\"mindmap-btn\">\n        <Button\n          shape=\"circle\"\n          size=\"small\"\n          styleName={classnames({\n            'breathe-effect': breathe,\n            'outline-icon': !showOutline,\n            'mindmap-icon': showOutline,\n          })}\n          onClick={changeImg}>\n          <span>click</span>\n        </Button>\n      </div>\n    </div>\n  );\n}\n\nexport default MindMapIntro;\n","import MindMapIntro from './MindMapIntro';\n\nexport default MindMapIntro;\n","import React from 'react';\nimport MindMapBrief from '../MindMapIntro';\nimport useTranslate from '$translate';\n\nimport './style.less';\n\nfunction BriefIntro(): React.ReactElement {\n  const t = useTranslate();\n  return (\n    <div>\n      <div styleName=\"brief-title\">\n        <h2 styleName=\"main-title\">{t('TransnoWeb_Home_S1Title')}</h2>\n        <h3 styleName=\"side-title\">{t('TransnoWeb_Home_S1Des')}</h3>\n      </div>\n      <MindMapBrief />\n    </div>\n  );\n}\n\nexport default BriefIntro;\n","import BriefIntro from './BriefIntro';\n\nexport default BriefIntro;\n","import React from 'react';\n\nimport CoverImage from '$commons/components/CoverImage';\nimport cover1 from '$img/detail_intro_cover1.gif';\nimport webpCover1 from '$img/detail_intro_cover1.webp';\nimport cover2 from '$img/detail_intro_cover2.gif';\nimport webpCover2 from '$img/detail_intro_cover2.webp';\nimport cover3 from '$img/detail_intro_cover3.gif';\nimport webpCover3 from '$img/detail_intro_cover3.webp';\nimport hover1 from '$img/detail_intro_hover1.gif';\nimport webpHover1 from '$img/detail_intro_hover1.webp';\nimport hover2 from '$img/detail_intro_hover2.gif';\nimport webpHover2 from '$img/detail_intro_hover2.webp';\nimport hover3 from '$img/detail_intro_hover3.gif';\nimport webpHover3 from '$img/detail_intro_hover3.webp';\nimport useTranslate from '$translate';\n\nimport './style.less';\n\nfunction DetailIntro() {\n  const t = useTranslate();\n\n  const datas = [\n    {\n      title: t('TransnoWeb_Home_S2S1Title'),\n      description: [\n        t('TransnoWeb_Home_S2S1Des1'),\n        t('TransnoWeb_Home_S2S1Des2'),\n      ],\n      coverImg: cover1,\n      coverWebp: webpCover1,\n      hoverImg: hover1,\n      hoverWebp: webpHover1,\n      key: 'structure_note',\n    },\n    {\n      title: t('TransnoWeb_Home_S2S2Title'),\n      description: [\n        t('TransnoWeb_Home_S2S2Des1'),\n        t('TransnoWeb_Home_S2S2Des2'),\n      ],\n      reverse: true,\n      coverImg: cover2,\n      coverWebp: webpCover2,\n      hoverImg: hover2,\n      hoverWebp: webpHover2,\n      key: 'one_tap_to',\n    },\n    {\n      title: t('TransnoWeb_Home_S2S3Title'),\n      description: [\n        t('TransnoWeb_Home_S2S3Des1'),\n        t('TransnoWeb_Home_S2S3Des2'),\n      ],\n      coverImg: cover3,\n      coverWebp: webpCover3,\n      hoverImg: hover3,\n      hoverWebp: webpHover3,\n      key: 'cloud_colla',\n    },\n  ];\n\n  return (\n    <div styleName=\"detail\">\n      <h2>{t('TransnoWeb_Home_S2Title')}</h2>\n      {datas.map((item) => (\n        <div styleName=\"intro-wrap\" key={item.title}>\n          <div styleName=\"text-wrap\">\n            <h3>{item.title}</h3>\n            {item.description.map((des, index) => (\n              <p key={index}>{des}</p>\n            ))}\n          </div>\n          <figure styleName=\"img-wrap\">\n            <CoverImage\n              lazyHeight={280}\n              coverImg={item.coverImg}\n              coverWebp={item.coverWebp}\n              hoverImg={item.hoverImg}\n              hoverWebp={item.hoverWebp}\n            />\n          </figure>\n        </div>\n      ))}\n    </div>\n  );\n}\n\nexport default DetailIntro;\n","/**\n * 首页 Simple and clear structured record 模块\n */\nimport DetailIntro from './DetailIntro';\n\nexport default DetailIntro;\n","import React from 'react';\nimport LazyLoad from 'react-lazyload';\n\nimport { TryItNowRefId } from '$constants/page';\nimport Log from '$helpers/log';\nimport mobileImg from '$img/mobile_app.png';\nimport Button from '$mubu-ui/Button';\nimport useTranslate from '$translate';\n\nimport './style.less';\n\nfunction TryItNow() {\n  const t = useTranslate();\n  function onAppStoreClick() {\n    Log({\n      eventLabel: 'app store',\n      eventCategory: 'home_try_it',\n      eventAction: 'click',\n    });\n  }\n\n  function onGooglePlayClick() {\n    Log({\n      eventLabel: 'google play',\n      eventCategory: 'home_try_it',\n      eventAction: 'click',\n    });\n  }\n\n  return (\n    <div styleName=\"try-it\">\n      {/* 用于滚动定位页面 */}\n      <div styleName=\"position-flag\" id={TryItNowRefId} />\n\n      <h2>{t('TransnoWeb_Home_S3Title')}</h2>\n\n      {/* Mobile App */}\n      <div styleName=\"app\">\n        {/* 标题 */}\n        <h3>{t('TransnoWeb_Home_S3MobileApp')}</h3>\n\n        {/* 图片 */}\n        <LazyLoad height={240}>\n          <img styleName=\"app-img mobile-img\" src={mobileImg} />\n        </LazyLoad>\n\n        {/* 按钮组 */}\n        <div styleName=\"btn-group\">\n          {/* 跳转到 App Store */}\n          <Button\n            onClick={onAppStoreClick}\n            styleName=\"btn apple-btn\"\n            theme=\"light\"\n            size=\"large\"\n            target=\"_blank\"\n            to={CLIENT_CONFIG.appStoreUrl}>\n            <img src={require('$img/apple.png')} styleName=\"icon\" />\n            <span>App Store</span>\n          </Button>\n\n          {/* 跳转到 Google Play */}\n          <Button\n            onClick={onGooglePlayClick}\n            styleName=\"btn\"\n            theme=\"light\"\n            size=\"large\"\n            target=\"_blank\"\n            to={CLIENT_CONFIG.googlePlayUrl}>\n            <img src={require('$img/google_play.png')} styleName=\"icon\" />\n            <span>Google Play</span>\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default TryItNow;\n","import TryItNow from './TryItNow';\n\nexport default TryItNow;\n","import React, { useContext } from 'react';\nimport { Helmet } from 'react-helmet';\n\nimport AppContext from '$contexts/AppContext';\nimport Footer from '$m_components/Footer';\nimport Header from '$m_components/Header';\nimport BriefIntro from '$m_containers/Home/components/BriefIntro';\nimport DetailIntro from '$m_containers/Home/components/DetailIntro';\nimport TryItNow from '$m_containers/Home/components/TryItNow';\nimport NotFound from '$m_containers/NotFound';\nimport useTranslate from '$translate';\n\nimport './style.less';\n\n// Todo: 新版本幕布h5还没有首页，打开 /mobile/路径会导致访问到transno的官网，因此判断是幕布先用404代替\nfunction Home(): React.ReactElement {\n  const { isMubu } = useContext(AppContext);\n  const t = useTranslate();\n  return isMubu ? (\n    <NotFound />\n  ) : (\n    <div styleName=\"home\">\n      <Helmet>\n        <title>{t('TransnoWeb_Meta_HomeTitle')}</title>\n      </Helmet>\n      <Header />\n      <BriefIntro />\n      <DetailIntro />\n      <TryItNow />\n      <Footer />\n    </div>\n  );\n}\n\nexport default Home;\n","module.exports = __webpack_public_path__ + \"95cd795869fa35d356c4fb853356fbf1.gif\";","// extracted by mini-css-extract-plugin\nmodule.exports = {\"home\":\"style__home___2v9n2z5q\",\"white-bg\":\"style__white-bg___2UF25hgg\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"try-it\":\"style__try-it___2-xtU92B\",\"position-flag\":\"style__position-flag___fQR3_NWG\",\"app\":\"style__app___aehrJlnN\",\"app-img\":\"style__app-img___MYI9eUvl\",\"mobile-img\":\"style__mobile-img___1h-9TFV5\",\"sign-up-wrap\":\"style__sign-up-wrap___2vVkA-Iu\",\"sign-up-btn\":\"style__sign-up-btn___1sdGWjV4\",\"btn-group\":\"style__btn-group___31Csdh2D\",\"btn\":\"style__btn___1VJMv_no\",\"apple-btn\":\"style__apple-btn___aOi6DnU6\",\"icon\":\"style__icon___2KCJ5OEo\"};","module.exports = __webpack_public_path__ + \"028dbfd2cc0345fd8cf6c594edb71ac5.gif\";","module.exports = __webpack_public_path__ + \"78147ef02e3a1a8f67a031c6dea7c818.png\";","module.exports = __webpack_public_path__ + \"acb32961286f6595c872b9de385e7aa4.webp\";","module.exports = __webpack_public_path__ + \"9740bb8e92041b056c3e7a0d6e143a71.png\";"],"sourceRoot":""}