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 (
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
- )
+ );
}
-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;