{"version":3,"file":"static/js/742.39c7fa8c.chunk.js","mappings":"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","sources":["components/Spring.jsx","webpack://probal/./src/layout/home/Hero/style.module.scss?39c1","layout/home/Hero/index.jsx","webpack://probal/./src/layout/home/CTA/style.module.scss?a1e9","layout/home/CTA/index.jsx","pages/Home.jsx","ui/GradientBtn.jsx"],"sourcesContent":["// components\nimport {animated, useSpring} from '@react-spring/web';\n\n// hooks\nimport {useInView} from 'react-intersection-observer';\n\n// utils\nimport PropTypes from 'prop-types';\n\nconst Spring = ({children, index = 1, className, type = 'slide', delay, ...props}) => {\n    const [ref, inView] = useInView({\n        threshold: 0.2,\n        triggerOnce: true\n    });\n\n    const common = {\n        config: {duration: 300, mass: 1, tension: 300, friction: 30},\n        delay: props.delay ? props.delay : 100 * index,\n    }\n\n    const slide = useSpring({\n        from: {transform: 'translateY(40px)', opacity: 0},\n        to: {transform: inView ? 'translateY(0px)' : 'translateY(40px)', opacity: inView ? 1 : 0},\n        ...common,\n        ...props\n    });\n\n    const fade = useSpring({\n        from: {opacity: 0},\n        to: {opacity: inView ? 1 : 0},\n        ...common,\n        ...props\n    });\n\n    const grow = useSpring({\n        from: {transform: 'scale(0.4)'},\n        to: {transform: inView ? 'scale(1)' : 'scale(0.4)'},\n        ...common,\n        ...props\n    });\n\n    const spring = {\n        slide,\n        fade,\n        grow\n    }\n\n    return (\n        <animated.div className={className ? className : ''} style={spring[type]} ref={ref}>\n            {children}\n        </animated.div>\n    )\n}\n\nSpring.propTypes = {\n    children: PropTypes.node.isRequired,\n    index: PropTypes.number,\n    className: PropTypes.string,\n    type: PropTypes.oneOf(['slide', 'fade', 'grow']),\n    delay: PropTypes.number\n}\n\nexport default Spring","// extracted by mini-css-extract-plugin\nexport default {\"hero\":\"style_hero__yUbcF\",\"hero_container\":\"style_hero_container__CoN02\",\"video\":\"style_video__NLJsH\",\"media\":\"style_media__B7nYq\",\"media_slider\":\"style_media_slider__+xZM4\",\"pagination\":\"style_pagination__tyefE\",\"logo_hedera\":\"style_logo_hedera__A8qK0\",\"main\":\"style_main__m5bXx\",\"main_text\":\"style_main_text__gUyN-\",\"main_text_up\":\"style_main_text_up__YWfjS\",\"main_text_down\":\"style_main_text_down__tFcm9\",\"main_buttons\":\"style_main_buttons__v4n-G\",\"built_with\":\"style_built_with__kru1V\",\"built_with_logos\":\"style_built_with_logos__h5fCs\",\"supporting_logo\":\"style_supporting_logo__AMUvz\",\"built_with_logo\":\"style_built_with_logo__IuQrX\",\"logo_name\":\"style_logo_name__7i2kQ\",\"iphones\":\"style_iphones__lzo4D\"};","// styling\nimport styles from \"./style.module.scss\";\n\n// components\nimport { NavLink } from \"react-router-dom\";\nimport GradientBtn from \"@ui/GradientBtn\";\nimport AnimatedText from \"react-animated-text-content-fork\";\nimport Spring from \"@components/Spring\";\nimport Avatar from \"@ui/Avatar\";\n\n// assets\nimport plumeLogo from \"@assets/dev/plume-logo.png\";\n\nimport LazyImage from \"@components/LazyImage\";\nimport { Grid } from \"@mui/material\";\nimport iphones from \"@assets/iphones.webp\";\n\nconst Hero = () => {\n  const onClick = () => {\n    window.location.href =\n      \"https://bafkreiemjytmh5znyvxaxx4lnxz3lvlnapozv3mqoniug6un7msnl53eha.ipfs.nftstorage.link/\";\n  };\n\n  const onClickApp = () => {\n    window.location.href = \"https://app.probal.io\";\n  };\n\n  const isiPhone = () => {\n    return /iPhone|iPad|iPod/i.test(window.navigator.userAgent);\n  };\n\n  return (\n    <Grid\n      container\n      display={\"flex\"}\n      flexDirection={\"row\"}\n      alignItems={\"center\"}\n      justifyContent={\"center\"}\n      justifyItems={\"center\"}\n    >\n      <Grid item lg={5} md={12} sm={12} xs={12} spacing={3}>\n        <section className={styles.hero}>\n          <div className={`${styles.hero_container}`}>\n            <div className={styles.built_with_logos}>\n              <div className={styles.built_with_logo}>\n                <Spring delay={1500}>\n                  <LazyImage\n                    className={styles.supporting_logo}\n                    src={plumeLogo}\n                  />\n                </Spring>\n              </div>\n            </div>\n          </div>\n          <div className={styles.main}>\n            <AnimatedText\n              type=\"words\"\n              animationType=\"throw\"\n              duration={0.8}\n              tag=\"h2\"\n              includeWhiteSpaces\n            >\n              CO-OWN MUSIC\n            </AnimatedText>\n            <AnimatedText\n              type=\"words\"\n              animationType=\"throw\"\n              duration={0.8}\n              tag=\"h3\"\n              includeWhiteSpaces\n            >\n              WITH YOUR FAVORITE ARTISTS\n            </AnimatedText>\n            <AnimatedText\n              type=\"words\"\n              animationType=\"throw\"\n              duration={1}\n              includeWhiteSpaces\n              className={styles.main_text_up}\n            >\n              Support your beloved artists from day one,\n            </AnimatedText>\n            <AnimatedText\n              type=\"words\"\n              animationType=\"throw\"\n              duration={1}\n              includeWhiteSpaces\n              className={styles.main_text_down}\n            >\n              co-own their projects, and flourish together in their success\n            </AnimatedText>\n          </div>\n          {!isiPhone() && (\n            <div\n              style={{\n                display: \"flex\",\n                position: \"relative\",\n                justifyContent: \"center\",\n                alignItems: \"center\",\n              }}\n            >\n              <div className={`${styles.main_buttons}`}>\n                <Spring delay={1500}>\n                  <NavLink to=\"/launching-soon\">\n                    <GradientBtn>Launch App</GradientBtn>\n                  </NavLink>\n                </Spring>\n              </div>\n            </div>\n          )}\n          {isiPhone() && (\n            <div\n              style={{\n                display: \"flex\",\n                position: \"relative\",\n                justifyContent: \"center\",\n                alignItems: \"center\",\n              }}\n            >\n              <div className={`${styles.main_buttons}`}>\n                <Spring delay={1500}>\n                  <NavLink to=\"/launching-soon\">\n                    <GradientBtn>Launch App</GradientBtn>\n                  </NavLink>\n                </Spring>\n              </div>\n            </div>\n          )}\n        </section>\n      </Grid>\n      <Grid\n        item\n        lg={5}\n        md={12}\n        sm={12}\n        xs={12}\n        display={\"flex\"}\n        alignItems={\"center\"}\n        alignContent={\"center\"}\n        alignSelf={\"center\"}\n        justifyContent={\"center\"}\n      >\n        <LazyImage\n          className={styles.iphones}\n          src={iphones}\n          alt={\"Music Cover\"}\n        />\n      </Grid>\n    </Grid>\n  );\n};\n\nexport default Hero;\n","// extracted by mini-css-extract-plugin\nexport default {\"main\":\"style_main__Qk0nq\",\"emojis\":\"style_emojis__6Yk5g\",\"main_btn\":\"style_main_btn__ufp5H\",\"media\":\"style_media__QCUYF\",\"square\":\"style_square__AWKyo\",\"rectangle\":\"style_rectangle__0UP+J\",\"big\":\"style_big__Vluaw\",\"big1\":\"style_big1__YnCOB\",\"big2\":\"style_big2__LGwHg\",\"wrapper\":\"style_wrapper__J68uZ\"};","// styling\nimport styles from \"./style.module.scss\";\n\n// components\nimport { NavLink } from \"react-router-dom\";\nimport LazyImage from \"@components/LazyImage\";\nimport Spring from \"@components/Spring\";\n\n// hooks\nimport { useWindowSize } from \"react-use\";\n\n// assets\nimport laptop from \"@assets/laptop.png\";\nimport GradientBtn from \"@ui/GradientBtn\";\nimport { Grid } from \"@mui/material\";\nconst CTA = () => {\n  const onClickApp = () => {\n    window.location.href = \"https://app.probal.io\";\n  };\n\n  return (\n    <section>\n      <div className=\"container\">\n        <Grid container>\n          <Grid item md={5} sm={12} xs={12} mt={2}>\n            <h3 style={{ paddingBottom: \"2.5rem\" }}>Our Mission</h3>\n            <p className={`${styles.main_text}`}>\n              At Probal, our goal is to facilitate deeper connections between\n              artists, filmmakers, and their supporters.\n            </p>\n            <br />\n            <p\n              style={{ paddingBottom: \"3rem\" }}\n              className={`${styles.main_text} `}\n            >\n              We achieve this by introducing an innovative financing model for\n              entertainment endeavors, ensuring that every fan has the chance to\n              become a part-owner of artists' projects.\n            </p>\n            <div>\n              <Spring>\n                <NavLink to=\"/launching-soon\">\n                  <GradientBtn>Launch App</GradientBtn>\n                </NavLink>\n              </Spring>\n            </div>\n          </Grid>\n          <Grid item md={7} sm={12} xs={12} mt={5}>\n            <Spring>\n              <LazyImage src={laptop} alt=\"img\" />\n            </Spring>\n          </Grid>\n        </Grid>\n      </div>\n    </section>\n  );\n};\n\nexport default CTA;\n","// utils\nimport { lazy, useState } from \"react\";\n\n// components\nimport Title from \"@components/Title\";\nimport Hero from \"@layout/home/Hero\";\nimport Spline from \"@splinetool/react-spline\";\nimport CTA from \"@layout/home/CTA\";\n\nconst ForFans = lazy(() => import(\"@layout/home/ForFans\"));\n\nconst Home = () => {\n  const [isSplineLoaded, setIsSplineLoaded] = useState(false);\n  const handleSplineLoad = () => {\n    setIsSplineLoaded(true);\n  };\n  return (\n    <>\n      <Title title=\"Home\" />\n      <main>\n        <Spline\n          style={{\n            display: \"flex\",\n            width: \"100vw\",\n            height: \"85vh\",\n            position: \"absolute\", // Add this line\n            opacity: isSplineLoaded ? 1 : 0,\n            transition: \"opacity 3s\",\n            zIndex: -1, // Lower z-index\n          }}\n          scene=\"https://prod.spline.design/d5O2YETgJdI92b9K/scene.splinecode\"\n          onLoad={handleSplineLoad}\n        />\n        <Hero />\n        <ForFans />\n\n        <hr\n          style={{\n            display: \"block\",\n            margin: \"0 auto\",\n            width: \"80%\",\n            opacity: 0.2,\n          }}\n        />\n        <CTA />\n      </main>\n    </>\n  );\n};\n\nexport default Home;\n","// components\nimport { animated, useSpring } from \"@react-spring/web\";\nimport { NavLink } from \"react-router-dom\";\n\n// hooks\nimport { useState } from \"react\";\n\n// utils\nimport classNames from \"classnames\";\n\nconst Wrapper = ({ tag, href, ...props }) => {\n  if (tag === \"button\") {\n    return <animated.button {...props} />;\n  }\n\n  if (href === undefined || href === \"#\") {\n    return <animated.a {...props} />;\n  }\n\n  const AnimatedNavLink = animated(NavLink);\n  return <AnimatedNavLink to={href} {...props} />;\n};\n\nconst GradientBtn = ({ className, ...props }) => {\n  const [isHovered, setIsHovered] = useState(false);\n\n  const variants = {\n    static: {\n      background: \"linear-gradient(98.49deg, #06ec0e -11.31%, #07960c 76.26%)\",\n    },\n    active: {\n      background: \"linear-gradient(98.49deg, #07960c -11.31%, #06ec0e 76.26%)\",\n    },\n  };\n\n  const { background } = useSpring({\n    background: isHovered\n      ? variants.active.background\n      : variants.static.background,\n    config: { duration: 300 },\n    ...props,\n  });\n\n  return (\n    <Wrapper\n      className={classNames(\"btn btn--gradient\", className)}\n      {...props}\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n      style={{ background }}\n    >\n      {props.children}\n    </Wrapper>\n  );\n};\n\nexport default GradientBtn;\n"],"names":["_ref","children","_ref$index","index","className","_ref$type","type","props","delay","_objectWithoutProperties","_excluded","_useInView","useInView","threshold","triggerOnce","_useInView2","_slicedToArray","ref","inView","common","config","duration","mass","tension","friction","spring","slide","useSpring","_objectSpread","from","transform","opacity","to","fade","grow","_jsx","animated","style","isiPhone","test","window","navigator","userAgent","_jsxs","Grid","container","display","flexDirection","alignItems","justifyContent","justifyItems","item","lg","md","sm","xs","spacing","styles","concat","Spring","LazyImage","src","AnimatedText","animationType","tag","includeWhiteSpaces","position","NavLink","GradientBtn","alignContent","alignSelf","iphones","alt","mt","paddingBottom","laptop","ForFans","lazy","_useState","useState","_useState2","isSplineLoaded","setIsSplineLoaded","_Fragment","Title","title","Spline","width","height","transition","zIndex","scene","onLoad","Hero","margin","CTA","Wrapper","href","undefined","AnimatedNavLink","_ref2","_excluded2","isHovered","setIsHovered","variants","background","classNames","onMouseEnter","onMouseLeave"],"sourceRoot":""}