{"version":3,"sources":["mylou-records.jpg","components/Footer.tsx","components/Navbar.tsx","components/Main.tsx","App.tsx","index.tsx"],"names":["Footer","style","backgroundColor","className","Date","getFullYear","href","target","rel","navigation","name","classNames","classes","filter","Boolean","join","Navbar","as","open","Button","src","alt","map","item","Panel","Main","backgroundImage","require","default","backgroundPosition","backgroundAttachment","backgroundSize","backgroundRepeat","Card","display","App","ReactDOM","render","document","getElementById"],"mappings":"+JAAA,OAAe,cAA0B,2C,yFC6B1BA,EAzBuB,SAAC,GACrC,OAD6C,eAE3C,yBACEC,MAAO,CAAEC,gBAAiB,WAC1BC,UAAU,mHAFZ,UAIE,oBAAGA,UAAU,6BAAb,oCAC2B,IAAIC,MAAOC,cADtC,kJAKA,oBAAGF,UAAU,qCAAb,oCAC2B,IAAIC,MAAOC,cADtC,wBAGA,mBACEC,KAAK,0CACLC,OAAO,SACPC,IAAI,aACJL,UAAU,6BAJZ,4C,eCXAM,EAAa,CACjB,CAAEC,KAAM,WAAYJ,KAAM,+BAC1B,CAAEI,KAAM,YAAaJ,KAAM,iCAE3B,CACEI,KAAM,wBACNJ,KAAM,8CAIV,SAASK,IAA+B,IAAD,uBAAhBC,EAAgB,yBAAhBA,EAAgB,gBACrC,OAAOA,EAAQC,OAAOC,SAASC,KAAK,KAGtC,IA0EeC,EA1EuB,SAAC,GACrC,OAD6C,eAE3C,cAAC,IAAD,CACEb,UAAU,4BACVc,GAAG,MACHhB,MAAO,CAAEC,gBAAiB,WAH5B,SAKG,gBAAGgB,EAAH,EAAGA,KAAH,OACC,qCACE,qBAAKf,UAAU,yCAAf,SACE,sBAAKA,UAAU,kDAAf,UACE,qBAAKA,UAAU,yDAAf,SAEE,eAAC,IAAWgB,OAAZ,CAAmBhB,UAAU,sKAA7B,UACE,sBAAMA,UAAU,UAAhB,4BACCe,EACC,cAAC,IAAD,CAAOf,UAAU,gBAAgB,cAAY,SAE7C,cAAC,IAAD,CAAUA,UAAU,gBAAgB,cAAY,cAItD,sBAAKA,UAAU,+EAAf,UACE,qBAAKA,UAAU,kCAAf,SACE,qBACEA,UAAU,aACViB,IAAI,8BACJC,IAAI,wBAIR,qBAAKlB,UAAU,0BAAf,SACE,qBAAKA,UAAU,iBAAf,SACGM,EAAWa,KAAI,SAACC,GAAD,OACd,mBAEEhB,OAAO,SACPC,IAAI,aACJF,KAAMiB,EAAKjB,KACXH,UAAWQ,EACT,sDANJ,SASGY,EAAKb,MARDa,EAAKb,qBAiBxB,cAAC,IAAWc,MAAZ,CAAkBrB,UAAU,YAA5B,SACE,qBAAKA,UAAU,2BAAf,SACGM,EAAWa,KAAI,SAACC,GAAD,OACd,cAAC,IAAWJ,OAAZ,CAEEF,GAAG,IACHX,KAAMiB,EAAKjB,KACXH,UAAWQ,EACT,+DALJ,SAQGY,EAAKb,MAPDa,EAAKb,oBCzDbe,EAhBmB,SAAC,GACjC,OADyC,eAEvC,sBACEtB,UAAU,oBACVF,MAAO,CACLyB,gBAAgB,OAAD,OAASC,EAAQ,IAAwBC,QAAzC,KACfC,mBAAoB,MACpBC,qBAAsB,QACtBC,eAAgB,QAChBC,iBAAkB,aAPtB,SAUE,cAAC,EAAD,OAMAC,EAAO,WACX,OACE,sBACEhC,MAAO,CAAEC,gBAAiB,yBAA0BgC,QAAS,QAC7D/B,UAAU,uMAFZ,UAIE,qBACEA,UAAU,0BACViB,IAAI,4BACJC,IAAI,sBAEN,sBAAKlB,UAAU,8BAAf,UACE,mBAAGA,UAAU,mBAAb,4KAKA,uBACA,mBAAGA,UAAU,mBAAb,yHAIA,uBACA,mBAAGA,UAAU,mBAAb,wKC7BOgC,MAVf,WACE,OACE,sBAAKhC,UAAU,MAAf,UACE,cAAC,EAAD,IACA,cAAC,EAAD,IACA,cAAC,EAAD,QCNNiC,IAASC,OACP,mCACE,cAAC,EAAD,MAEFC,SAASC,eAAe,W","file":"static/js/main.f7317c68.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/mylou-records.09832387.jpg\";","import React from \"react\";\n\ninterface FooterProps {}\n\nconst Footer: React.FC<FooterProps> = ({}) => {\n  return (\n    <footer\n      style={{ backgroundColor: \"#FD345A\" }}\n      className=\"h-10 items-center w-screen grid grid-cols-3 text-center md:text-left fixed bottom-0 pl-8 pr-8 text-white text-sm\"\n    >\n      <p className=\"hidden xl:block col-span-2\">\n        &copy; Mylou Matrix Ltd {new Date().getFullYear()}. PlaylistKING&reg; is\n        a registered trademark of Mylou Matrix Ltd, U.S. registration number:\n        5,867,613 &amp; 6,672,694. Patent No: US 11,681,738.\n      </p>\n      <p className=\"col-span-3 md:col-span-2 xl:hidden\">\n        &copy; Mylou Matrix Ltd {new Date().getFullYear()}. PlaylistKING&reg;\n      </p>\n      <a\n        href=\"http://www.myloumatrix.com/aa_terms.php\"\n        target=\"_blank\"\n        rel=\"noreferrer\"\n        className=\"hidden text-right md:block\"\n      >\n        Privacy, Terms and Cookies\n      </a>\n    </footer>\n  );\n};\nexport default Footer;\n","import React from \"react\";\n\nimport { Disclosure } from \"@headlessui/react\";\nimport { MenuIcon, XIcon } from \"@heroicons/react/outline\";\n\ninterface NavbarProps {}\n\nconst navigation = [\n  { name: \"ABOUT US\", href: \"http://www.myloumatrix.com/\" },\n  { name: \"PRO LOGIN\", href: \"https://pro.playlistking.com/\" },\n  //{ name: \"LITE LOGIN\", href: \"https://lite.playlistking.com/\" },\n  {\n    name: \"RECOMMENDATIONS LOGIN\",\n    href: \"https://recommendations.playlistking.com/\",\n  },\n];\n\nfunction classNames(...classes: any[]) {\n  return classes.filter(Boolean).join(\" \");\n}\n\nconst Navbar: React.FC<NavbarProps> = ({}) => {\n  return (\n    <Disclosure\n      className=\"w-screen fixed top-0 z-10\"\n      as=\"nav\"\n      style={{ backgroundColor: \"#FD345A\" }}\n    >\n      {({ open }) => (\n        <>\n          <div className=\"max-w-7xl mx-auto px-2 sm:px-6 lg:px-8\">\n            <div className=\"relative flex items-center justify-between h-12\">\n              <div className=\"absolute inset-y-0 right-0 flex items-center lg:hidden\">\n                {/* Mobile menu button*/}\n                <Disclosure.Button className=\"inline-flex items-center justify-center p-2 rounded-md text-white hover:text-black hover:bg-white focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white\">\n                  <span className=\"sr-only\">Open main menu</span>\n                  {open ? (\n                    <XIcon className=\"block h-6 w-6\" aria-hidden=\"true\" />\n                  ) : (\n                    <MenuIcon className=\"block h-6 w-6\" aria-hidden=\"true\" />\n                  )}\n                </Disclosure.Button>\n              </div>\n              <div className=\"flex-1 flex items-center justify-between sm:items-stretch sm:justify-between\">\n                <div className=\"flex-shrink-0 flex items-center\">\n                  <img\n                    className=\"h-8 w-auto\"\n                    src=\"/images/logo-text-white.png\"\n                    alt=\"PlaylistKING logo\"\n                  />\n                </div>\n                {/* Links not in the MENU ICON */}\n                <div className=\"hidden lg:block lg:ml-6\">\n                  <div className=\"flex space-x-6\">\n                    {navigation.map((item) => (\n                      <a\n                        key={item.name}\n                        target=\"_blank\"\n                        rel=\"noreferrer\"\n                        href={item.href}\n                        className={classNames(\n                          \"px-3 py-2 rounded-md text-xs xl:text-sm text-white\"\n                        )}\n                      >\n                        {item.name}\n                      </a>\n                    ))}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <Disclosure.Panel className=\"lg:hidden\">\n            <div className=\"px-2 pt-2 pb-3 space-y-1\">\n              {navigation.map((item) => (\n                <Disclosure.Button\n                  key={item.name}\n                  as=\"a\"\n                  href={item.href}\n                  className={classNames(\n                    \"block px-3 py-2 rounded-md text-base font-medium text-white\"\n                  )}\n                >\n                  {item.name}\n                </Disclosure.Button>\n              ))}\n            </div>\n          </Disclosure.Panel>\n        </>\n      )}\n    </Disclosure>\n  );\n};\n\nexport default Navbar;\n","import React from \"react\";\n\ninterface MainProps {}\n\nconst Main: React.FC<MainProps> = ({}) => {\n  return (\n    <main\n      className=\"h-screen w-screen\"\n      style={{\n        backgroundImage: `url(${require(\"../mylou-records.jpg\").default})`,\n        backgroundPosition: \"50%\",\n        backgroundAttachment: \"fixed\",\n        backgroundSize: \"cover\",\n        backgroundRepeat: \"no-repeat\",\n      }}\n    >\n      <Card />\n    </main>\n  );\n};\nexport default Main;\n\nconst Card = () => {\n  return (\n    <div\n      style={{ backgroundColor: \"rgba(244,243,243, 0.9)\", display: \"none\" }}\n      className=\"w-screen max-w-2xl text-xs text-left absolute transform top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 lg:text-sm 2xl:top-1/2 2xl:left-1/4 2xl:-translate-x-1/2 2xl:-translate-y-1/2 2xl:text-lg\"\n    >\n      <img\n        className=\"hidden lg:h-20 lg:block\"\n        src=\"/images/logo-original.png\"\n        alt=\"PlaylistKING logo\"\n      />\n      <div className=\"ml-6 mr-6 mb-6 mt-6 rounded\">\n        <p className=\"gray-custom-text\">\n          PlaylistKING&reg; is a groundbreaking b2b music playlist solution that\n          combines the human expertise of record producers with the horsepower\n          of cloud computing.\n        </p>\n        <br></br>\n        <p className=\"gray-custom-text\">\n          Our global team evaluates tracks based on our own critical criteria,\n          creating the highest quality metadata.\n        </p>\n        <br></br>\n        <p className=\"gray-custom-text\">\n          Our technology solutions leverage this proprietary dataset to deliver\n          impressive playlists and recommendations that can be refreshed\n          automatically.\n        </p>\n      </div>\n    </div>\n  );\n};\n","import React from \"react\";\nimport \"./App.css\";\nimport Footer from \"./components/Footer\";\nimport Navbar from \"./components/Navbar\";\nimport Main from \"./components/Main\";\n\nfunction App() {\n  return (\n    <div className=\"App\">\n      <Navbar />\n      <Main />\n      <Footer />\n    </div>\n  );\n}\n\nexport default App;\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport \"./index.css\";\nimport App from \"./App\";\n\nReactDOM.render(\n  <>\n    <App />\n  </>,\n  document.getElementById(\"root\")\n);\n"],"sourceRoot":""}