diff --git a/src/components/mainPage/landing.jsx b/src/components/mainPage/landing.jsx
index 169306e..bd12c07 100644
--- a/src/components/mainPage/landing.jsx
+++ b/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 />
     </>
diff --git a/src/components/products/allProducts.jsx b/src/components/products/allProducts.jsx
new file mode 100644
index 0000000..6bf083a
--- /dev/null
+++ b/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;
\ No newline at end of file
diff --git a/src/components/products/index.js b/src/components/products/index.js
index f5ca32e..3a5cdc8 100644
--- a/src/components/products/index.js
+++ b/src/components/products/index.js
@@ -1 +1 @@
-export {default as something} from './something';
+export {default as AllProducts} from './allProducts';