{"version":3,"sources":["components/Header.js","components/Section.js","components/Home.js","App.js","index.js"],"names":["Header","useState","click","setClick","Container","src","alt","Menu","href","RightMenu","className","onClick","MenuItems","right","style","display","alignItems","class","justifyContent","paddingRight","marginLeft","borderBottom","paddingTop","cursor","styled","div","Section","model","backgroundImg","description","leftBtn","rightBtn","Wrap","bgImage","bottom","ItemText","Buttons","ButtonGroup","LeftButton","RightButton","DownArrow","props","img","Home","App","ReactDOM","render","document","getElementById"],"mappings":"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","file":"static/js/main.7e5c868c.chunk.js","sourcesContent":["import React, { useState } from 'react'\r\nimport styled from 'styled-components'\r\nimport Fade from 'react-reveal/Fade';\r\n\r\nfunction Header() {\r\n\r\n const [click, setClick] = useState(false)\r\n\r\n const handleMenuBar = () => setClick(!click)\r\n const handleMenuX = () => setClick(false)\r\n\r\n return (\r\n \r\n \r\n Tesla-Logo\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 \r\n \r\n {click && \r\n \r\n \r\n \r\n
  • Model S
    • \r\n
  • Model 3
    • \r\n
  • Model X
    • \r\n
  • Model Y
    • \r\n
  • Solar Roof
    • \r\n
  • Solar Panels
    • \r\n
  • Existing Inventory
    • \r\n
  • Used Inventory
    • \r\n
  • Trade-In
    • \r\n
  • Test Drive
    • \r\n
  • Powerwall
    • \r\n
  • Comercial Energy
    • \r\n
  • Utilities
    • \r\n
  • Charging
    • \r\n
  • Find Us
    • \r\n
  • Support
    • \r\n
  • Investor Relations
    • \r\n
  • Shop
    • \r\n
  • Account
    • \r\n
  • More
    • \r\n
  • \r\n \r\n United State\r\n \r\n
  • English
    • \r\n \r\n     \r\n     \r\n \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\n`\r\n\r\nconst Menu = styled.div`\r\ndisplay: flex;\r\nflex: 1;\r\nalign-item: center;\r\njustify-content: center;\r\na{\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n padding: 5px 10px;\r\n flex-wrap: no-wrap;\r\n}\r\n\r\na:hover{\r\n background-color: rgba(23, 26, 32, 0.07);\r\n border-radius: 20px;\r\n}\r\n\r\n@media (max-width: 768px){\r\n display: none;\r\n}\r\n\r\n`\r\n\r\nconst RightMenu = styled.div`\r\ndispaly: flex;\r\nalign-item: center;\r\ncursor: pointer;\r\na{\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n margin-right: 10px;\r\n padding: 5px 10px;\r\n}\r\n\r\na:hover{\r\n background-color: rgba(23, 26, 32, 0.07);\r\n border-radius: 20px;\r\n}\r\n\r\n@media (max-width: 360px){\r\n a{\r\n display: none;\r\n }\r\n}\r\n\r\n\r\n`\r\n\r\nconst MenuItems = styled.div`\r\nposition: fixed;\r\ntop: 0;\r\nbuttom: 0;\r\nright: 0; \r\nbackground-color: #fff;\r\nwidth: 300px;\r\nheight: 100vh;\r\nlist-style: none;\r\npadding: 20px;\r\ndisplay: flex;\r\nflex-direction: column;\r\ntext-align: start;\r\nz-index: 100;\r\noverflow: scroll;\r\nli{\r\n padding: 10px;\r\n margin-left: 20px;\r\n}\r\na{\r\n font-weight: 600;\r\n}\r\n\r\ni{\r\n display: flex;\r\n align-item: right;\r\n justify-content: right;\r\n cursor: pointer;\r\n}\r\n\r\nli:hover{\r\n background-color: rgba(23, 26, 32, 0.07);\r\n border-radius: 20px;\r\n}\r\n\r\n`\r\n\r\n\r\n","import React from 'react'\r\nimport styled from 'styled-components'\r\nimport Fade from 'react-reveal/Fade';\r\n\r\nfunction Section({model, backgroundImg, description, leftBtn,rightBtn}) {\r\n return (\r\n \r\n \r\n \r\n

    {model}

    \r\n

    {description}

    \r\n     \r\n     \r\n\r\n \r\n \r\n \r\n \r\n {leftBtn}\r\n \r\n {rightBtn && \r\n \r\n {rightBtn}\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-size: cover;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n align-item: center;\r\n background-image: ${props => `url(\"/images/${props.bgImage}\")`}\r\n\r\n`\r\n\r\nconst ItemText = styled.div`\r\n z-idex: -1;\r\n padding-top: 15vh;\r\n text-align: center;\r\n`\r\nconst ButtonGroup = styled.div`\r\ndisplay: flex;\r\nmargin-bottom: 30px;\r\nalign-items: center;\r\njustify-content: center;\r\ntext-align:center;\r\n\r\n@media (max-width: 768px){\r\n flex-direction: column;\r\n}\r\n\r\n`\r\nconst LeftButton = styled.div`\r\n background-color: rgba(23, 26, 32, 0.6);\r\n height: 40px;\r\n width: 256px;\r\n color: #fff;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n border-radius: 100px;\r\n opacity: 0.85;\r\n text-transform: uppercase;\r\n font-size: 12px;\r\n cursor: pointer;\r\n margin: 8px;\r\n\r\n`\r\n\r\nconst RightButton = styled(LeftButton)`\r\n background-color: #fff;\r\n color: #000;\r\n\r\n`\r\n\r\nconst DownArrow = styled.img`\r\n margin-top: 20px;\r\n opacity: 0.65;\r\n height: 40px;\r\n animation: animateDown infinite 1.5s;\r\n overflow-x: hidden;\r\n\r\n`\r\n\r\nconst Buttons = styled.div`\r\n align-items: center;\r\n text-align: center;\r\n justify-content: center;\r\n\r\n`","import React from 'react'\r\nimport styled from 'styled-components'\r\nimport Section from './Section'\r\n\r\nfunction 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\r\n`\r\n","import React from 'react';\nimport Header from './components/Header'\nimport Home from './components/Home'\n\nfunction App() {\n\n return (\n <>\n
    \n \n \n );\n}\n\nexport default App;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport App from './App';\nimport './index.css'\n\nReactDOM.render(, document.getElementById('root') );\n\n\n"],"sourceRoot":""}