{"version":3,"sources":["resource/images/payment_method.png","Component/Footer/Footer.js","Component/Bikes/Bikes.js","Component/Garage/Garage.js","Component/Header/Header.js","App.js","reportWebVitals.js","index.js"],"names":["Footer","className","href","class","src","payment","alt","Bikes","props","bike","model_name","company_name","bike_img","bike_price","discount","rating","emptySymbol","fullSymbol","readonly","initialRating","onClick","addedSelectedBikes","Garage","useState","bikes","setBikes","selectedBike","setSeletedBike","useEffect","fetch","then","res","json","data","eachBike","bikePrice","length","map","id","Header","App","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.a8912b1f.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/payment_method.18588cb5.png\";","import React from 'react';\r\nimport './Footer.css';\r\nimport payment from '../../resource/images/payment_method.png'\r\n\r\nconst Footer = () => {\r\n    return (\r\n        <div className=\"footer-container\">\r\n           <div className=\"footer-body\">\r\n          <div className=\"footer-info\">\r\n               <a href=\"\">About Us</a>\r\n               <a href=\"\">Contact Info</a>\r\n               <a href=\"\">Terms &#38; Conditions</a>\r\n               <a href=\"\">Privacy Policy</a>\r\n           </div>\r\n          <div className=\"info-container\">\r\n           <div className=\"footer-address\">\r\n               <p><i class=\"fas fa-phone-alt\"></i> Call-us : +880 174 0000 999</p>\r\n               <p><i class=\"fas fa-envelope\"></i> Email : supportbike @ bike.com</p>\r\n               <p><i class=\"fas fa-map-marker-alt\"></i> Address : dhaka-1216,Bangladesh</p>\r\n           </div>\r\n           <div className=\"payment-img\">\r\n               <img src={payment} alt=\"\" />\r\n           </div>\r\n           </div>\r\n           </div>\r\n           <div className=\"following-area\">\r\n               <h3>Follow Us</h3>\r\n               <div className=\"social-icon\">\r\n                   <a href=\"\"><i class=\"fab fa-facebook-f\"></i></a>\r\n                   <a href=\"\"><i class=\"fab fa-twitter\"></i></a>\r\n                   <a href=\"\"><i class=\"fab fa-instagram\"></i></a>\r\n                   <a href=\"\"><i class=\"fab fa-youtube\"></i></a>\r\n                   <a href=\"\"><i class=\"fab fa-pinterest-p\"></i></a>\r\n               </div>\r\n           </div>\r\n           <marquee>Copyright © 2021 simplysamiul-bike.com</marquee>\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default Footer;","import React from 'react';\r\nimport Rating from 'react-rating';\r\nimport './Bikes.css';\r\n\r\nconst Bikes = (props) => {\r\n    // console.log(props);\r\n    const {model_name, company_name, bike_img, bike_price, discount, rating} = props.bike;\r\n    return (\r\n        <div className=\"bike-card\">\r\n            <img src={bike_img} alt=\"\" />\r\n            <div className=\"card-text\">\r\n            <h3>{model_name}</h3>\r\n            <h5>Company : {company_name}</h5>\r\n            <h5>Price : <span className=\"tk-symbol\">&#2547;</span> {bike_price} /-</h5>\r\n            <p>Discount : {discount}</p>\r\n           <div className=\"bike-rating\">\r\n           <Rating\r\n                emptySymbol=\"far fa-star\"\r\n                fullSymbol=\"fas fa-star\"\r\n                readonly\r\n                initialRating={rating}\r\n            />\r\n           </div>\r\n            <div className=\"buy-button\">\r\n            <button onClick={()=>props.addedSelectedBikes(props.bike)}> <span className=\"buy-icon\"><i className=\"fas fa-shopping-cart\"></i></span> buy</button>\r\n            </div>\r\n            </div>\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default Bikes;","import React, { useEffect, useState } from 'react';\r\nimport Bikes from '../Bikes/Bikes';\r\nimport './Garage.css';\r\n\r\nconst Garage = () => {\r\n    const [bikes, setBikes] = useState([]);\r\n    const [selectedBike, setSeletedBike] = useState([]);\r\n    useEffect(()=>{\r\n        fetch('bikes-data.JSON')\r\n        .then(res => res.json())\r\n        .then(data => setBikes(data))\r\n    },[]);\r\n    const addedSelectedBikes = eachBike =>{\r\n        const bike = [...selectedBike, eachBike];\r\n        setSeletedBike(bike);\r\n    };\r\n    let bikePrice  = 0;\r\n    for(const bike of selectedBike){\r\n        bikePrice = bikePrice + bike.bike_price;\r\n    }\r\n    return (\r\n        <div className=\"garage-area\">\r\n            <div className=\"selected-bikes\">\r\n                <h3>Selected Bikes : {selectedBike.length}</h3>\r\n                <h3>bike Price : {bikePrice}</h3>\r\n            </div>\r\n            <div className=\"bikes-container\">\r\n            <div className=\"bikes-list\">\r\n                {\r\n                    bikes.map(bike => <Bikes \r\n                    bike={bike} key={bike.id} \r\n                    addedSelectedBikes = {addedSelectedBikes}\r\n                    />)\r\n                }\r\n            </div>\r\n            </div>\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default Garage;","import React from 'react';\r\nimport './Header.css'\r\n\r\nconst Header = () => {\r\n    return (\r\n        <div className=\"header-area\">\r\n            <div className=\"header-text\">\r\n            <h1>There Is the List Of 2021's All latest Bike</h1>\r\n            <h2>Please Select Bike's For Your Riding</h2>\r\n            </div>\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default Header;","import './App.css';\nimport Footer from './Component/Footer/Footer';\nimport Garage from './Component/Garage/Garage';\nimport Header from './Component/Header/Header';\n\nfunction App() {\n  return (\n    <div className=\"App\">\n      <Header />\n      <Garage />\n      <Footer />\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';\nimport 'bootstrap/dist/css/bootstrap.min.css';\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":""}