{"version":3,"sources":["logo.svg","components/Header.js","components/Section.js","components/Home.js","App.js","reportWebVitals.js","index.js"],"names":["Header","useState","burgerStatus","setBurgerStatus","Container","src","alt","href","RightMenu","CustomMenu","onClick","BurgerNav","show","CustomWapperX","CustomX","styled","div","Menu","MenuIcon","props","NavigateNextIcon","Section","Wrap","bgImage","backgroundImg","bottom","ItemText","title","discription","Buttons","ButtonGroup","LeftButton","leftBtnText","rightBtnText","RightButton","DownArrow","img","Home","App","className","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.9f80681a.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/logo.6ce24c58.svg\";","import React from 'react';\r\nimport './Header.css'\r\nimport styled from 'styled-components';\r\nimport MenuIcon from '@material-ui/icons/Menu';\r\nimport NavigateNextIcon from '@material-ui/icons/NavigateNext';\r\nimport { useState } from 'react';\r\n\r\nconst Header = () => {\r\n const [burgerStatus, setBurgerStatus] = useState(false);\r\n\r\n return (\r\n \r\n \r\n \"\"\r\n \r\n \r\n Model S \r\n Model 3 \r\n Model X \r\n Model Y \r\n \r\n \r\n Shop \r\n Tesla Account\r\n setBurgerStatus(true)} />\r\n \r\n \r\n \r\n setBurgerStatus(false)} />\r\n \r\n
  • Existing Inventory
    • \r\n
  • Used Inventory
    • \r\n
  • Trade-in
    • \r\n
  • Cybertruck
    • \r\n
  • Roadaster
    • \r\n
  • Semi
    • \r\n
  • Find Us
    • \r\n
  • Support
    • \r\n     \r\n     \r\n );\r\n};\r\n\r\nexport default Header;\r\n\r\nconst Container = styled.div`\r\n min-height: 60px;\r\n position: fixed;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 0 20px;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n z-index: 1;\r\n`\r\nconst Menu = styled.div`\r\n display:flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex: 1;\r\n\r\n a {\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n padding: 0 10px;\r\n flex-wrap: nowrap;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n display: none;\r\n }\r\n`\r\nconst RightMenu = styled.div`\r\n display: flex;\r\n align-items: center;\r\n a {\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n margin-right: 10px;\r\n flex-wrap: nowrap;\r\n }\r\n`\r\nconst CustomMenu = styled(MenuIcon)`\r\n cursor: pointer;\r\n`\r\nconst BurgerNav = styled.div`\r\nposition: fixed;\r\ntop: 0;\r\nbottom: 0;\r\nright: 0;\r\nbackground: white;\r\nwidth: 300px;\r\nz-index: 16;\r\nlist-style: none;\r\npadding: 20px;\r\ndisplay: flex;\r\nflex-direction: column;\r\ntext-align: start;\r\ntransform: ${props => props.show ? 'translateX(0)' : 'translateX(100%)' };\r\ntransition: transform 0.2s ease-in;\r\nli {\r\n padding: 15px 0;\r\n border-bottom: 1px solid rgba(0, 0, 0, .2);\r\n a {\r\n font-weight: 600;\r\n }\r\n}\r\n`\r\nconst CustomX = styled(NavigateNextIcon)`\r\n cursor: pointer;\r\n`\r\n\r\nconst CustomWapperX = styled.div`\r\n display: flex;\r\n justify-content: flex-end;\r\n`","import React from 'react';\r\nimport styled from 'styled-components';\r\nimport \"./Section.css\"\r\nimport Fade from 'react-reveal/Fade';\r\n\r\nconst Section = ( props ) => {\r\n return (\r\n \r\n \r\n \r\n

    { props.title }

    \r\n

    { props.discription }

    \r\n     \r\n     \r\n \r\n \r\n \r\n \r\n {props.leftBtnText}\r\n \r\n {props.rightBtnText && \r\n \r\n {props.rightBtnText}\r\n \r\n }\r\n \r\n \r\n \r\n \r\n     \r\n );\r\n};\r\n\r\nexport default Section;\r\n\r\nconst Wrap = styled.div`\r\n width: 100vw;\r\n height: 100vh;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n background-image: url('images/model-s.jpg');\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n align-items: center;\r\n background-image: ${props => `url(\"/images/${props.bgImage}\")`}\r\n`\r\n\r\nconst ItemText = styled.div `\r\n padding-top: 15vh;\r\n text-align: center;\r\n`\r\nconst ButtonGroup = styled.div`\r\n display: flex;\r\n margin-bottom: 20px;\r\n @media (max-width: 768px) {\r\n flex-direction: column;\r\n }\r\n`\r\nconst LeftButton = styled.div`\r\nbackground-color: rgba(23, 26, 32, 0.8);\r\nheight: 40px;\r\nwidth: 256px;\r\ncolor: white;\r\ndisplay: flex;\r\njustify-content: center;\r\nalign-items: center;\r\nborder-radius: 100px;\r\nopacity: 0.58;\r\ntext-transform: uppercase;\r\nfont-size: 12px;\r\ncursor: pointer;\r\nmargin-left: 10px;\r\n`\r\nconst RightButton = styled(LeftButton)`\r\n background: white;\r\n color: black;\r\n opacity: 0.60;\r\n`\r\n\r\nconst DownArrow = styled.img`\r\nmargin-top: 20px;\r\nheight: 40px;\r\nwidth: 100%;\r\nanimation: animateDown infinite 1.5s;\r\n`\r\nconst Buttons = styled.div``","import React from 'react';\r\nimport './Home.css'\r\nimport styled from 'styled-components';\r\nimport Section from './Section';\r\n\r\nconst Home = () => {\r\n return (\r\n \r\n
    \r\n
    \r\n
    \r\n
    \r\n
    \r\n
    \r\n
    \r\n \r\n );\r\n};\r\n\r\nexport default Home;\r\n\r\nconst Container = styled.div`\r\n height:100vh;\r\n`","import logo from './logo.svg';\nimport './App.css';\nimport Header from './components/Header';\nimport Home from './components/Home';\n\nfunction App() {\n return (\n
    \n
    \n \n
    \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 \n \n ,\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":""}