UPD: init product section

src/components/mainPage/landing.jsx

@@ -1,12 +1,14 @@
 import React, { useState } from "react";
 import "./home.css";
 import { PayPal, Purchase, ShowCase, Home } from '.';
+import { AllProducts} from "../products"
 
 // component
 const Details = () => {
   return (
     <>
       <ShowCase />
+      <AllProducts />
       <Purchase />
       <PayPal />
     </>

src/components/products/allProducts.jsx

@@ -0,0 +1,15 @@
+import React from 'react';
+
+const AllProducts = ( ) => {
+
+    return (
+        <div className="container">
+        <hr />
+        <span className="danger">Fetch product list from https://api.oemautomation.com:3001 to this section.</span>
+        <hr />
+
+        </div>
+    );
+}
+
+export default AllProducts;

src/components/products/index.js

@@ -1 +1 @@
-export {default as something} from './something';
+export {default as AllProducts} from './allProducts';