{"version":3,"sources":["containers/blog/Blog.jsx","components/feature/Feature.jsx","containers/features/Features.jsx","assets/ai.png","containers/header/Header.jsx","containers/possibility/Possibility.jsx","containers/whatGPT3/WhatGPT3.jsx","components/brand/Brand.jsx","components/cta/CTA.jsx","components/navbar/Navbar.jsx","App.js","index.js"],"names":["Blog","className","id","href","target","rel","Feature","title","text","featuresData","Features","map","item","index","Header","src","synth","Possibility","WhatGPT3","Brand","CTA","Navbar","useState","toggleMenu","setToggleMenu","color","size","onClick","App","ReactDOM","render","document","getElementById"],"mappings":"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","file":"static/js/main.4ad9fd5d.chunk.js","sourcesContent":["import React from 'react';\r\nimport './blog.css';\r\n\r\nconst Blog = () => (\r\n  <div className=\"gpt3__blog section__padding\" id=\"blog\">\r\n    <div className=\"gpt3__blog-heading\">\r\n      <h1 className=\"gradient__text\">Join Melomania today. Follow our twitter to learn more! <a href=\"https://www.twitter.com/melomania_eth\" target=\"_blank\" rel=\"noopener noreferrer\">@melomania_eth</a></h1>\r\n    </div>\r\n  </div>\r\n);\r\n\r\nexport default Blog;\r\n","import React from 'react';\r\nimport './feature.css';\r\n\r\nconst Feature = ({ title, text }) => (\r\n  <div className=\"gpt3__features-container__feature\">\r\n    <div className=\"gpt3__features-container__feature-title\">\r\n      <div />\r\n      <h1>{title}</h1>\r\n    </div>\r\n    <div className=\"gpt3__features-container_feature-text\">\r\n      <p>{text}</p>\r\n    </div>\r\n  </div>\r\n);\r\n\r\nexport default Feature;\r\n","import React from 'react';\r\nimport Feature from '../../components/feature/Feature';\r\nimport './features.css';\r\n\r\nconst featuresData = [\r\n  {\r\n    title: 'Tip your favorite producers',\r\n    text: 'We’ll help you tip your favorite producers to get them started on becoming a bigger producer.',\r\n  },\r\n  {\r\n    title: 'Build a tight community',\r\n    text: 'With the ability to create custom chat rooms, users are able to freely chat with other producers utilzing GUN technologies to remain decentralized.',\r\n  },\r\n  {\r\n    title: 'Gasless Transactions',\r\n    text: 'Coming soon!',\r\n  },\r\n];\r\n\r\nconst Features = () => (\r\n  <div className=\"gpt3__features section__padding\" id=\"features\">\r\n    <div className=\"gpt3__features-heading\">\r\n      <h1 className=\"gradient__text\">Step into the music metaverse. Get your foot into Web3 while doing what you love, producing!</h1>\r\n      <p>Request Early Access to Get Started</p>\r\n    </div>\r\n    <div className=\"gpt3__features-container\">\r\n      {featuresData.map((item, index) => (\r\n        <Feature title={item.title} text={item.text} key={item.title + index} />\r\n      ))}\r\n    </div>\r\n  </div>\r\n);\r\n\r\nexport default Features;\r\n","export default __webpack_public_path__ + \"static/media/ai.7c9fdd76.png\";","import React from 'react';\r\nimport synth from '../../assets/ai.png';\r\nimport './header.css';\r\n\r\nconst Header = () => (\r\n  <div className=\"gpt3__header section__padding\" id=\"home\">\r\n    <div className=\"gpt3__header-content\">\r\n      <h1 className=\"gradient__text\">Melomania</h1>\r\n      <p>a decentralized music marketplace and crowdsourcing platform</p>\r\n    </div>\r\n\r\n    <div className=\"gpt3__header-image\">\r\n      <img src={synth} />\r\n    </div>\r\n  </div>\r\n);\r\n\r\nexport default Header;\r\n","import React from 'react';\r\nimport './possibility.css';\r\n\r\nconst Possibility = () => (\r\n  <div className=\"gpt3__possibility section__padding\" id=\"possibility\">\r\n    <div className=\"gpt3__possibility-content\">\r\n      <h1 className=\"gradient__text\">How the marketplace works</h1>\r\n      <p>After connecting your Metamask wallet, you will be granted access to the marketplace. Here, you are able to upload .wav, .mp3, and .mp4 files. After entering a fitting description for your track, submit and confirm the Metamask transaction. Upon completion, your page will automatically be reloaded with your post available! Clicking on the more button shows expanded details about the post such as the IPFS link, and more information about the creator.</p>\r\n      <h4>Request Early Access to Get Started</h4>\r\n    </div>\r\n  </div>\r\n);\r\n\r\nexport default Possibility;\r\n","import React from 'react';\r\nimport Feature from '../../components/feature/Feature';\r\nimport './whatGPT3.css';\r\n\r\nconst WhatGPT3 = () => (\r\n  <div className=\"gpt3__whatgpt3 section__margin\" id=\"wgpt3\">\r\n    <div className=\"gpt3__whatgpt3-feature\">\r\n      <Feature title=\"What is Melomania?\" text=\"A decentralized music platform aiming to help support and fund artists while utilizing modern Web3 technologies. Want to share your music? Head over to the market? Want to chat with other producers and create a tight knit community? Head to the chatrooms! Have any questions? Check the FAQ!\" />\r\n    </div>\r\n    <div className=\"gpt3__whatgpt3-heading\">\r\n      <h1 className=\"gradient__text\">we aim to tighten the music community. <br /><br /> create. share. inspire.</h1>\r\n    </div>\r\n    <div className=\"gpt3__whatgpt3-container\">\r\n      <Feature title=\"Marketplace / Mint NFT!\" text=\"Share your music to the marketplace! Receive tips from the people who love your work!\" />\r\n      <Feature title=\"Chatrooms\" text=\"Chat with other producers. With the option to create chat forums, the conversations are endless.\" />\r\n      <Feature title=\"Community Crowdsourcing\" text=\"Everyone should have the opportunity to produce music. Help gather funds to push out more great albums!\" />\r\n    </div>\r\n  </div>\r\n);\r\n\r\nexport default WhatGPT3;\r\n","import React from 'react';\r\nimport './brand.css';\r\n\r\nconst Brand = () => (\r\n  <div className=\"gpt3__brand\">\r\n    <h1>.</h1>\r\n  </div>\r\n);\r\n\r\nexport default Brand;\r\n","import React from 'react';\r\nimport './cta.css';\r\n\r\nconst CTA = () => (\r\n  <div className=\"gpt3__cta\">\r\n    <div className=\"gpt3__cta-content\">\r\n      <p>Request Early Access to Get Started</p>\r\n      <h3>Register Today & start exploring the endless possibilities.</h3>\r\n    </div>\r\n  </div>\r\n);\r\n\r\nexport default CTA;\r\n","import React, { useState } from 'react';\r\nimport { RiMenu3Line, RiCloseLine } from 'react-icons/ri';\r\nimport './navbar.css';\r\n\r\nconst Navbar = () => {\r\n  const [toggleMenu, setToggleMenu] = useState(false);\r\n\r\n  return (\r\n    <div className=\"gpt3__navbar\">\r\n      <div className=\"gpt3__navbar-links\">\r\n        <div className=\"gpt3__navbar-links_logo\">\r\n          <h1 className=\"gradient__text\">mm</h1>\r\n        </div>\r\n        <div className=\"gpt3__navbar-links_container\">\r\n          <p><a href=\"#home\">Home</a></p>\r\n          <p><a href=\"#wgpt3\">What is Melomania?</a></p>\r\n          <p><a href=\"#possibility\">Marketplace</a></p>\r\n          <p><a href=\"#features\">Chat Rooms</a></p>\r\n          <p><a href=\"#blog\">More</a></p>\r\n        </div>\r\n      </div>\r\n      <div className=\"gpt3__navbar-menu\">\r\n        {toggleMenu\r\n          ? <RiCloseLine color=\"#fff\" size={27} onClick={() => setToggleMenu(false)} />\r\n          : <RiMenu3Line color=\"#fff\" size={27} onClick={() => setToggleMenu(true)} />}\r\n        {toggleMenu && (\r\n        <div className=\"gpt3__navbar-menu_container scale-up-center\">\r\n          <div className=\"gpt3__navbar-menu_container-links\">\r\n            <p><a href=\"#home\">Home</a></p>\r\n            <p><a href=\"#wgpt3\">What is Melomania?</a></p>\r\n            <p><a href=\"#possibility\">Marketplace</a></p>\r\n            <p><a href=\"#features\">Chat Rooms</a></p>\r\n            <p><a href=\"#blog\">More</a></p>\r\n          </div>\r\n        </div>\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Navbar;\r\n","import React from 'react';\r\n\r\nimport { Blog, Possibility, Features, WhatGPT3, Header } from './containers';\r\nimport { CTA, Brand, Navbar } from './components';\r\n\r\nimport './App.css';\r\n\r\nconst App = () => (\r\n  <div className=\"App\">\r\n    <div className=\"gradient__bg\">\r\n      <Navbar />\r\n      <Header />\r\n    </div>\r\n    <Brand />\r\n    <WhatGPT3 />\r\n    <Features />\r\n    <Possibility />\r\n    <CTA />\r\n    <Blog />\r\n  </div>\r\n);\r\n\r\nexport default App;\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\n\r\nimport App from './App';\r\nimport './index.css';\r\n\r\nReactDOM.render(<App />, document.getElementById('root'));\r\n"],"sourceRoot":""}