{"version":3,"sources":["assets/teslaLogoSmall.svg","components/Header.js","components/Button.js","components/Item.js","assets/Desktop-Accessories.jpg","assets/Desktop-Model3.jpeg","assets/Desktop-ModelS.jpeg","assets/Desktop-ModelX.jpeg","assets/Desktop-ModelY.jpeg","assets/Desktop-SolarPanels.jpeg","assets/Desktop-SolarRoof.jpeg","App.js","reportWebVitals.js","index.js"],"names":["Header","className","src","logo","alt","Button","imp","text","link","href","Item","title","desc","backgroundImg","descLink","leftBtnTxt","leftBtnLink","rightBtnTxt","rightBtnLink","twoButtons","first","style","backgroundImage","App","SolarPanels","ModelS","Model3","ModelX","ModelY","SolarRoof","Accessories","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.08058d54.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/teslaLogoSmall.a7b59bc6.svg\";","import React from \"react\";\nimport \"./Header.css\";\nimport logo from \"../assets/teslaLogoSmall.svg\";\n\nfunction Header() {\n  return (\n    <div className=\"header\">\n      <div className=\"header__logo\">\n        <img src={logo} alt=\"Tesla Logo\" />\n      </div>\n\n      <div className=\"header__center\">\n        <p>Model S</p>\n        <p>Model 3</p>\n        <p>Model X</p>\n        <p>Model Y</p>\n        <p>Solar Roof</p>\n        <p>Solar Panel</p>\n      </div>\n\n      <div className=\"header__right\">\n        <p>Shop</p>\n        <p>Tesla Account</p>\n      </div>\n    </div>\n  );\n}\n\nexport default Header;\n","import React from \"react\";\nimport \"./Button.css\"\n\nfunction Button({ imp, text, link }) {\n  return (\n    <div className={`button ${imp === \"secondary\" ? \"button__white\" : \"\"}`}>\n      <a href={link}>{text}</a>\n    </div>\n  );\n}\n\nexport default Button;\n","import React from \"react\";\nimport Button from \"./Button\";\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore';\n\nimport './Item.css'\n\nfunction Item({\n  title,\n  desc,\n  descLink,\n  backgroundImg,\n  leftBtnTxt,\n  leftBtnLink,\n  rightBtnTxt,\n  rightBtnLink,\n  twoButtons,\n  first,\n}) {\n  return (\n    <div className=\"item\" style={{\n        backgroundImage: `url(${backgroundImg})`\n    }}>\n      <div className=\"item__container\">\n        <div className=\"item__text\">\n          <p>{title}</p>\n          <div className=\"item__textDesc\">\n            <p>{desc}</p>\n          </div>\n        </div>\n\n        <div className=\"item__lowerThird\">\n          <div className=\"item__buttons\">\n            <Button imp=\"primary\" text={leftBtnTxt} link={leftBtnLink} />\n            {twoButtons && (\n              <Button imp=\"secondary\" text={rightBtnTxt} link={rightBtnLink} />\n            )}\n          </div>\n          {first && (\n            <div className=\"item__expand\">\n              <ExpandMoreIcon />\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default Item;\n","export default __webpack_public_path__ + \"static/media/Desktop-Accessories.027ada94.jpg\";","export default __webpack_public_path__ + \"static/media/Desktop-Model3.30651f79.jpeg\";","export default __webpack_public_path__ + \"static/media/Desktop-ModelS.e3d22a07.jpeg\";","export default __webpack_public_path__ + \"static/media/Desktop-ModelX.83417303.jpeg\";","export default __webpack_public_path__ + \"static/media/Desktop-ModelY.30acb76a.jpeg\";","export default __webpack_public_path__ + \"static/media/Desktop-SolarPanels.d7d441d7.jpeg\";","export default __webpack_public_path__ + \"static/media/Desktop-SolarRoof.9eb2e602.jpeg\";","import \"./App.css\";\nimport Header from \"./components/Header\";\nimport Item from \"./components/Item\";\n\nimport Accessories from \"./assets/Desktop-Accessories.jpg\"\nimport Model3 from \"./assets/Desktop-Model3.jpeg\"\nimport ModelS from \"./assets/Desktop-ModelS.jpeg\"\nimport ModelX from \"./assets/Desktop-ModelX.jpeg\"\nimport ModelY from \"./assets/Desktop-ModelY.jpeg\"\nimport SolarPanels from \"./assets/Desktop-SolarPanels.jpeg\"\nimport SolarRoof from \"./assets/Desktop-SolarRoof.jpeg\"\n\nfunction App() {\n  return (\n    <div className=\"App\">\n      {/* Header */}\n      <Header />\n      {/* Header end */}\n\n      {/* Items */}\n      <div className=\"app__itemsContainer\">\n      <Item\n        title = \"Lowest Cost Solar Panels in America\"\n        desc = \"Money-back guarantee\"\n        descLink = \"\"\n        backgroundImg = {SolarPanels}\n        leftBtnTxt = \"Order Now\"\n        leftBtnLink = \"\"\n        rightBtnTxt = \"LEARN MORE\"\n        rightBtnLink = \"\"\n        twoButtons = 'true'\n        first\n      />\n\n      <Item\n        title = \"Model S\"\n        desc = \"$70,000\"\n        descLink = \"\"\n        backgroundImg = {ModelS}\n        leftBtnTxt = \"Custom Order\"\n        leftBtnLink = \"\"\n        rightBtnTxt = \"LEARN MORE\"\n        rightBtnLink = \"\"\n        twoButtons = 'true'\n      />\n      <Item\n        title = \"Model 3\"\n        desc = \"$80,000\"\n        descLink = \"\"\n        backgroundImg = {Model3}\n        leftBtnTxt = \"Custom Order\"\n        leftBtnLink = \"\"\n        rightBtnTxt = \"LEARN MORE\"\n        rightBtnLink = \"\"\n        twoButtons = 'true'\n      />\n      <Item\n        title = \"Model X\"\n        desc = \"$90,000\"\n        descLink = \"\"\n        backgroundImg = {ModelX}\n        leftBtnTxt = \"Custom Order\"\n        leftBtnLink = \"\"\n        rightBtnTxt = \"LEARN MORE\"\n        rightBtnLink = \"\"\n        twoButtons = 'true'\n      />\n      <Item\n        title = \"Model Y\"\n        desc = \"$75,000\"\n        descLink = \"\"\n        backgroundImg = {ModelY}\n        leftBtnTxt = \"Custom Order\"\n        leftBtnLink = \"\"\n        rightBtnTxt = \"LEARN MORE\"\n        rightBtnLink = \"\"\n        twoButtons = 'true'\n      />\n      <Item\n        title = \"Solar for New Roofs\"\n        desc = \"Money-back guarantee\"\n        descLink = \"\"\n        backgroundImg = {SolarRoof}\n        leftBtnTxt = \"Order Now\"\n        leftBtnLink = \"\"\n        rightBtnTxt = \"LEARN MORE\"\n        rightBtnLink = \"\"\n        twoButtons = 'true'\n      />\n      <Item\n        title = \"Accessories\"\n        desc = \"Money-back guarantee\"\n        descLink = \"\"\n        backgroundImg = {Accessories}\n        leftBtnTxt = \"Shop Now\"\n        leftBtnLink = \"\"\n        rightBtnTxt = \"LEARN MORE\"\n        rightBtnLink = \"\"\n        twoButtons = 'true'\n      />\n      </div>\n      {/* Items end */}\n    </div>\n  );\n}\n\nexport default App;\n","const reportWebVitals = onPerfEntry => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}