{"version":3,"sources":["images/header-mobile-bg.png","images/mobile-img.png","images/mobile-responsive-img.svg","images/set-and-forget-img.svg","images/set-forget-responsive.svg","images/light-orange-vector.svg","images/dollar-cost-average-img.svg","images/dollar-cost-average-responsive-img.svg","images/by-more-img.svg","images/buy-more-responsive.png","images/security-serious-img.svg","images/faq-img.svg","images/yellow-rectangle.svg","images/orange-triangle.svg","images/blue-circle.svg","images/blue-rectangle.svg","components/FAQComponent/FAQComponent.js","firebase/firebase.utils.js","pages/HomePage/HomePage.js","images/header-bottom-img.png","images/dashed-line.png","images/orange-vector.png","images/left-plants-img.svg","images/right-plants-img.svg","pages/NotFoundPage/NotFoundPage.js","helpers/history.js","routes/routes.js","App.js","store/constants/modal.constants.js","store/reducers/modal.reducer.js","store/reducers/index.js","store/store.js","index.js"],"names":["FAQComponent","props","x","useState","questionIsOpen","setQuestionIsOpen","className","question","data-target","onClick","icon","faMinus","faPlus","id","answer","dotenv","config","firebase","initializeApp","apiKey","process","authDomain","projectId","storageBucket","messagingSenderId","appId","auth","firestore","storeEmail","email","a","loginUser","collection","doc","set","signInWithEmailAndPassword","HomePage","error","useForm","register","handleSubmit","errors","faqList","position","autoClose","hideProgressBar","closeOnClick","rtl","pauseOnVisibilityChange","pauseOnHover","href","src","headerMobileBg","alt","yellowRectangle","mobileImg","mobileResponsive","orangeTriangle","blueRectangle","setAndForget","setAndForgetResponsive","faSignInAlt","faLink","faMoneyBillAlt","faBtc","lightOrangeShape","dollarCostAverage","dollarCostAverageResponsive","blueCircle","byMore","byMoreResponsive","securitySerious","faq","filter","index","map","Form","onSubmit","data","event","target","reset","then","toast","success","Group","controlId","Control","message","placeholder","type","name","ref","required","pattern","value","Button","formNoValidate","faEnvelope","NotFoundPage","faExclamationTriangle","to","plantLeftImg","plantRightImg","history","createBrowserHistory","Routes","exact","path","component","App","modalConstants","initialState","showVerificationModal","appReducer","combineReducers","modal","state","action","rootReducer","loggerMiddleware","createLogger","store","createStore","composeWithDevTools","applyMiddleware","thunkMiddleware","ReactDOM","render","document","getElementById"],"mappings":"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","file":"static/js/main.6a58e4e3.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/header-mobile-bg.fc01f50d.png\";","export default __webpack_public_path__ + \"static/media/mobile-img.abf04e70.png\";","export default __webpack_public_path__ + \"static/media/mobile-responsive-img.4ad8a68d.svg\";","export default __webpack_public_path__ + \"static/media/set-and-forget-img.543834bb.svg\";","export default __webpack_public_path__ + \"static/media/set-forget-responsive.75223086.svg\";","export default __webpack_public_path__ + \"static/media/light-orange-vector.b3d2b540.svg\";","export default __webpack_public_path__ + \"static/media/dollar-cost-average-img.8b25632f.svg\";","export default __webpack_public_path__ + \"static/media/dollar-cost-average-responsive-img.7c4601cb.svg\";","export default __webpack_public_path__ + \"static/media/by-more-img.21a57e3d.svg\";","export default __webpack_public_path__ + \"static/media/buy-more-responsive.b85daa4c.png\";","export default __webpack_public_path__ + \"static/media/security-serious-img.45802427.svg\";","export default __webpack_public_path__ + \"static/media/faq-img.8dbe5644.svg\";","export default __webpack_public_path__ + \"static/media/yellow-rectangle.5d284d7e.svg\";","export default __webpack_public_path__ + \"static/media/orange-triangle.57c0decf.svg\";","export default __webpack_public_path__ + \"static/media/blue-circle.a1caf38b.svg\";","export default __webpack_public_path__ + \"static/media/blue-rectangle.ee98ee20.svg\";","import React, { useState } from 'react';\r\nimport Button from 'react-bootstrap/Button';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faMinus, faPlus } from '@fortawesome/free-solid-svg-icons';\r\nimport './FAQComponent.scss';\r\n\r\nfunction FAQComponent(props) {\r\n  const { x } = props;\r\n  const [questionIsOpen, setQuestionIsOpen] = useState(false);\r\n\r\n  const toggleQuestion = () => {\r\n    setQuestionIsOpen(!questionIsOpen);\r\n  };\r\n  return (\r\n    <div className='faq-container'>\r\n      <div className='row'>\r\n        <div className='col-10'>\r\n          <p className='fs-6 text-left mb-0 py-3'>{x.question}</p>\r\n        </div>\r\n        <div className='col-2 my-auto text-right'>\r\n          <span\r\n            className='ml-auto bg-transparent border-0'\r\n            data-target='#question-collapse'\r\n            onClick={toggleQuestion}\r\n          >\r\n            {questionIsOpen ? (\r\n              <FontAwesomeIcon icon={faMinus} className='text-orange' />\r\n            ) : (\r\n              <FontAwesomeIcon icon={faPlus} className='text-orange' />\r\n            )}\r\n          </span>\r\n        </div>\r\n      </div>\r\n      <div className='row'>\r\n        <div className='col-12'>\r\n          <div\r\n            id='question-collapse'\r\n            className={`collapse ${questionIsOpen ? 'd-block' : 'd-none'}`}\r\n          >\r\n            <p className='fs-8 text-left'>{x.answer}</p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default FAQComponent;\r\n","import firebase from 'firebase/app';\r\nimport 'firebase/firestore';\r\nimport 'firebase/auth';\r\nimport dotenv from 'dotenv';\r\n\r\ndotenv.config();\r\nconst config = {\r\n  apiKey: process.env.REACT_APP_FIREBASE_API_KEY,\r\n  authDomain: process.env.REACT_APP_FIREBASE_AUTH_DOMAIN,\r\n  projectId: process.env.REACT_APP_FIREBASE_PROJECTID,\r\n  storageBucket: process.env.REACT_APP_FIREBASE_STORAGE_BUCKET,\r\n  messagingSenderId: process.env.REACT_APP_FIREBASE_MESSAGING_SENDER_ID,\r\n  appId: process.env.REACT_APP_FIREBASE_APP_ID,\r\n};\r\n\r\nfirebase.initializeApp(config);\r\n\r\nexport const auth = firebase.auth();\r\nexport const firestore = firebase.firestore();\r\n\r\nexport const storeEmail = async (email) => {\r\n  if (!loginUser()) return;\r\n\r\n  return firestore.collection('emails').doc().set({ email });\r\n};\r\n\r\nexport const loginUser = async () =>\r\n  await auth.signInWithEmailAndPassword(\r\n    process.env.REACT_APP_FIREBASE_USER_EMAIL,\r\n    process.env.REACT_APP_FIREBASE_USER_PASSWORD\r\n  );\r\n","import React from 'react';\r\nimport Button from 'react-bootstrap/Button';\r\nimport dashedLine from '../../images/dashed-line.png';\r\nimport headerMobileBg from '../../images/header-mobile-bg.png';\r\nimport headerBottomImg from '../../images/header-bottom-img.png';\r\nimport mobileImg from '../../images/mobile-img.png';\r\nimport mobileResponsive from '../../images/mobile-responsive-img.svg';\r\nimport setAndForget from '../../images/set-and-forget-img.svg';\r\nimport setAndForgetResponsive from '../../images/set-forget-responsive.svg';\r\nimport lightOrangeShape from '../../images/light-orange-vector.svg';\r\nimport dollarCostAverage from '../../images/dollar-cost-average-img.svg';\r\nimport dollarCostAverageResponsive from '../../images/dollar-cost-average-responsive-img.svg';\r\nimport byMore from '../../images/by-more-img.svg';\r\nimport byMoreResponsive from '../../images/buy-more-responsive.png';\r\nimport securitySerious from '../../images/security-serious-img.svg';\r\nimport securitySeriousTop from '../../images/orange-vector.png';\r\nimport faq from '../../images/faq-img.svg';\r\nimport yellowRectangle from '../../images/yellow-rectangle.svg';\r\nimport orangeTriangle from '../../images/orange-triangle.svg';\r\nimport blueCircle from '../../images/blue-circle.svg';\r\nimport blueRectangle from '../../images/blue-rectangle.svg';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faMoneyBillAlt } from '@fortawesome/free-regular-svg-icons';\r\nimport {\r\n  faSignInAlt,\r\n  faLink,\r\n  faEnvelope,\r\n} from '@fortawesome/free-solid-svg-icons';\r\nimport { faBtc } from '@fortawesome/free-brands-svg-icons';\r\nimport Form from 'react-bootstrap/Form';\r\nimport FAQComponent from '../../components/FAQComponent/FAQComponent';\r\nimport { useForm } from 'react-hook-form';\r\nimport { storeEmail } from '../../firebase/firebase.utils';\r\n\r\nimport { ToastContainer, toast } from 'react-toastify';\r\nimport 'react-toastify/dist/ReactToastify.css';\r\n\r\nimport './HomePage.scss';\r\n\r\nfunction HomePage(props) {\r\n  const { register, handleSubmit, errors } = useForm();\r\n\r\n  const onSubmit = (data, event) => {\r\n    event.target.reset();\r\n    storeEmail(data.email).then(() =>\r\n      toast.success('Your email is sent successfully.')\r\n    );\r\n  };\r\n  const errorClass = function (error) {\r\n    return error && error.message !== '' ? 'border border-danger' : '';\r\n  };\r\n\r\n  const faqList = [\r\n    {\r\n      id: 1,\r\n      question: 'Which banks can I conncet to?',\r\n      answer:\r\n        'Duppy uses Plaid for access to your bank account and can therefore connect to all the large banks in the Netherlands. Fa. ING, Rabobank, ABN Amro, Regiobank, Bunq',\r\n    },\r\n    {\r\n      id: 2,\r\n      question: 'Why does Duppy need my bank login information?',\r\n      answer:\r\n        'We need it to verify you as a person, which is obligated by the European Union. Also we use your bank login information to get ongoing transaction data, which is only used to calculate spare change. Transaction data is securely handled by Plaid and we do not store your personal information.',\r\n    },\r\n    {\r\n      id: 3,\r\n      question: 'Where are my crypto currencies/coins storeds?',\r\n      answer:\r\n        'Duppy uses a decentralized exchange that is fully compliant with all the regulations and therefore one of the safest solutions in the environment.',\r\n    },\r\n    {\r\n      id: 4,\r\n      question:\r\n        'Can I make recurring monthly contributions to save/invest more?',\r\n      answer:\r\n        'You can choose to collect 1 euro a day, or 10 euro’s a week next to your round-ups.',\r\n    },\r\n    {\r\n      id: 5,\r\n      question: 'Can I control my Rundup activity?',\r\n      answer:\r\n        'Ofcourse. In the app you can see all your transactions that were used for the round-up option. Whenever you want to stop for a while you can freeze the function.',\r\n    },\r\n    {\r\n      id: 6,\r\n      question: 'Can Duppy access my funds?',\r\n      answer:\r\n        'No. Duppy can only spend the euro’s provided from the round-ups. We can not access your bank account in any other way. Also, we are not able to spend or transfer your Bitcoin in any way.',\r\n    },\r\n    {\r\n      id: 7,\r\n      question: 'What are the fees?',\r\n      answer:\r\n        'Duppy charges a monthly fee of 1 euro. For the Bitcoin purchase we charge 1% transaction fee. However we are more than competitive with the other exchanges or brokers. Find it out for yourself!',\r\n    },\r\n    {\r\n      id: 8,\r\n      question: 'How does Duppy calculate spare change?',\r\n      answer:\r\n        'We look at the purchase price on your transaction history and rounds up to the next euro. In the case of a whole euro purchase price, we record the spare change as a full euro (fa. a purchase of 5 euro generates 1 euro in spare change).',\r\n    },\r\n    {\r\n      id: 9,\r\n      question: 'Does Duppy buy bitcoin every time I make a purchase?',\r\n      answer:\r\n        'No. In an effort to minimize the exchange fees, the spare change from your transactions is accumulated until you reach a minimum of 5 euro’s. Once a week we see it you reached the minimum amount. Only after reaching the minimum we withdraw the spare change from your bank account and invest it in Bitcoin.',\r\n    },\r\n  ];\r\n  return (\r\n    <div className='container-fluid homepage-container my-0 px-0'>\r\n      <ToastContainer\r\n        position='top-right'\r\n        autoClose={3500}\r\n        hideProgressBar={true}\r\n        closeOnClick\r\n        rtl={false}\r\n        pauseOnVisibilityChange\r\n        pauseOnHover\r\n      />\r\n      <header>\r\n        <div className='header-top pt-lg-5 pt-3 w-100'>\r\n          <div className='large-container'>\r\n            <div className='text-left'>\r\n              <h1 className='text-orange fs-2'>DUPPY</h1>\r\n              <p className='fs-6 d-lg-block d-none'>\r\n                Where small change makes a big difference.\r\n              </p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div className='header-bottom'>\r\n          <div className='large-container'>\r\n            <div className='row'>\r\n              <div className='col-xl-6 col-lg-8 col-12 text-xl-left text-lg-left text-center order-lg-1 order-md-2'>\r\n                <h1 className='fs-1 mb-3'>\r\n                  Easy, fun and low-cost for everyone to invest in\r\n                  <span className='text-orange'> Bitcoin.</span>\r\n                </h1>\r\n                <a\r\n                  href='#sign-up'\r\n                  className='fs-8 d-lg-flex d-none align-items-center justify-content-center btn btn-primary'\r\n                >\r\n                  FIND OUT FIRST\r\n                </a>\r\n              </div>\r\n              <div className='col-xl-6 col-lg-4 col-12 order-lg-2 order-md-1 d-flex justify-content-center'>\r\n                <img\r\n                  src={headerMobileBg}\r\n                  alt='header-mobile-img'\r\n                  className='d-md-block d-lg-none'\r\n                />\r\n              </div>\r\n              <img\r\n                src={yellowRectangle}\r\n                alt='rectangle-img'\r\n                className='position-absolute rectangle-header-position d-xl-block d-none'\r\n              />\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <img\r\n          src={headerBottomImg}\r\n          alt='header-bottom-img'\r\n          className='d-md-block d-lg-none position-absolute w-100 header-bottom-img-position'\r\n        />\r\n      </header>\r\n      <section id='about-us' className='mt-5 position-relative'>\r\n        <div className='large-container'>\r\n          <div className='row'>\r\n            <div className='offset-lg-2 col-lg-8 col-12'>\r\n              <p className='fs-3 px-md-5 px-0 mt-lg-0 mt-5'>\r\n                We are a micro investment app that rounds up your everyday\r\n                spendings to the next euro and invests it in Bitcoin.\r\n              </p>\r\n            </div>\r\n            <div className='offset-lg-1 col-lg-11 col-12 img-container'>\r\n              <img\r\n                src={mobileImg}\r\n                alt='mobile-img'\r\n                className='mt-5 img-fluid d-md-block d-none'\r\n              />\r\n              <img\r\n                src={mobileResponsive}\r\n                alt='mobile-responsive'\r\n                className='mt-5 img-fluid w-100 d-md-none d-inline-block'\r\n              />\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <img\r\n          src={orangeTriangle}\r\n          alt='triangle-img'\r\n          className='position-absolute triangle-about-us-position d-xl-block d-none'\r\n        />\r\n        <img\r\n          src={blueRectangle}\r\n          alt='rectangle-img'\r\n          className='position-absolute rectangle-about-us-position d-xl-block d-none'\r\n        />\r\n      </section>\r\n      <section id='set-and-forget' className='mt-5 position-relative'>\r\n        <div className='large-container'>\r\n          <div className='row'>\r\n            <div className='col-lg-5 col-12'>\r\n              <h2 className='fs-2 text-center d-lg-none d-block'>\r\n                Set it and <span className='fs-2 text-orange'>forget it.</span>\r\n              </h2>\r\n              <img\r\n                src={setAndForget}\r\n                alt='set-and-forget'\r\n                className='img-fluid d-lg-block d-none'\r\n              />\r\n              <img\r\n                src={setAndForgetResponsive}\r\n                alt='set-and-forget-responsive'\r\n                className='img-fluid d-lg-none d-inline-block my-lg-0 my-4'\r\n              />\r\n            </div>\r\n            <div className='col-lg-6 offset-lg-1 col-12 my-auto'>\r\n              <h2 className='fs-2 text-left d-lg-block d-none'>\r\n                Set it and <span className='fs-2 text-orange'>forget it.</span>\r\n              </h2>\r\n              <div className='row mt-4'>\r\n                <div className='col-xl-6 col-lg-12 col-md-6 col-12 order-1'>\r\n                  <div className='d-flex justify-content-start'>\r\n                    <span className='icon-circle d-lg-flex align-items-center justify-content-center d-none'>\r\n                      <FontAwesomeIcon icon={faSignInAlt} />\r\n                    </span>\r\n                    <p className='fs-5 mb-0 ml-3 set-and-forget-subtitle text-left'>\r\n                      1. Download the app or sign up online\r\n                    </p>\r\n                  </div>\r\n                </div>\r\n                <div className='col-xl-6 col-lg-12 col-md-6 col-12 mt-4 order-xl-3 order-lg-2 order-md-3 order-2'>\r\n                  <div className='d-flex justify-content-start align-items-start'>\r\n                    <span className='icon-circle d-lg-flex align-items-center justify-content-center d-none'>\r\n                      <FontAwesomeIcon icon={faLink} />\r\n                    </span>\r\n                    <div className='ml-3'>\r\n                      <p className='fs-5 mb-0 set-and-forget-subtitle text-left'>\r\n                        2. Connect your bank account\r\n                      </p>\r\n                      <p className='fs-8 text-left mb-0'>\r\n                        We support the largest banks in the Netherlands. We got\r\n                        you covered!\r\n                      </p>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <div className='col-xl-6 col-lg-12 col-md-6 col-12 mt-xl-0 mt-lg-4 mt-md-0 mt-4 order-xl-2 order-lg-3 order-md-2 order-3'>\r\n                  <div className='d-flex justify-content-start'>\r\n                    <span className='icon-circle d-lg-flex align-items-center justify-content-center d-none'>\r\n                      <FontAwesomeIcon icon={faMoneyBillAlt} />\r\n                    </span>\r\n                    <p className='fs-5 mb-0 ml-3 set-and-forget-subtitle text-left'>\r\n                      3. Set-up your account preferences.\r\n                    </p>\r\n                  </div>\r\n                </div>\r\n                <div className='col-xl-6 col-lg-12 col-md-6 col-12 mt-4 order-4'>\r\n                  <div className='d-flex justify-content-start align-items-start'>\r\n                    <span className='icon-circle d-lg-flex align-items-center justify-content-center d-none'>\r\n                      <FontAwesomeIcon icon={faBtc} />\r\n                    </span>\r\n                    <div className='ml-3'>\r\n                      <p className='fs-5 mb-0 set-and-forget-subtitle text-left'>\r\n                        4. Let the app do the work\r\n                      </p>\r\n                      <p className='fs-8 text-left  mb-0'>\r\n                        and invest your spare change in Bitcoin\r\n                      </p>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <img\r\n          src={yellowRectangle}\r\n          alt='rectangle-img'\r\n          className='position-absolute rectangle-set-and-forget-position d-xl-block d-none'\r\n        />\r\n        <img\r\n          src={dashedLine}\r\n          alt='dashed-line'\r\n          className='position-absolute dashed-line-position d-xl-block d-none'\r\n        />\r\n        <img\r\n          src={lightOrangeShape}\r\n          alt='light-orange-shape'\r\n          className='position-absolute light-orange-shape-position d-lg-none d-block'\r\n        />\r\n      </section>\r\n      <section\r\n        id='dollar-cost-average'\r\n        className='mt-5 position-relative pt-lg-0 pt-5'\r\n      >\r\n        <div className='large-container'>\r\n          <div className='row'>\r\n            <div className='col-lg-5 offset-lg-1 col-12 my-auto order-lg-1 order-2'>\r\n              <h2 className='fs-2 text-left d-lg-block d-none'>\r\n                DCA:\r\n                <span className='fs-2 text-orange'> Dollar Cost Average</span>\r\n              </h2>\r\n              <p className='fs-6 text-left'>\r\n                As we know the price of Bitcoin is very volatile.\r\n                <br /> That is why we recommend using DCA. It's a long-term\r\n                strategy where you reduce the risk of your investment. You\r\n                invest periodically (for example every week) a fixed amount\r\n                regardless the value of Bitcoin. This way you invest during the\r\n                highs and lows of the Bitcoin price.\r\n                <br /> We offer:\r\n              </p>\r\n              <div className='d-flex justify-content-start align-items-center mb-4'>\r\n                <span className='fs-5 invest-style py-2'>&euro;1</span>\r\n                <p className='fs-6 text-left mb-0 ml-4'>Invest 1 euro a day</p>\r\n              </div>\r\n              <div className='d-flex justify-content-start align-items-center mb-4'>\r\n                <span className='fs-5 invest-style py-2'>&euro;10</span>\r\n                <p className='fs-6 text-left mb-0 ml-4'>\r\n                  Invest 10 euros a week\r\n                </p>\r\n              </div>\r\n              <p className='fs-6 text-left'>\r\n                Your round-ups will be collected every week as long as you reach\r\n                a minimum of € 5,-\r\n              </p>\r\n            </div>\r\n            <div className='col-lg-5 offset-lg-1 col-12 my-auto order-lg-2 order-1'>\r\n              <h2 className='fs-2 text-center d-lg-none d-block'>\r\n                DCA:\r\n                <span className='fs-2 text-orange'> Dollar Cost Average</span>\r\n              </h2>\r\n              <img\r\n                src={dollarCostAverage}\r\n                alt='dollar-cost-average'\r\n                className='img-fluid d-lg-block d-none'\r\n              />\r\n              <img\r\n                src={dollarCostAverageResponsive}\r\n                alt='dollar-cost-average-responsive'\r\n                className='img-fluid d-lg-none d-inline-block my-lg-0 my-md-5 my-4'\r\n              />\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <img\r\n          src={blueCircle}\r\n          alt='circle-img'\r\n          className='position-absolute circle-position d-xl-block d-none'\r\n        />\r\n        <img\r\n          src={yellowRectangle}\r\n          alt='rectangle-img'\r\n          className='position-absolute rectangle-dollar-cost-position d-xl-block d-none'\r\n        />\r\n      </section>\r\n      <section id='buy-more' className='mt-5 position-relative'>\r\n        <div className='large-container'>\r\n          <div className='row'>\r\n            <div className='col-lg-5 col-12'>\r\n              <h2 className='fs-2 text-center d-lg-none d-block'>\r\n                You can always\r\n                <span className='fs-2 text-orange'> by more.</span>\r\n              </h2>\r\n              <img\r\n                src={byMore}\r\n                alt='by-more'\r\n                className='img-fluid d-lg-block d-none'\r\n              />\r\n              <img\r\n                src={byMoreResponsive}\r\n                alt='by-more'\r\n                className='img-fluid d-lg-none d-inline-block my-lg-0 my-4'\r\n              />\r\n            </div>\r\n            <div className='col-lg-5 offset-lg-1 col-12 my-auto'>\r\n              <h2 className='fs-2 text-left d-lg-block d-none'>\r\n                You can always\r\n                <span className='fs-2 text-orange'> by more.</span>\r\n              </h2>\r\n              <p className='fs-6 text-left pr-lg-5 pr-0'>\r\n                Automation is the best solution for DCA (dollar cost average)\r\n                strategy, but if you have something extra laying around or the\r\n                now. This works the other way around as well. It’s your money /\r\n                Bitcoin so when you want to cash out, you can do it anytime.\r\n                <br /> You are in control!\r\n              </p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <img\r\n          src={orangeTriangle}\r\n          alt='triangle-img'\r\n          className='position-absolute triangle-buy-more-position d-xl-block d-none'\r\n        />\r\n        <img\r\n          src={blueCircle}\r\n          alt='circle-img'\r\n          className='position-absolute circle-buy-more-position d-xl-block d-none'\r\n        />\r\n        <img\r\n          src={securitySeriousTop}\r\n          alt='security-serious-top-img'\r\n          className='d-md-block d-lg-none position-absolute w-100 security-serious-top-position'\r\n        />\r\n      </section>\r\n      <section\r\n        id='security-is-serious'\r\n        className='mt-lg-5 mt-0 d-flex align-items-center pb-lg-0 pb-5'\r\n      >\r\n        <div className='large-container'>\r\n          <div className='row'>\r\n            <div className='col-lg-6 offset-lg-1 col-12 my-auto mt-lg-5 order-2 order-lg-1'>\r\n              <h2 className='fs-2 text-white text-left mt-lg-4 mt-0'>\r\n                Security is serious\r\n              </h2>\r\n              <p className='fs-6 text-left text-white'>\r\n                Not only your money, but also your information is very important\r\n                to us. Therefore we only work with the best providers. All under\r\n                control of the DNB. We use Plaid for your information, which is\r\n                also used by American Express, Coinbase, Venmo and others. We\r\n                don’t have access to your financial institution's credentials,\r\n                and can’t save, store, or share this data in any way. For the\r\n                storage of your Bitcoin we use Nash. It is a decentralized\r\n                Exchange and therefore more secure than any other centralized\r\n                exchange. Also Nash is fully compliant with all regulators in\r\n                the EU and US. Your money and information is not stored on your\r\n                phone or computer. If you would lose it, you didn’t lose your\r\n                money.\r\n              </p>\r\n            </div>\r\n            <div className='col-lg-4 offset-lg-1 col-12 my-auto order-1 order-lg-2'>\r\n              <img\r\n                src={securitySerious}\r\n                alt='security-is-serious'\r\n                className='img-fluid'\r\n              />\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </section>\r\n      <section id='faq' className='mt-lg-5 mt-0 position-relative'>\r\n        <div className='large-container'>\r\n          <div className='row'>\r\n            <div className='col-lg-4 col-12 my-lg-auto my-4'>\r\n              <img src={faq} alt='security-is-serious' className='img-fluid' />\r\n            </div>\r\n            <div className='col-lg-6 offset-lg-1 col-12'>\r\n              <h2 className='fs-2 text-lg-left text-center mb-4'>\r\n                Frequently asked\r\n                <span className='fs-2 text-orange'> questions</span>\r\n              </h2>\r\n              {faqList &&\r\n                faqList\r\n                  .filter((x, index) => index < 9)\r\n                  .map((x, index) => <FAQComponent x={x} key={x.id} />)}\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <img\r\n          src={orangeTriangle}\r\n          alt='triangle-img'\r\n          className='position-absolute triangle-faq-position d-xl-block d-none'\r\n        />\r\n        <img\r\n          src={blueCircle}\r\n          alt='circle-img'\r\n          className='position-absolute circle-faq-position d-xl-block d-none'\r\n        />\r\n      </section>\r\n      <section id='sign-up' className='mt-5 d-flex align-items-center'>\r\n        <div className='large-container'>\r\n          <div className='row'>\r\n            <div className='col-xl-4 offset-xl-4 col-lg-6 offset-lg-3 col-12'>\r\n              <h2 className='fs-2'>\r\n                Be one of <span className='fs-2 text-orange'>the first!</span>\r\n              </h2>\r\n              <p className='fs-6 text-left'>\r\n                Can`t wait to start using Duppy? Us too. Sign up to the waiting\r\n                list for early access and product updates\r\n              </p>\r\n              <Form onSubmit={handleSubmit(onSubmit)}>\r\n                <Form.Group controlId='formBasicEmail' className='mb-0 d-flex'>\r\n                  <Form.Control\r\n                    className={`fs-8 d-inline-block ${errorClass(\r\n                      errors.email\r\n                    )}`}\r\n                    placeholder='Email adress'\r\n                    type='email'\r\n                    name='email'\r\n                    ref={register({\r\n                      required: 'Email is required.',\r\n                      pattern: {\r\n                        value: /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,4}$/i,\r\n                        message: 'Enter a valid e-mail address',\r\n                      },\r\n                    })}\r\n                  />\r\n                  <Button\r\n                    className='w-100 fs-8 d-inline-block'\r\n                    type='submit'\r\n                    formNoValidate\r\n                  >\r\n                    LET'S GO\r\n                  </Button>\r\n                  <div className='text-danger text-left message-container position-absolute'>\r\n                    {errors.email && errors.email.message}\r\n                  </div>\r\n                </Form.Group>\r\n              </Form>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </section>\r\n      <footer>\r\n        <div className='large-container'>\r\n          <div className='row'>\r\n            <div className='col-xl-3 col-lg-4 text-lg-left text-center col-12'>\r\n              <h1 className='text-orange fs-2'>DUPPY</h1>\r\n              <p className='fs-7'>\r\n                We are a micro investment app that rounds up your everyday\r\n                spendings to the next euro and invests it in Bitcoin.\r\n              </p>\r\n              <p className='fs-8 mt-5 d-lg-block d-none'>\r\n                All rights reserved © 2021 DUPPY\r\n              </p>\r\n            </div>\r\n            <div className='col-xl-6 offset-xl-3 col-lg-8 col-12 my-auto'>\r\n              <div className='row'>\r\n                <div className='col-lg-4 col-12'>\r\n                  <ul className='list-unstyled mt-3 text-lg-left text-center mb-lg-3 mb-0'>\r\n                    <li>\r\n                      <a href='#about-us' className='fs-7'>\r\n                        About Us\r\n                      </a>\r\n                    </li>\r\n                    <li>\r\n                      <a href='#set-and-forget' className='fs-7'>\r\n                        Set it and forget it\r\n                      </a>\r\n                    </li>\r\n                    <li>\r\n                      <a href='#dollar-cost-average' className='fs-7'>\r\n                        Dollar cost average\r\n                      </a>\r\n                    </li>\r\n                  </ul>\r\n                </div>\r\n                <div className='col-lg-3 col-12'>\r\n                  <ul className='list-unstyled text-lg-left text-center mt-lg-3 mt-0 order-4'>\r\n                    <li>\r\n                      <a href='#buy-more' className='fs-7'>\r\n                        Buy more\r\n                      </a>\r\n                    </li>\r\n                    <li>\r\n                      <a href='#security-is-serious' className='fs-7'>\r\n                        Security\r\n                      </a>\r\n                    </li>\r\n                    <li>\r\n                      <a href='#faq' className='fs-7'>\r\n                        FAQ\r\n                      </a>\r\n                    </li>\r\n                  </ul>\r\n                </div>\r\n                <div className='col-lg-5 col-12 my-auto'>\r\n                  <div className='text-lg-left text-center mb-lg-0 mb-3'>\r\n                    <FontAwesomeIcon\r\n                      icon={faEnvelope}\r\n                      className='text-orange mr-3'\r\n                    />\r\n                    <a href='mailto:info@duppyapp.com' className='fs-7'>\r\n                      info@duppyapp.com\r\n                    </a>\r\n                  </div>\r\n                </div>\r\n                <div className='col-12 d-lg-none d-block'>\r\n                  <p className='fs-8 text-center rights-style pt-3'>\r\n                    All rights reserved © 2021 DUPPY\r\n                  </p>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </footer>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default HomePage;\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWgAAAAlCAYAAABvVHPTAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAALEgAACxIB0t1+/AAABGFJREFUeF7tnd+N2kAQh6GDdJB0kOsg6YASkg6uhEsHKSElUMKVwGMUyYa3vKKD0z3amZldG59FwH+w8a4/JHTSyTbr2d9+/jE7uywX/pUdtl8Wi/zHcrn4WvyPv0SACBABIjChCOT735+yQ/orP6Y5b2KABtAAGhhfA9kheXam+T8vA/Vx+ygH7uig8TuImBNzNDA/DWTHZH0RzOd4nb/8+S6u+hnBzE8w9Dl9jgaG14BlLcQU90qmFOkPcdV7Om34TiPGxBgNxKsB5ai8n/L95kMvMNdP1gs6V036gwEU7wCib+nbITQwGJjPUV7zJUwqIuQhhMw10VVMGrCJv9fk280dcxP7XXHVm5iCyr0ACTSABvpo4GpFRhPA3vKYSq6aChDKFSnXRAOz08CoaYw+8JYUyCo7pus+TyDOxcGgATQQggbMLR+Tx7ukMfqAWl015XoMshAGGW1Ep2004Nxy+rN1/XIfoA55rlsEk7AIhq++s/vq22bgc+y0HxTBuuU2cM/3uwetAqFkb9piBBb0DxpI8yK3nL1uP7fhXBTHFiV7wBoYAAM0MBUNGJSPaiIv7I0RBYFb3ASwZoBOZYDSjnlqcRYpjBZMvrBxk6VBJAnPykVgMU9Y0O/j9DtQ7kns0wQjmzcxaMcZtMQ57jgD5Z5QvrQlqpXuSZ01GzjFPYiAJP17Sw0A5YGgfOmy5K0ZxLccxFwrHj356oswF5HcgaWDfyQLY+IZXICSvuyigbL64uVOGxQNTrmIPsC7a51oZDMnFsiwQCZSDbiNiZInSuIChrfbzEn2CGGBDKCKFFRdHGeI5+CSAwZx06ZX0iGsaARYPLQmrIEyl4xLboq3+I4D2OQ8Q3STsbbZpS3cZkTB7RIXHx6nd0eVlAg57Am7q1gBNbf7AsjTY2BQLdKnuE066o581GCTEuCh1VkD9ZQFDjkoFIbTWLcrn008istmlePcXB/32ywtpts12MZDtqn97iGcEU5Lo4uACtD/SAHQxmV2dpmhwt9XWOgqXy17W+GOo0NcfDdUd9osUW/mvEKF1FzafYKxTeatsre/H+MbvdzRLCPgJyGrOW0W0+C4J+u4q2kKnPEskcVNawROblu+IrrJSMANuEcDtwex6E5csS2XJmcMmYjA1Qh4cDvH7SclgTepki7pFF9FsXG/GCJGwIOYfPHVYcgBRKB9BIA3oK6D+j2ET26YPHH78cUZRGCwCJT12zqJU7hvS52kusHMvosD45z7PxAsFSHpL5cGEwBb32rVhFQRSc3+YILiwkSACIwbAXVVbue/dxCXr78G8Q0gHw/I3vkKfCX2loLw8JU0hPURlRLjDg4+jQiEEgGFQ5lOUWCYa7PJTFmEULhyg7q6O9y5TG76WBTAXZd5X42dg665XsAbyiignUQgoghYiqUKdnWBCqYq4G1RgzpFA30N9qWLV+jX370eAmeu56+vn1l5n9rlHK21102uFZB1m/o40ALbiAR8h1v5BykHXXYrMqwaAAAAAElFTkSuQmCC\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default __webpack_public_path__ + \"static/media/left-plants-img.b359ad64.svg\";","export default __webpack_public_path__ + \"static/media/right-plants-img.09afc7ba.svg\";","import React from 'react';\r\nimport plantLeftImg from '../../images/left-plants-img.svg';\r\nimport plantRightImg from '../../images/right-plants-img.svg';\r\nimport { Link } from 'react-router-dom';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faExclamationTriangle } from '@fortawesome/free-solid-svg-icons';\r\n\r\nimport './NotFoundPage.scss';\r\n\r\nfunction NotFoundPage(props) {\r\n  return (\r\n    <div className='d-flex justify-content-center align-items-center not-found-page'>\r\n      <div>\r\n        <h1 className='fs-2 mb-lg-5 mb-md-4 mb-3 text-orange'>\r\n          PAGE NOT FOUND\r\n        </h1>\r\n        <div className='mx-auto mt-4 mb-3'>\r\n          <FontAwesomeIcon\r\n            className='mx-auto mt-4 mb-3 text-orange fa-4x'\r\n            icon={faExclamationTriangle}\r\n          />\r\n        </div>\r\n        <Link to='/' className='d-block mt-3 orange-text'>\r\n          Back to home\r\n        </Link>\r\n      </div>\r\n      <img\r\n        src={plantLeftImg}\r\n        className='position-absolute plants-left-bg-image'\r\n        alt='plants-left'\r\n      />\r\n      <img\r\n        src={plantRightImg}\r\n        className='position-absolute plants-right-bg-image'\r\n        alt='plants-right'\r\n      />\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default NotFoundPage;\r\n","import { createBrowserHistory } from 'history';\r\n\r\nexport const history = createBrowserHistory();\r\n","import React from 'react';\r\nimport { Router, Route, Switch } from 'react-router-dom';\r\nimport HomePage from '../pages/HomePage/HomePage';\r\nimport NotFoundPage from '../pages/NotFoundPage/NotFoundPage';\r\nimport { history } from '../helpers/history';\r\n\r\nexport default function Routes(props) {\r\n  return (\r\n    <Router history={history}>\r\n      <Switch>\r\n        <Route exact path='/' component={() => <HomePage />} />\r\n        <Route path='*' component={NotFoundPage} />\r\n      </Switch>\r\n    </Router>\r\n  );\r\n}\r\n","import React from 'react';\r\nimport './App.scss';\r\nimport Routes from '../src/routes/routes';\r\nimport 'bootstrap/dist/css/bootstrap.min.css';\r\nimport 'antd/dist/antd.css';\r\nimport { loginUser } from '../src/firebase/firebase.utils';\r\n\r\nfunction App() {\r\n  loginUser();\r\n  return (\r\n    <div className='App'>\r\n      <Routes />\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default App;\r\n","export const modalConstants = {\r\n  SHOW_VERIFICATION_MODAL: 'SHOW_VERIFICATION_MODAL',\r\n  HIDE_VERIFICATION_MODAL: 'HIDE_VERIFICATION_MODAL',\r\n};\r\n","import { modalConstants } from '../constants';\r\n\r\nconst initialState = {\r\n  showVerificationModal: false,\r\n};\r\n\r\nexport function modal(state = initialState, action) {\r\n  switch (action.type) {\r\n    case modalConstants.HIDE_VERIFICATION_MODAL:\r\n      return {\r\n        showVerificationModal: false,\r\n      };\r\n    case modalConstants.SHOW_VERIFICATION_MODAL:\r\n      return {\r\n        showVerificationModal: true,\r\n      };\r\n\r\n    default:\r\n      return state;\r\n  }\r\n}\r\n","import { combineReducers } from 'redux';\r\n\r\nimport { modal } from './modal.reducer';\r\n\r\nconst appReducer = combineReducers({\r\n  modal,\r\n});\r\n\r\nconst rootReducer = (state, action) => {\r\n  return appReducer(state, action);\r\n};\r\n\r\nexport default rootReducer;\r\n","import { createStore, applyMiddleware } from 'redux';\r\nimport thunkMiddleware from 'redux-thunk';\r\nimport { createLogger } from 'redux-logger';\r\nimport { composeWithDevTools } from 'redux-devtools-extension';\r\nimport rootReducer from './reducers';\r\n\r\nconst loggerMiddleware = createLogger();\r\n\r\nexport const store = createStore(\r\n  rootReducer,\r\n  composeWithDevTools(applyMiddleware(thunkMiddleware, loggerMiddleware))\r\n);\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport './index.scss';\r\nimport App from './App';\r\nimport 'bootstrap/dist/css/bootstrap.min.css';\r\nimport 'bootstrap/dist/css/bootstrap.css';\r\nimport { Provider } from 'react-redux';\r\nimport { store } from '../src/store/store';\r\n\r\nReactDOM.render(\r\n  <Provider store={store}>\r\n    <App />\r\n  </Provider>,\r\n  document.getElementById('root')\r\n);\r\n"],"sourceRoot":""}