{"version":3,"sources":["assets/images/yunayii2.svg","assets/images/yunashooting1-4.jpg","assets/images/yuna-shanghai-4.jpg","assets/images/yunayii-unreal-engine-5.jpg","utils/AppRoute.js","utils/ScrollReveal.js","components/elements/Image.js","components/layout/partials/Logo.js","components/layout/Header.js","components/layout/partials/FooterNav.js","components/layout/Footer.js","layouts/LayoutDefault.js","utils/SectionProps.js","components/elements/Button.js","components/elements/Modal.js","components/sections/Hero.js","components/sections/partials/SectionHeader.js","components/sections/Metrics.js","components/sections/FeaturesSplit.js","views/Home.js","components/sections/HeroAbout.js","views/Profile.js","components/sections/HeroContact.js","views/Contact.js","App.js","serviceWorker.js","index.js"],"names":["module","exports","AppRoute","Component","component","Layout","layout","rest","undefined","props","children","render","ScrollReveal","React","forwardRef","ref","useState","window","innerHeight","viewportHeight","setViewportheight","revealEl","setRevealel","checkComplete","length","document","querySelectorAll","revealElements","i","el","revealDelay","getAttribute","revealOffset","offset","getBoundingClientRect","top","elementIsVisible","closest","classList","contains","setTimeout","add","useImperativeHandle","init","useEffect","addEventListener","handleScroll","handleResize","handleListeners","removeEventListener","throttle","propTypes","PropTypes","func","isRequired","Image","className","src","width","height","alt","loaded","setLoaded","image","useRef","handlePlaceholder","current","img","w","h","placeholder","createElement","style","display","before","opacity","remove","onLoad","defaultProps","Logo","classes","classNames","to","require","Header","navPosition","hideNav","bottomOuterDivider","hideSignin","bottomDivider","isActive","setIsactive","nav","hamburger","openMenu","keyPress","clickOutside","closeMenu","body","maxHeight","scrollHeight","e","keyCode","target","onClick","FooterNav","Footer","topOuterDivider","topDivider","LayoutDefault","SectionShared","types","bool","hasBgColor","invertColor","defaults","SectionProps","SectionSplitProps","invertMobile","invertDesktop","alignTop","imageFill","SectionTilesProps","pushLeft","Button","tag","color","size","loading","wide","wideMobile","disabled","Modal","handleClose","show","closeHidden","video","videoTag","stopProgagation","handleBodyClass","stopPropagation","title","frameBorder","allowFullScreen","v-else","controls","aria-label","Hero","outerClasses","innerClasses","SectionHeader","data","paragraph","Metrics","tilesClasses","data-reveal-delay","class","FeaturesSplit","splitClasses","data-reveal-container","href","Home","Helmet","Profile","name","content","Contact","App","childRef","location","useLocation","pathname","exact","path","Boolean","hostname","match","history","createBrowserHistory","ReactDOM","getElementById","navigator","serviceWorker","ready","then","registration","unregister"],"mappings":"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","file":"static/js/main.60906a46.chunk.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/media/yunayii2.2a0ed281.svg\";","module.exports = __webpack_public_path__ + \"static/media/yunashooting1-4.400a20a0.jpg\";","module.exports = __webpack_public_path__ + \"static/media/yuna-shanghai-4.6b1793ca.jpg\";","module.exports = __webpack_public_path__ + \"static/media/yunayii-unreal-engine-5.7b487ff5.jpg\";","import React from 'react';\nimport { Route } from 'react-router-dom';\n\nconst AppRoute = ({\n  component: Component,\n  layout: Layout,\n  ...rest\n}) => {\n\n  Layout = (Layout === undefined) ? props => (<>{props.children}</>) : Layout;\n\n  return (\n    <Route\n      {...rest}\n      render={props => (\n        <Layout>\n          <Component {...props} />\n        </Layout>\n      )} />\n  );\n}\n\nexport default AppRoute;","import React, { useState, useEffect, useImperativeHandle } from 'react';\nimport PropTypes from 'prop-types';\nimport { throttle } from 'lodash';\n\nconst ScrollReveal = React.forwardRef((props, ref) => {\n\n  const [viewportHeight, setViewportheight] = useState(window.innerHeight); \n  const [revealEl, setRevealel] = useState([]);\n\n  const checkComplete = () => {\n    return revealEl.length <= document.querySelectorAll('[class*=reveal-].is-revealed').length;\n  };\n\n  const elementIsVisible = (el, offset) => {\n    return (el.getBoundingClientRect().top <= viewportHeight - offset);\n  };\n\n  const revealElements = () => {\n    if (checkComplete()) return;\n    for (let i = 0; i < revealEl.length; i++) {\n      let el = revealEl[i];\n      let revealDelay = el.getAttribute('data-reveal-delay');\n      let revealOffset = (el.getAttribute('data-reveal-offset') ? el.getAttribute('data-reveal-offset') : '200');\n      let listenedEl = (el.getAttribute('data-reveal-container') ? el.closest(el.getAttribute('data-reveal-container')) : el);\n      if (elementIsVisible(listenedEl, revealOffset) && !el.classList.contains('is-revealed')) {\n        if (revealDelay && revealDelay !== 0) {\n          setTimeout(function () {\n            el.classList.add('is-revealed');\n          }, revealDelay);\n        } else {\n          el.classList.add('is-revealed');\n        }\n      }\n    }\n  };\n\n  useImperativeHandle(ref, () => ({\n    init() {\n      setRevealel(document.querySelectorAll('[class*=reveal-]'));\n    }\n  }));  \n\n  useEffect(() => {\n    if (typeof revealEl !== 'undefined' && revealEl.length > 0) {\n      if (!checkComplete()) {\n        window.addEventListener('scroll', handleScroll);\n        window.addEventListener('resize', handleResize);\n      }\n      revealElements();\n    }\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [revealEl]);\n\n  const handleListeners = () => {\n    if (!checkComplete()) return;\n    window.removeEventListener('scroll', handleScroll);\n    window.removeEventListener('resize', handleResize);\n  };\n\n  const handleScroll = throttle(() => {\n    handleListeners();\n    revealElements();\n  }, 30);\n\n  const handleResize = throttle(() => {\n    setViewportheight(window.innerHeight);\n  }, 30);\n\n  useEffect(() => {\n    handleListeners();\n    revealElements();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [viewportHeight]);  \n\n  return (\n    <>\n      {props.children()}\n    </>\n  );\n});\n\nScrollReveal.propTypes = {\n  children: PropTypes.func.isRequired\n};\n\nexport default ScrollReveal;","import React, { useState, useRef, useEffect } from 'react';\nimport PropTypes from 'prop-types';\n\nconst propTypes = {\n  src: PropTypes.oneOfType([\n    PropTypes.object,\n    PropTypes.string\n  ]).isRequired,\n  width: PropTypes.number,\n  height: PropTypes.number,\n  alt: PropTypes.string\n}\n\nconst defaultProps = {\n  src: undefined,\n  width: undefined,\n  height: undefined,\n  alt: undefined\n}\n\nconst Image = ({\n  className,\n  src,\n  width,\n  height,\n  alt,\n  ...props\n}) => {\n\n  const [loaded, setLoaded] = useState(false);\n\n  const image = useRef(null);\n\n  useEffect(() => {\n    handlePlaceholder(image.current);\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n  \n  const placeholderSrc = (w, h) => {\n    return `data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 ${w} ${h}\"%3E%3C/svg%3E`;\n  }\n\n  const handlePlaceholder = (img) => {\n    const placeholder = document.createElement('img');\n    if (!loaded) {\n      img.style.display = 'none';\n      img.before(placeholder);\n      placeholder.src = placeholderSrc(\n        img.getAttribute('width') || 0,\n        img.getAttribute('height') || 0\n      );\n      placeholder.width = img.getAttribute('width');\n      placeholder.height = img.getAttribute('height');\n      placeholder.style.opacity = '0';\n      img.className && placeholder.classList.add(img.className);\n      placeholder.remove();\n      img.style.display = '';      \n    }\n  }\n\n  function onLoad() {\n    setLoaded(true);\n  }  \n\n  return (\n    <img\n      {...props}\n      ref={image}\n      className={className}\n      src={src}\n      width={width}\n      height={height}\n      alt={alt}\n      onLoad={onLoad} />\n  );\n}\n\nImage.propTypes = propTypes;\nImage.defaultProps = defaultProps;\n\nexport default Image;","import React from 'react';\nimport classNames from 'classnames';\nimport { Link } from 'react-router-dom';\nimport Image from '../../elements/Image';\n\nconst Logo = ({\n  className,\n  ...props\n}) => {\n\n  const classes = classNames(\n    'brand',\n    className\n  );\n\n  return (\n    <div\n      {...props}\n      className={classes}\n    >\n      <h1 className=\"m-0\">\n        <Link to=\"/\">\n          <Image\n            src={require('./../../../assets/images/yunayii2.svg')}\n            alt=\"yuna yii\"\n            width={130}\n            height={30} />\n        </Link>\n      </h1>\n    </div>\n  );\n}\n\nexport default Logo;","import React, { useState, useRef, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { Link } from 'react-router-dom';\nimport Logo from './partials/Logo';\n\nconst propTypes = {\n  navPosition: PropTypes.string,\n  hideNav: PropTypes.bool,\n  hideSignin: PropTypes.bool,\n  bottomOuterDivider: PropTypes.bool,\n  bottomDivider: PropTypes.bool\n}\n\nconst defaultProps = {\n  navPosition: '',\n  hideNav: false,\n  hideSignin: false,\n  bottomOuterDivider: false,\n  bottomDivider: false\n}\n\nconst Header = ({\n  className,\n  navPosition,\n  hideNav,\n  hideSignin,\n  bottomOuterDivider,\n  bottomDivider,\n  ...props\n}) => {\n\n  const [isActive, setIsactive] = useState(false);\n\n  const nav = useRef(null);\n  const hamburger = useRef(null);\n\n  useEffect(() => {\n    isActive && openMenu();\n    document.addEventListener('keydown', keyPress);\n    document.addEventListener('click', clickOutside);\n    return () => {\n      document.removeEventListener('keydown', keyPress);\n      document.removeEventListener('click', clickOutside);\n      closeMenu();\n    };\n  });  \n\n  const openMenu = () => {\n    document.body.classList.add('off-nav-is-active');\n    nav.current.style.maxHeight = nav.current.scrollHeight + 'px';\n    setIsactive(true);\n  }\n\n  const closeMenu = () => {\n    document.body.classList.remove('off-nav-is-active');\n    nav.current && (nav.current.style.maxHeight = null);\n    setIsactive(false);\n  }\n\n  const keyPress = (e) => {\n    isActive && e.keyCode === 27 && closeMenu();\n  }\n\n  const clickOutside = (e) => {\n    if (!nav.current) return\n    if (!isActive || nav.current.contains(e.target) || e.target === hamburger.current) return;\n    closeMenu();\n  }  \n\n  const classes = classNames(\n    'site-header',\n    bottomOuterDivider && 'has-bottom-divider',\n    className\n  );\n\n  return (\n    <header\n      {...props}\n      className={classes}\n    >\n      <div className=\"container\">\n        <div className={\n          classNames(\n            'site-header-inner',\n            bottomDivider && 'has-bottom-divider'\n          )}>\n          <Logo />\n          {!hideNav &&\n            <>\n              <button\n                ref={hamburger}\n                className=\"header-nav-toggle\"\n                onClick={isActive ? closeMenu : openMenu}\n              >\n                <span className=\"screen-reader\">Menu</span>\n                <span className=\"hamburger\">\n                  <span className=\"hamburger-inner\"></span>\n                </span>\n              </button>\n              <nav\n                ref={nav}\n                className={\n                  classNames(\n                    'header-nav',\n                    isActive && 'is-active'\n                  )}>\n                <div className=\"header-nav-inner\">\n                <ul className={\n                    classNames(\n                      'list-reset text-xs',\n                      navPosition && `header-nav-${navPosition}`\n                    )}>\n                    <li>\n                      <Link to=\"/about\" onClick={closeMenu}>About Yuna</Link>\n                    </li>\n                    <li>\n                      <Link to=\"/contact\" onClick={closeMenu}>Contact</Link>\n                    </li>\n                  </ul>\n                </div>\n              </nav>\n            </>}\n            \n        </div>\n      </div>\n    </header>\n  );\n}\n\nHeader.propTypes = propTypes;\nHeader.defaultProps = defaultProps;\n\nexport default Header;\n","import React from 'react';\nimport classNames from 'classnames';\nimport { Link } from 'react-router-dom';\n\nconst FooterNav = ({\n  className,\n  ...props\n}) => {\n\n  const classes = classNames(\n    'footer-nav',\n    className\n  );\n\n  return (\n    <nav\n      {...props}\n      className={classes}\n    >\n      <ul className=\"list-reset\">\n        <li>\n          <Link to=\"/about\">About Yuna</Link>\n        </li>\n        <li>\n          <Link to=\"/contact\">Contact</Link>\n        </li>\n      </ul>\n    </nav>\n  );\n}\n\nexport default FooterNav;","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Logo from './partials/Logo';\nimport FooterNav from './partials/FooterNav';\nimport FooterSocial from './partials/FooterSocial';\n\nconst propTypes = {\n  topOuterDivider: PropTypes.bool,\n  topDivider: PropTypes.bool\n}\n\nconst defaultProps = {\n  topOuterDivider: false,\n  topDivider: false\n}\n\nconst Footer = ({\n  className,\n  topOuterDivider,\n  topDivider,\n  ...props\n}) => {\n\n  const classes = classNames(\n    'site-footer center-content-mobile',\n    topOuterDivider && 'has-top-divider',\n    className\n  );\n\n  return (\n    <footer\n      {...props}\n      className={classes}\n    >\n      <div className=\"container\">\n        <div className={\n          classNames(\n            'site-footer-inner',\n            topDivider && 'has-top-divider'\n          )}>\n          <div className=\"footer-bottom space-between text-xxs invert-order-desktop\">\n            <FooterNav />\n            <div className=\"footer-copyright\">© 2021. Created by the archit3ct.</div>\n          </div>\n        </div>\n      </div>\n    </footer>\n  );\n}\n\nFooter.propTypes = propTypes;\nFooter.defaultProps = defaultProps;\n\nexport default Footer;","import React from 'react';\nimport Header from '../components/layout/Header';\nimport Footer from '../components/layout/Footer';\n\nconst LayoutDefault = ({ children }) => (\n  <>\n    <Header navPosition=\"center\" className=\"reveal-from-bottom\" />\n    <main className=\"site-content\">\n      {children}\n    </main>\n    <Footer />\n  </>\n);\n\nexport default LayoutDefault;  ","import PropTypes from 'prop-types';\n\n// Props shared by all sections\nconst SectionShared = {\n  types: {\n    topOuterDivider: PropTypes.bool,\n    bottomOuterDivider: PropTypes.bool,    \n    topDivider: PropTypes.bool,\n    bottomDivider: PropTypes.bool,\n    hasBgColor: PropTypes.bool,\n    invertColor: PropTypes.bool\n  },\n  defaults: {\n    topOuterDivider: false,\n    bottomOuterDivider: false,    \n    topDivider: false,\n    bottomDivider: false,\n    hasBgColor: false,\n    invertColor: false\n  }\n}\n\n// Default section props\nexport const SectionProps = {\n  types: {\n    ...SectionShared.types\n  },\n  defaults: {\n    ...SectionShared.defaults\n  }\n}\n\n// Section split props\nexport const SectionSplitProps = {\n  types: {\n    ...SectionShared.types,\n    invertMobile: PropTypes.bool,\n    invertDesktop: PropTypes.bool,\n    alignTop: PropTypes.bool,\n    imageFill: PropTypes.bool\n  },\n  defaults: {\n    ...SectionShared.defaults,\n    invertMobile: false,\n    invertDesktop: false,\n    alignTop: false,\n    imageFill: false\n  }\n}\n\n// Section tiles props\nexport const SectionTilesProps = {\n  types: {\n    ...SectionShared.types,\n    pushLeft: PropTypes.bool\n  },\n  defaults: {\n    ...SectionShared.defaults,\n    pushLeft: false\n  }\n}","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nconst propTypes = {\n  tag: PropTypes.elementType,\n  color: PropTypes.string,\n  size: PropTypes.string,\n  loading: PropTypes.bool,\n  wide: PropTypes.bool,\n  wideMobile: PropTypes.bool,\n  disabled: PropTypes.bool\n}\n\nconst defaultProps = {\n  tag: 'button',\n  color: '',\n  size: '',\n  loading: false,\n  wide: false,\n  wideMobile: false,\n  disabled: false\n}\n\nconst Button = ({\n  className,\n  tag,\n  color,\n  size,\n  loading,\n  wide,\n  wideMobile,\n  disabled,\n  ...props\n}) => {\n\n  const classes = classNames(\n    'button',\n    color && `button-${color}`,\n    size && `button-${size}`,\n    loading && 'is-loading',\n    wide && 'button-block',\n    wideMobile && 'button-wide-mobile',\n    className\n  );\n\n  const Component = tag;\n  return (\n    <Component\n      {...props}\n      className={classes}\n      disabled={disabled}\n    />\n  );\n}\n\nButton.propTypes = propTypes;\nButton.defaultProps = defaultProps;\n\nexport default Button;","import React, { useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nconst propTypes = {\n  children: PropTypes.node,\n  handleClose: PropTypes.func.isRequired,\n  show: PropTypes.bool.isRequired,\n  closeHidden: PropTypes.bool,\n  video: PropTypes.string,\n  videoTag: PropTypes.oneOf(['iframe', 'video'])\n}\n\nconst defaultProps = {\n  children: null,\n  show: false,\n  closeHidden: false,\n  video: '',\n  videoTag: 'iframe'\n}\n\nconst Modal = ({\n  className,\n  children,\n  handleClose,\n  show,\n  closeHidden,\n  video,\n  videoTag,\n  ...props\n}) => {\n\n  useEffect(() => {\n    document.addEventListener('keydown', keyPress);\n    document.addEventListener('click', stopProgagation);\n    return () => {\n      document.removeEventListener('keydown', keyPress);\n      document.removeEventListener('click', stopProgagation);\n    };    \n  });\n\n  useEffect(() => {\n    handleBodyClass();\n  }, [props.show]); \n  \n  const handleBodyClass = () => {\n    if (document.querySelectorAll('.modal.is-active').length) {\n      document.body.classList.add('modal-is-active');\n    } else {\n      document.body.classList.remove('modal-is-active');\n    }\n  }\n\n  const keyPress = (e) => {\n    e.keyCode === 27 && handleClose(e);\n  }\n\n  const stopProgagation = (e) => {\n    e.stopPropagation();\n  }\n\n  const classes = classNames(\n    'modal',\n    show && 'is-active',\n    video && 'modal-video',\n    className\n  );\n\n  return (\n    <>\n      {show &&\n        <div\n          {...props}\n          className={classes}\n          onClick={handleClose}\n        >\n          <div className=\"modal-inner\" onClick={stopProgagation}>\n            {video ?\n              <div className=\"responsive-video\">\n                {videoTag === 'iframe' ?\n                  <iframe\n                    title=\"video\"\n                    src={video}\n                    frameBorder=\"0\"\n                    allowFullScreen\n                  ></iframe> :\n                  <video\n                    v-else\n                    controls\n                    src={video}\n                  ></video>\n                }\n              </div> :\n              <>\n                {!closeHidden &&\n                  <button\n                    className=\"modal-close\"\n                    aria-label=\"close\"\n                    onClick={handleClose}\n                  ></button>\n                }\n                <div className=\"modal-content\">\n                  {children}\n                </div>\n              </>\n            }\n          </div>\n        </div>\n      }\n    </>\n  )\n}\n\nModal.propTypes = propTypes;\nModal.defaultProps = defaultProps;\n\nexport default Modal;","import React, { useState } from 'react';\nimport classNames from 'classnames';\nimport { SectionProps } from '../../utils/SectionProps';\nimport ButtonGroup from '../elements/ButtonGroup';\nimport Button from '../elements/Button';\nimport Image from '../elements/Image';\nimport Modal from '../elements/Modal';\n\nconst propTypes = {\n  ...SectionProps.types\n}\n\nconst defaultProps = {\n  ...SectionProps.defaults\n}\n\nconst Hero = ({\n  className,\n  topOuterDivider,\n  bottomOuterDivider,\n  topDivider,\n  bottomDivider,\n  hasBgColor,\n  invertColor,\n  ...props\n}) => {\n\n  const [videoModalActive, setVideomodalactive] = useState(false);\n\n  const openModal = (e) => {\n    e.preventDefault();\n    setVideomodalactive(true);\n  }\n\n  const closeModal = (e) => {\n    e.preventDefault();\n    setVideomodalactive(false);\n  }   \n\n  const outerClasses = classNames(\n    'hero section center-content',\n    topOuterDivider && 'has-top-divider',\n    bottomOuterDivider && 'has-bottom-divider',\n    hasBgColor && 'has-bg-color',\n    invertColor && 'invert-color',\n    className\n  );\n\n  const innerClasses = classNames(\n    'hero-inner section-inner',\n    topDivider && 'has-top-divider',\n    bottomDivider && 'has-bottom-divider'\n  );\n\n  return (\n    <section\n      {...props}\n      className={outerClasses}\n    >\n      <div className=\"container-sm\">\n        <div className={innerClasses}>\n          <div className=\"hero-content\">\n            \n          </div>          \n        </div>\n      </div>\n    </section>\n  );\n}\n\nHero.propTypes = propTypes;\nHero.defaultProps = defaultProps;\n\nexport default Hero;","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nconst propTypes = {\n  data: PropTypes.shape({\n    title: PropTypes.string,\n    paragraph: PropTypes.string\n  }).isRequired,\n  children: PropTypes.node,\n  tag: PropTypes.oneOf(['h1', 'h2', 'h3'])\n}\n\nconst defaultProps = {\n  children: null,\n  tag: 'h1'\n}\n\nconst SectionHeader = ({\n  className,\n  data,\n  children,\n  tag,\n  ...props\n}) => {\n\n  const classes = classNames(\n    'section-header',\n    className\n  );\n\n  const Component = tag;\n\n  return (\n    <>\n      {(data.title || data.paragraph) &&\n        <div\n          {...props}\n          className={classes}\n        >\n          <div className=\"container-xs\">\n            {children}\n            {data.title &&\n              <Component className={\n                classNames(\n                  'mt-0',\n                  data.paragraph ? 'mb-16' : 'mb-0'\n                )}>{data.title}</Component>\n            }\n            {data.paragraph &&\n              <p className=\"m-0\">{data.paragraph}</p>\n            }\n          </div>\n        </div>\n      }\n    </>\n  );\n}\n\nSectionHeader.propTypes = propTypes;\nSectionHeader.defaultProps = defaultProps;\n\nexport default SectionHeader;","import React from 'react';\nimport classNames from 'classnames';\nimport { SectionTilesProps } from '../../utils/SectionProps';\nimport SectionHeader from './partials/SectionHeader';\n\nconst propTypes = {\n  ...SectionTilesProps.types\n}\n\nconst defaultProps = {\n  ...SectionTilesProps.defaults\n}\n\nconst Metrics = ({\n  className,\n  topOuterDivider,\n  bottomOuterDivider,\n  topDivider,\n  bottomDivider,\n  hasBgColor,\n  invertColor,\n  pushLeft,\n  ...props\n}) => {\n\n  const outerClasses = classNames(\n    'socialMetrics section',\n    topOuterDivider && 'has-top-divider',\n    bottomOuterDivider && 'has-bottom-divider',\n    hasBgColor && 'has-bg-color',\n    invertColor && 'invert-color',\n    className\n  );\n\n  const innerClasses = classNames(\n    'socialMetrics-inner section-inner',\n    topDivider && 'has-top-divider',\n    bottomDivider && 'has-bottom-divider'\n  );\n\n  const tilesClasses = classNames(\n    'tiles-wrap',\n    pushLeft && 'push-left'\n  );\n\n  const sectionHeader = {\n    title: '',\n    paragraph: ''\n  };\n\n  return (\n    <section\n      {...props}\n      className={outerClasses}\n    >\n      <div className=\"container\">\n        <div className={innerClasses}>\n         \n          <div className={tilesClasses}>\n\n            <div className=\"tiles-item reveal-from-right\" data-reveal-delay=\"200\">\n              <div className=\"tiles-item-inner\">\n                <div className=\"sm-item-content\">\n                <div class=\"socialMediaNumber\">\n                  15.684\n                </div>\n                  <p className=\"text-sm mb-0\">\n                    Reached People last Month\n                  </p>\n                </div>\n              </div>\n            </div>\n\n            <div className=\"tiles-item reveal-from-bottom\">\n              <div className=\"tiles-item-inner\">\n                <div className=\"sm-item-content\">\n                  <div class=\"socialMediaNumber\">\n                    286\n                  </div>\n                  <p className=\"text-sm mb-0\">\n                    Followers\n                  </p>\n                </div>\n              </div>\n            </div>\n\n            <div className=\"tiles-item reveal-from-left\" data-reveal-delay=\"200\">\n              <div className=\"tiles-item-inner\">\n                <div className=\"sm-item-content\">\n                  <div class=\"socialMediaNumber\">\n                    23\n                  </div>\n                  <p className=\"text-sm mb-0\">\n                    Posts Total\n                  </p>\n                </div>\n              </div>\n            </div>\n\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n}\n\nMetrics.propTypes = propTypes;\nMetrics.defaultProps = defaultProps;\n\nexport default Metrics;","import React from 'react';\nimport classNames from 'classnames';\nimport { SectionSplitProps } from '../../utils/SectionProps';\nimport SectionHeader from './partials/SectionHeader';\nimport Image from '../elements/Image';\nimport Metrics from './Metrics'\n\nconst propTypes = {\n  ...SectionSplitProps.types\n}\n\nconst defaultProps = {\n  ...SectionSplitProps.defaults\n}\n\nconst FeaturesSplit = ({\n  className,\n  topOuterDivider,\n  bottomOuterDivider,\n  topDivider,\n  bottomDivider,\n  hasBgColor,\n  invertColor,\n  invertMobile,\n  invertDesktop,\n  alignTop,\n  imageFill,\n  ...props\n}) => {\n\n  const outerClasses = classNames(\n    'features-split section',\n    topOuterDivider && 'has-top-divider',\n    bottomOuterDivider && 'has-bottom-divider',\n    hasBgColor && 'has-bg-color',\n    invertColor && 'invert-color',\n    className\n  );\n\n  const innerClasses = classNames(\n    'features-split-inner section-inner',\n    topDivider && 'has-top-divider',\n    bottomDivider && 'has-bottom-divider'\n  );\n\n  const splitClasses = classNames(\n    'split-wrap',\n    invertMobile && 'invert-mobile',\n    invertDesktop && 'invert-desktop',\n    alignTop && 'align-top'\n  );\n\n  const sectionHeader = {\n    title: 'Say hello to Yuna',\n    paragraph: ''\n  };\n\n  return (\n    <section\n      {...props}\n      className={outerClasses}\n    >\n      <div className=\"container\">\n        <div className={innerClasses}>\n          <SectionHeader data={sectionHeader} className=\"center-content\" />\n          <div className={splitClasses}>\n\n            <div className=\"split-item\">\n              <div className=\"split-item-content center-content-mobile reveal-from-left\" data-reveal-container=\".split-item\">\n                <h2 className=\"mt-0 mb-12\">\n                  Virtual Influencer \n                  </h2>\n                <p className=\"m-0\">\n                  Yuna wants to become a virtual model and social media influencer. She started her social media in September 2021 and posts images on her <a href=\"https://www.instagram.com/yuna.yii\">Instagram</a> and videos on her <a href=\"https://www.tiktok.com/yuna.yii\">TikTok channel</a>. \n                </p>\n              </div>\n              <div className={\n                classNames(\n                  'split-item-image center-content-mobile reveal-from-bottom',\n                  imageFill && 'split-item-image-fill'\n                )}\n                data-reveal-container=\".split-item\">\n                <Image\n                  src={require('./../../assets/images/yunashooting1-4.jpg')}\n                  alt=\"Yuna Yii virtual reality and mixed reality\"\n                  width={528}\n                  height={396} />\n              </div>\n            </div>\n\n            <div className=\"split-item\">\n              <div className=\"split-item-content center-content-mobile reveal-from-right\" data-reveal-container=\".split-item\">\n                <h3 className=\"mt-0 mb-12\">\n                  Yuna in Virtual Reality\n                  </h3>\n                <p className=\"m-0\">\n                Thanks to virtual-reality & mixed-reality techniques + modern CGI software, Yuna can visit any place in this world, even non-existing virtual places e.g. in metaverses or video games.\n                  </p>\n              </div>\n              <div className={\n                classNames(\n                  'split-item-image center-content-mobile reveal-from-bottom',\n                  imageFill && 'split-item-image-fill'\n                )}\n                data-reveal-container=\".split-item\">\n                <Image\n                  src={require('./../../assets/images/yuna-shanghai-4.jpg')}\n                  alt=\"Features split 02\"\n                  width={528}\n                  height={396} />\n              </div>\n            </div>\n\n            <div className=\"split-item\">\n              <div className=\"split-item-content center-content-mobile reveal-from-left\" data-reveal-container=\".split-item\">\n                <h3 className=\"mt-0 mb-12\">\n                Animated in Real-Time\n                </h3>\n                <p className=\"m-0\">\n                  Yuna exists not just in 3D programs like Blender but is also available in Game-Engines like Unreal Engine 5. She profits from technologies like Lumen (real-time Lighning), Nanite (Technology for rendering millions of polygons) and Hair Grooms (real-time Hair). Through Motion-Capture integration she can be animated in real-time in 4k 60fps.\n                </p>\n              </div>\n              <div className={\n                classNames(\n                  'split-item-image center-content-mobile reveal-from-bottom',\n                  imageFill && 'split-item-image-fill'\n                )}\n                data-reveal-container=\".split-item\">\n                <Image\n                  src={require('./../../assets/images/yunayii-unreal-engine-5.jpg')}\n                  alt=\"Features split 03\"\n                  width={528}\n                  height={396} />\n              </div>\n            </div>\n\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n}\n\nFeaturesSplit.propTypes = propTypes;\nFeaturesSplit.defaultProps = defaultProps;\n\nexport default FeaturesSplit;","import React from 'react';\nimport { Helmet } from 'react-helmet'\n\n\n// import sections\nimport Hero from '../components/sections/Hero';\nimport FeaturesSplit from '../components/sections/FeaturesSplit';\n\nconst TITLE = 'Say hello to Yuna Yii - Virtual Human & Influencer'\n\nconst Home = () => {\n\n  return (\n    <>\n      <Helmet>\n          <title>{ TITLE }</title>\n      </Helmet>\n      <Hero className=\"illustration-section-01\" />\n      <FeaturesSplit invertMobile topDivider imageFill className=\"illustration-section-02\" />\n    </>\n  );\n}\n\nexport default Home;","import React, { useState } from 'react';\nimport classNames from 'classnames';\nimport { SectionProps } from '../../utils/SectionProps';\nimport ButtonGroup from '../elements/ButtonGroup';\nimport Button from '../elements/Button';\nimport Image from '../elements/Image';\nimport Modal from '../elements/Modal';\n\nconst propTypes = {\n  ...SectionProps.types\n}\n\nconst defaultProps = {\n  ...SectionProps.defaults\n}\n\nconst Hero = ({\n  className,\n  topOuterDivider,\n  bottomOuterDivider,\n  topDivider,\n  bottomDivider,\n  hasBgColor,\n  invertColor,\n  ...props\n}) => {\n\n  const [videoModalActive, setVideomodalactive] = useState(false);\n\n  const openModal = (e) => {\n    e.preventDefault();\n    setVideomodalactive(true);\n  }\n\n  const closeModal = (e) => {\n    e.preventDefault();\n    setVideomodalactive(false);\n  }   \n\n  const outerClasses = classNames(\n    'hero heroabout section center-content',\n    topOuterDivider && 'has-top-divider',\n    bottomOuterDivider && 'has-bottom-divider',\n    hasBgColor && 'has-bg-color',\n    invertColor && 'invert-color',\n    className\n  );\n\n  const innerClasses = classNames(\n    'hero-inner section-inner',\n    topDivider && 'has-top-divider',\n    bottomDivider && 'has-bottom-divider'\n  );\n\n  return (\n    <section\n      {...props}\n      className={outerClasses}\n    >\n      <div className=\"container-sm\">\n        <div className={innerClasses}>\n          <div className=\"hero-content\">\n            \n          </div>          \n        </div>\n      </div>\n    </section>\n  );\n}\n\nHero.propTypes = propTypes;\nHero.defaultProps = defaultProps;\n\nexport default Hero;","import React from 'react';\nimport classNames from 'classnames';\nimport { Helmet } from 'react-helmet'\n\nimport { SectionSplitProps } from './../utils/SectionProps';\n// import sections\nimport Hero from '../components/sections/HeroAbout';\nimport SectionHeader from './../components/sections/partials/SectionHeader';\n\nconst TITLE = 'Learn more about Yuna | Yuna Yii - Virtual Human & Influencer'\nconst DESCRIPTION = 'Learn more about Yuna Yii. Yuna is 18 and was created with Blender, is rendered with Nvidia Iray and Unreal Engine 5. '\n\nconst propTypes = {\n    ...SectionSplitProps.types\n  }\n  \n  const defaultProps = {\n    ...SectionSplitProps.defaults\n  }\n\n  const Profile = ({\n    className,\n    topOuterDivider,\n    bottomOuterDivider,\n    topDivider,\n    bottomDivider,\n    hasBgColor,\n    invertColor,\n    invertMobile,\n    invertDesktop,\n    alignTop,\n    imageFill,\n    ...props\n  }) => {\n\n    const outerClasses = classNames(\n        'features-split section',\n        topOuterDivider && 'has-top-divider',\n        bottomOuterDivider && 'has-bottom-divider',\n        hasBgColor && 'has-bg-color',\n        invertColor && 'invert-color',\n        className\n      );\n    \n      const innerClasses = classNames(\n        'features-split-inner section-inner',\n        topDivider && 'has-top-divider',\n        bottomDivider && 'has-bottom-divider'\n      );\n    \n      const splitClasses = classNames(\n        'split-wrap',\n        invertMobile && 'invert-mobile',\n        invertDesktop && 'invert-desktop',\n        alignTop && 'align-top'\n      );\n    \n      const sectionHeader = {\n        title: 'About Yuna',\n        paragraph: 'Coming Soon'\n      };\n\n  return (\n    <>\n    <Helmet>\n        <title>{ TITLE }</title>\n        <meta name=\"description\" content={ DESCRIPTION } />\n      </Helmet>\n      <Hero className=\"illustration-section-01\" />\n      <section\n      {...props}\n      className={outerClasses}\n    >\n      <div className=\"container\">\n        <div className={innerClasses}>\n          <SectionHeader data={sectionHeader} className=\"center-content\" />\n\n          <div className={splitClasses}>\n\n          </div>\n        </div>\n      </div>\n    </section>\n    </>\n  );\n}\nProfile.propTypes = propTypes;\nProfile.defaultProps = defaultProps;\n\nexport default Profile;","import React, { useState } from 'react';\nimport classNames from 'classnames';\nimport { SectionProps } from '../../utils/SectionProps';\nimport ButtonGroup from '../elements/ButtonGroup';\nimport Button from '../elements/Button';\nimport Image from '../elements/Image';\nimport Modal from '../elements/Modal';\n\nconst propTypes = {\n  ...SectionProps.types\n}\n\nconst defaultProps = {\n  ...SectionProps.defaults\n}\n\nconst Hero = ({\n  className,\n  topOuterDivider,\n  bottomOuterDivider,\n  topDivider,\n  bottomDivider,\n  hasBgColor,\n  invertColor,\n  ...props\n}) => {\n\n  const [videoModalActive, setVideomodalactive] = useState(false);\n\n  const openModal = (e) => {\n    e.preventDefault();\n    setVideomodalactive(true);\n  }\n\n  const closeModal = (e) => {\n    e.preventDefault();\n    setVideomodalactive(false);\n  }   \n\n  const outerClasses = classNames(\n    'hero herocontact section center-content',\n    topOuterDivider && 'has-top-divider',\n    bottomOuterDivider && 'has-bottom-divider',\n    hasBgColor && 'has-bg-color',\n    invertColor && 'invert-color',\n    className\n  );\n\n  const innerClasses = classNames(\n    'hero-inner section-inner',\n    topDivider && 'has-top-divider',\n    bottomDivider && 'has-bottom-divider'\n  );\n\n  return (\n    <section\n      {...props}\n      className={outerClasses}\n    >\n      <div className=\"container-sm\">\n        <div className={innerClasses}>\n          <div className=\"hero-content\">\n            \n          </div>          \n        </div>\n      </div>\n    </section>\n  );\n}\n\nHero.propTypes = propTypes;\nHero.defaultProps = defaultProps;\n\nexport default Hero;","import React from 'react';\nimport classNames from 'classnames';\nimport { Helmet } from 'react-helmet'\n\nimport { SectionSplitProps } from './../utils/SectionProps';\n// import sections\nimport Hero from '../components/sections/HeroContact';\nimport SectionHeader from './../components/sections/partials/SectionHeader';\n\nconst TITLE = 'Work with Yuna Yii - Virtual Human & Influencer'\n\nconst propTypes = {\n    ...SectionSplitProps.types\n  }\n  \n  const defaultProps = {\n    ...SectionSplitProps.defaults\n  }\n\n  const Contact = ({\n    className,\n    topOuterDivider,\n    bottomOuterDivider,\n    topDivider,\n    bottomDivider,\n    hasBgColor,\n    invertColor,\n    invertMobile,\n    invertDesktop,\n    alignTop,\n    imageFill,\n    ...props\n  }) => {\n\n    const outerClasses = classNames(\n        'features-split section',\n        topOuterDivider && 'has-top-divider',\n        bottomOuterDivider && 'has-bottom-divider',\n        hasBgColor && 'has-bg-color',\n        invertColor && 'invert-color',\n        className\n      );\n    \n      const innerClasses = classNames(\n        'features-split-inner section-inner',\n        topDivider && 'has-top-divider',\n        bottomDivider && 'has-bottom-divider'\n      );\n    \n      const splitClasses = classNames(\n        'split-wrap',\n        invertMobile && 'invert-mobile',\n        invertDesktop && 'invert-desktop',\n        alignTop && 'align-top'\n      );\n    \n      const sectionHeader = {\n        title: 'Contact',\n        paragraph: 'Coming Soon'\n      };\n\n  return (\n    <>\n      <Helmet>\n        <title>{ TITLE }</title>\n        <meta name=\"description\" content=\"You are interested in working with Yuna? You can leave a message about your project.\" />\n      </Helmet>\n      <Hero className=\"illustration-section-01\" />\n      <section\n      {...props}\n      className={outerClasses}\n    >\n      <div className=\"container\">\n        <div className={innerClasses}>\n          <SectionHeader data={sectionHeader} className=\"center-content\" />\n\n          <div className={splitClasses}>\n\n          </div>\n        </div>\n      </div>\n    </section>\n    </>\n  );\n}\nContact.propTypes = propTypes;\nContact.defaultProps = defaultProps;\n\nexport default Contact;","import React, { useRef, useEffect } from 'react';\nimport { useLocation, Switch } from 'react-router-dom';\nimport AppRoute from './utils/AppRoute';\nimport ScrollReveal from './utils/ScrollReveal';\n\n\n// Layouts\nimport LayoutDefault from './layouts/LayoutDefault';\n\n// Views \nimport Home from './views/Home';\nimport Profile from './views/Profile';\nimport Contact from './views/Contact';\n// Initialize Google Analytics\n\n\n\nconst App = () => {\n\n  const childRef = useRef();\n  let location = useLocation();\n\n  useEffect(() => {\n    const page = location.pathname;\n    document.body.classList.add('is-loaded')\n    childRef.current.init();\n    \n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [location]);\n\n  return (\n    <ScrollReveal\n      ref={childRef}\n      children={() => (\n        <Switch>\n          <AppRoute exact path=\"/\" component={Home} layout={LayoutDefault} />\n          <AppRoute exact path=\"/about\" component={Profile} layout={LayoutDefault} />\n          <AppRoute exact path=\"/contact\" component={Contact} layout={LayoutDefault} />\n        </Switch>\n      )} />\n  );\n}\n\nexport default App;","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n  window.location.hostname === 'localhost' ||\n    // [::1] is the IPv6 localhost address.\n    window.location.hostname === '[::1]' ||\n    // 127.0.0.1/8 is considered localhost for IPv4.\n    window.location.hostname.match(\n      /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n    )\n);\n\nexport function register(config) {\n  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n    // The URL constructor is available in all browsers that support SW.\n    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n    if (publicUrl.origin !== window.location.origin) {\n      // Our service worker won't work if PUBLIC_URL is on a different origin\n      // from what our page is served on. This might happen if a CDN is used to\n      // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n      return;\n    }\n\n    window.addEventListener('load', () => {\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n      if (isLocalhost) {\n        // This is running on localhost. Let's check if a service worker still exists or not.\n        checkValidServiceWorker(swUrl, config);\n\n        // Add some additional logging to localhost, pointing developers to the\n        // service worker/PWA documentation.\n        navigator.serviceWorker.ready.then(() => {\n          console.log(\n            'This web app is being served cache-first by a service ' +\n              'worker. To learn more, visit https://bit.ly/CRA-PWA'\n          );\n        });\n      } else {\n        // Is not localhost. Just register service worker\n        registerValidSW(swUrl, config);\n      }\n    });\n  }\n}\n\nfunction registerValidSW(swUrl, config) {\n  navigator.serviceWorker\n    .register(swUrl)\n    .then(registration => {\n      registration.onupdatefound = () => {\n        const installingWorker = registration.installing;\n        if (installingWorker == null) {\n          return;\n        }\n        installingWorker.onstatechange = () => {\n          if (installingWorker.state === 'installed') {\n            if (navigator.serviceWorker.controller) {\n              // At this point, the updated precached content has been fetched,\n              // but the previous service worker will still serve the older\n              // content until all client tabs are closed.\n              console.log(\n                'New content is available and will be used when all ' +\n                  'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n              );\n\n              // Execute callback\n              if (config && config.onUpdate) {\n                config.onUpdate(registration);\n              }\n            } else {\n              // At this point, everything has been precached.\n              // It's the perfect time to display a\n              // \"Content is cached for offline use.\" message.\n              console.log('Content is cached for offline use.');\n\n              // Execute callback\n              if (config && config.onSuccess) {\n                config.onSuccess(registration);\n              }\n            }\n          }\n        };\n      };\n    })\n    .catch(error => {\n      console.error('Error during service worker registration:', error);\n    });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n  // Check if the service worker can be found. If it can't reload the page.\n  fetch(swUrl)\n    .then(response => {\n      // Ensure service worker exists, and that we really are getting a JS file.\n      const contentType = response.headers.get('content-type');\n      if (\n        response.status === 404 ||\n        (contentType != null && contentType.indexOf('javascript') === -1)\n      ) {\n        // No service worker found. Probably a different app. Reload the page.\n        navigator.serviceWorker.ready.then(registration => {\n          registration.unregister().then(() => {\n            window.location.reload();\n          });\n        });\n      } else {\n        // Service worker found. Proceed as normal.\n        registerValidSW(swUrl, config);\n      }\n    })\n    .catch(() => {\n      console.log(\n        'No internet connection found. App is running in offline mode.'\n      );\n    });\n}\n\nexport function unregister() {\n  if ('serviceWorker' in navigator) {\n    navigator.serviceWorker.ready.then(registration => {\n      registration.unregister();\n    });\n  }\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Router } from \"react-router-dom\";\nimport { createBrowserHistory } from \"history\";\n\nimport App from './App';\nimport * as serviceWorker from './serviceWorker';\n\n//import './App.css';\nimport './assets/scss/style.scss';\nimport './App.css'\n\nconst history = createBrowserHistory();\n\nReactDOM.render(\n  <Router history={history}>\n    <App />\n  </Router>,\n  document.getElementById('root')\n);\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: https://bit.ly/CRA-PWA\nserviceWorker.unregister();\n"],"sourceRoot":""}