diff --git a/src/pages/Status/Status.jsx b/src/pages/Status/Status.jsx
index 080dd52..2746eb6 100644
--- a/src/pages/Status/Status.jsx
+++ b/src/pages/Status/Status.jsx
@@ -1,5 +1,16 @@
-const Status = () => {
-    return (<h2>Status</h2>)
-}
+import './styles.sass';
+import StatusItem from "@/pages/Status/components/StatusItem/index.js";
+
+const mockStatus = [
+    {service: "Sheepstar Global", shards: [{name: 1, status: "active"}, {name: 2, status: "active"}, {name: 3, status: "inactive"} ]},
+    {service: "TicketBot", shards: [{name: 1, status: "active"}, {name: 2, status: "active"}, {name: 3, status: "inactive"}]},
+    {service: "Kratos", shards: [{name: 1, status: "active"}, {name: 2, status: "active"}, {name: 3, status: "active"}, {name: 4, status: "active"}]}
+]; // replace with api in future
+
+const Status = () => (
+    <div className="main-wrapper">
+        {mockStatus.map(item => <StatusItem key={item.service} service={item.service} shards={item.shards}/>)}
+    </div>
+)
 
 export default Status;
\ No newline at end of file