diff --git a/MP.MONO.UI/Components/ActivityOverview.razor b/MP.MONO.UI/Components/ActivityOverview.razor
new file mode 100644
index 0000000..8406972
--- /dev/null
+++ b/MP.MONO.UI/Components/ActivityOverview.razor
@@ -0,0 +1,49 @@
+@using MP.MONO.UI.Components
+@using MP.MONO.Core.DTO
+@using MP.MONO.UI.Data
+
+@inject CurrentDataService MMDataService
+
+@if (@dataLoaded && ListRecords != null)
+{
+    <ul class="list-group">
+        @foreach (var item in ListRecords)
+        {
+            <li class="list-group-item list-group-item-action">
+                <div class="d-flex w-100 justify-content-between" title="order">
+                    <div>@item.Title</div>
+                    <div>
+                        <h5> <b>@item.Value</b></h5>
+                    </div>
+                </div>
+            </li>
+        }
+    </ul>
+
+}
+else
+{
+    <ul>
+                                    <li>Activity Log</li>
+                                    <li>User Actions Log</li>
+                                </ul>
+    <LoadingDataSmall></LoadingDataSmall>
+}
+@code {
+    protected bool dataLoaded = false;
+    private List<DisplayDataDTO>? ListRecords { get; set; } = null;
+
+    protected override async Task OnInitializedAsync()
+    {
+        await ReloadData();
+    }
+
+    protected async Task ReloadData()
+    {
+        //await Task.Delay(10);
+        //ListRecords = await MMDataService.MachineDisplay();
+        await Task.Delay(500);
+        dataLoaded = true;
+    }
+
+}
diff --git a/MP.MONO.UI/Components/EventsOverview.razor b/MP.MONO.UI/Components/EventsOverview.razor
new file mode 100644
index 0000000..8768d1f
--- /dev/null
+++ b/MP.MONO.UI/Components/EventsOverview.razor
@@ -0,0 +1,49 @@
+@using MP.MONO.UI.Components
+@using MP.MONO.Core.DTO
+@using MP.MONO.UI.Data
+
+@inject CurrentDataService MMDataService
+
+@if (@dataLoaded && ListRecords != null)
+{
+    <ul class="list-group">
+        @foreach (var item in ListRecords)
+        {
+            <li class="list-group-item list-group-item-action">
+                <div class="d-flex w-100 justify-content-between" title="order">
+                    <div>@item.Title</div>
+                    <div>
+                        <h5> <b>@item.Value</b></h5>
+                    </div>
+                </div>
+            </li>
+        }
+    </ul>
+
+}
+else
+{
+    <ul>
+                                    <li>Events Log</li>
+                                    <li>Machine Events</li>
+                                </ul>
+    <LoadingDataSmall></LoadingDataSmall>
+}
+@code {
+    protected bool dataLoaded = false;
+    private List<DisplayDataDTO>? ListRecords { get; set; } = null;
+
+    protected override async Task OnInitializedAsync()
+    {
+        await ReloadData();
+    }
+
+    protected async Task ReloadData()
+    {
+        //await Task.Delay(10);
+        //ListRecords = await MMDataService.MachineDisplay();
+        await Task.Delay(500);
+        dataLoaded = true;
+    }
+
+}
diff --git a/MP.MONO.UI/Components/MaintOverview.razor b/MP.MONO.UI/Components/MaintOverview.razor
new file mode 100644
index 0000000..6b093c5
--- /dev/null
+++ b/MP.MONO.UI/Components/MaintOverview.razor
@@ -0,0 +1,49 @@
+@using MP.MONO.UI.Components
+@using MP.MONO.Core.DTO
+@using MP.MONO.UI.Data
+
+@inject CurrentDataService MMDataService
+
+@if (@dataLoaded && ListRecords != null)
+{
+    <ul class="list-group">
+        @foreach (var item in ListRecords)
+        {
+            <li class="list-group-item list-group-item-action">
+                <div class="d-flex w-100 justify-content-between" title="order">
+                    <div>@item.Title</div>
+                    <div>
+                        <h5> <b>@item.Value</b></h5>
+                    </div>
+                </div>
+            </li>
+        }
+    </ul>
+
+}
+else
+{
+    <ul>
+                                    <li>Maintainance Details</li>
+                                    <li>Calendar</li>
+                                </ul>
+    <LoadingDataSmall></LoadingDataSmall>
+}
+@code {
+    protected bool dataLoaded = false;
+    private List<DisplayDataDTO>? ListRecords { get; set; } = null;
+
+    protected override async Task OnInitializedAsync()
+    {
+        await ReloadData();
+    }
+
+    protected async Task ReloadData()
+    {
+        //await Task.Delay(10);
+        //ListRecords = await MMDataService.MachineDisplay();
+        await Task.Delay(500);
+        dataLoaded = true;
+    }
+
+}
diff --git a/MP.MONO.UI/Components/ToolsOverview.razor b/MP.MONO.UI/Components/ToolsOverview.razor
new file mode 100644
index 0000000..171a255
--- /dev/null
+++ b/MP.MONO.UI/Components/ToolsOverview.razor
@@ -0,0 +1,49 @@
+@using MP.MONO.UI.Components
+@using MP.MONO.Core.DTO
+@using MP.MONO.UI.Data
+
+@inject CurrentDataService MMDataService
+
+@if (@dataLoaded && ListRecords != null)
+{
+    <ul class="list-group">
+        @foreach (var item in ListRecords)
+        {
+            <li class="list-group-item list-group-item-action">
+                <div class="d-flex w-100 justify-content-between" title="order">
+                    <div>@item.Title</div>
+                    <div>
+                        <h5> <b>@item.Value</b></h5>
+                    </div>
+                </div>
+            </li>
+        }
+    </ul>
+
+}
+else
+{
+    <ul>
+                                    <li>Tool Life</li>
+                                    <li>Tool Management</li>
+                                </ul>
+    <LoadingDataSmall></LoadingDataSmall>
+}
+@code {
+    protected bool dataLoaded = false;
+    private List<DisplayDataDTO>? ListRecords { get; set; } = null;
+
+    protected override async Task OnInitializedAsync()
+    {
+        await ReloadData();
+    }
+
+    protected async Task ReloadData()
+    {
+        //await Task.Delay(10);
+        //ListRecords = await MMDataService.MachineDisplay();
+        await Task.Delay(500);
+        dataLoaded = true;
+    }
+
+}
diff --git a/MP.MONO.UI/Pages/Index.razor b/MP.MONO.UI/Pages/Index.razor
index beaeb5f..10d613c 100644
--- a/MP.MONO.UI/Pages/Index.razor
+++ b/MP.MONO.UI/Pages/Index.razor
@@ -9,7 +9,7 @@
             <div class="col">
                 <NavLink href="Stats" class="text-decoration-none">
                     <div class="card text-white mb-3">
-                        <h5 class="card-header text-center bg-primary"><i class="bi bi-graph-up-arrow pe-2"></i>  STATS </h5>
+                        <h5 class="card-header text-center bg-primary"><i class="fa-solid fa-chart-column"></i>  STATS </h5>
                         <div class="card-body bg-light text-dark">
                             <StatsOverview></StatsOverview>
                         </div>
@@ -19,7 +19,7 @@
             <div class="col">
                 <NavLink href="Production" class="text-decoration-none">
                     <div class="card text-white mb-3">
-                        <h5 class="card-header text-center bg-primary"><i class="bi bi-gear pe-2"></i>  PRODUCTION </h5>
+                        <h5 class="card-header text-center bg-primary"><i class="fa-solid fa-gears"></i>  PRODUCTION </h5>
                         <div class="card-body bg-light text-dark">
                             <ProdOverview></ProdOverview>
                         </div>
@@ -29,7 +29,7 @@
             <div class="col">
                 <NavLink href="Parameters" class="text-decoration-none">
                     <div class="card text-white mb-3">
-                        <h5 class="card-header text-center bg-primary"><i class="bi bi-list-check pe-2"></i> PARAMETERS </h5>
+                        <h5 class="card-header text-center bg-primary"><i class="fa-solid fa-list-ul"></i> PARAMETERS </h5>
                         <div class="card-body bg-light text-dark">
                             <ParamOverview></ParamOverview>
                         </div>
@@ -39,7 +39,7 @@
             <div class="col">
                 <NavLink href="Alarms" class="text-decoration-none">
                     <div class="card text-white mb-3">
-                        <h5 class="card-header text-center bg-primary"><i class="bi bi-exclamation-triangle"></i> ALARMS </h5>
+                        <h5 class="card-header text-center bg-primary"><i class="fa-solid fa-triangle-exclamation"></i> ALARMS </h5>
                         <div class="card-body bg-light text-dark">
                             <AlarmsOverview></AlarmsOverview>
                         </div>
@@ -51,7 +51,7 @@
                     <div class="card text-white mb-3">
                         <h5 class="card-header text-center bg-primary"><i class="fa-solid fa-screwdriver-wrench"></i> MAINTENANCE </h5>
                         <div class="card-body bg-light text-dark">
-                            dettaglio manutenzione
+                            <MaintOverview></MaintOverview>
                         </div>
                     </div>
                 </NavLink>
@@ -59,9 +59,9 @@
             <div class="col">
                 <NavLink href="Tools" class="text-decoration-none">
                     <div class="card text-white mb-3">
-                        <h5 class="card-header text-center bg-primary"><i class="fa-solid fa-battery-half"></i> TOOLS </h5>
+                        <h5 class="card-header text-center bg-primary"><i class="fa-solid fa-toolbox"></i> TOOLS </h5>
                         <div class="card-body bg-light text-dark">
-                            dettaglio tool life management
+                            <ToolsOverview></ToolsOverview>
                         </div>
                     </div>
                 </NavLink>
@@ -69,9 +69,9 @@
             <div class="col">
                 <NavLink href="Events" class="text-decoration-none">
                     <div class="card text-white mb-3">
-                        <h5 class="card-header text-center bg-primary"><i class="fa-solid fa-book"></i> EVENTS LIST </h5>
+                        <h5 class="card-header text-center bg-primary"><i class="fa-solid fa-clock-rotate-left"></i> EVENT HISTORY </h5>
                         <div class="card-body bg-light text-dark">
-                            Elenco ultimi eventi macchina
+                            <EventsOverview></EventsOverview>
                         </div>
                     </div>
                 </NavLink>
@@ -79,9 +79,9 @@
             <div class="col">
                 <NavLink href="Activity" class="text-decoration-none">
                     <div class="card text-white mb-3">
-                        <h5 class="card-header text-center bg-primary"><i class="bi bi-activity"></i> ACTIVITY LOG</h5>
+                        <h5 class="card-header text-center bg-primary"><i class="fa-solid fa-wave-square"></i> ACTIVITY LOG</h5>
                         <div class="card-body bg-light text-dark">
-                            log / dichiarazioni utente
+                            <ActivityOverview></ActivityOverview>
                         </div>
                     </div>
                 </NavLink>