slider added

src/App.js

@@ -44,7 +44,8 @@ import TableDesign1 from "./components/Table/Design1";
 import ReactTable2 from "./components/ReactTable2";
 // import ReactTable3 from "./components/ReactTable3";
 import ReactTable4 from "./components/ReactTable4";
-import Digikala from "./components/Digikala/ImageSlider";
+import Digikala from "./components/Digikala";
+// import Digikala from "./components/Digikala/ImageSlider";
 
 import Switch from "./components/Switch";
 
@@ -94,6 +95,7 @@ function App() {
         {/* <ReactTable3 /> */}
         {/* <ReactTable4 /> */}
         <Digikala />
+        {/* <DigikalaShop /> */}
       </div>
     </Provider>
   );

src/components/Digikala/ImageSlider.js

@@ -23,7 +23,7 @@ const ImageSlider = ({ slides }) => {
 
   return (
     <section className="bg-red-100">
-      <div className="group relative bg-pink-400">
+      <div className="relative bg-pink-400">
         {slides.map((slide, index) => {
           return (
             <div

src/components/Digikala/SliderData.js

@@ -1,19 +1,17 @@
-import pic1 from "./pic1.jpg";
-import pic2 from "./pic2.jpg";
-import pic3 from "./pic3.jpg";
 import pic4 from "./pic4.jpg";
-import pic5 from "./pic5.jpg";
 import pic6 from "./pic6.jpg";
+import pic5 from "./pic5.jpg";
+import pic3 from "./pic3.jpg";
 
 export const SliderData = [
   {
-    image: pic6,
+    image: pic4,
   },
   {
-    image: pic5,
+    image: pic6,
   },
   {
-    image: pic4,
+    image: pic5,
   },
   {
     image: pic3,

src/components/Digikala/index.js

@@ -3,7 +3,11 @@ import ImageSlider from "./ImageSlider";
 import { SliderData } from "./SliderData";
 
 const Digikala = () => {
-  return <ImageSlider slides={SliderData} />;
+  return (
+    <div>
+      <ImageSlider slides={SliderData} />
+    </div>
+  );
 };
 
 export default Digikala;