diff --git a/src/components/Carousel/Carousel.js b/src/components/Carousel/Carousel.js index 7cbc129..9331095 100644 --- a/src/components/Carousel/Carousel.js +++ b/src/components/Carousel/Carousel.js @@ -1,29 +1,59 @@ -import React from 'react' -import './Carousel.scss' +import React from "react"; +import "./Carousel.scss"; import "slick-carousel/slick/slick.css"; import "slick-carousel/slick/slick-theme.css"; import Slider from "react-slick"; function Carousel() { - let settings = { - infinite: true, - speed: 1000, - slidesToShow: 1, - slidesToScroll: 1, - autoplay: true - } + let settings = { + infinite: true, + speed: 500, + slidesToShow: 1, + slidesToScroll: 1, + autoplay: true, + }; return ( -
- -
Amazon.in image
-
Amazon.in image
-
Amazon.in image
-
Amazon.in image
-
Amazon.in image
-
+
+ +
+ Amazon.in image +
+
+ Amazon.in image +
+
+ Amazon.in image +
+
+ Amazon.in image +
+
+ Amazon.in image +
+
- ) + ); } -export default Carousel +export default Carousel; diff --git a/src/components/Home/Home.js b/src/components/Home/Home.js index 531d499..8480f3d 100644 --- a/src/components/Home/Home.js +++ b/src/components/Home/Home.js @@ -1,80 +1,80 @@ -import React from 'react'; -import './Home.scss'; -import Carousel from '../Carousel/Carousel'; -import Product from '../Product/Product'; +import React from "react"; +import "./Home.scss"; +import Carousel from "../Carousel/Carousel"; +import Product from "../Product/Product"; function Home() { return ( -
- -
-
- - - + +
+
+ + + - + -
+ rating="★★★☆☆" + image="https://m.media-amazon.com/images/I/61i28yZlsdL._SL1500_.jpg" + /> +
-
- - - + + + -
+ rating="★★☆☆☆" + image="https://m.media-amazon.com/images/I/71AbYCAvr-L._SL1500_.jpg" + /> +
-
- + -
+ rating="★★★☆☆" + image="https://m.media-amazon.com/images/I/81oADRhNq2L._AC_SL1500_.jpg" + />
+
- ) + ); } -export default Home +export default Home;