diff --git a/frontend/src/components/clientSubPages/History.vue b/frontend/src/components/clientSubPages/History.vue
new file mode 100644
index 0000000..0f02ff8
--- /dev/null
+++ b/frontend/src/components/clientSubPages/History.vue
@@ -0,0 +1,33 @@
+<template>
+	<h3>History</h3>
+	<Tabs value="0" class="tabs">
+		<TabList>
+			<Tab value="0">Communication</Tab>
+			<Tab value="1">Site Visits</Tab>
+			<Tab value="2">Ownership</Tab>
+		</TabList>
+		<TabPanels>
+			<TabPanel value="0">
+				<div>Communication History</div>
+			</TabPanel>
+			<TabPanel value="1">
+				<div>Site Visits</div>
+			</TabPanel>
+			<TabPanel value="2">
+				<div>Ownership History</div>
+			</TabPanel>
+		</TabPanels>
+	</Tabs>
+</template>
+
+<script setup>
+import { ref, onMounted } from "vue";
+import Tabs from "primevue/tabs";
+import TabList from "primevue/tablist";
+import Tab from "primevue/tab";
+import TabPanels from "primevue/tabpanels";
+import TabPanel from "primevue/tabpanel";
+</script>
+
+<style scoped>
+</style>
diff --git a/frontend/src/components/clientSubPages/Overview.vue b/frontend/src/components/clientSubPages/Overview.vue
index 918f2f8..ecc589f 100644
--- a/frontend/src/components/clientSubPages/Overview.vue
+++ b/frontend/src/components/clientSubPages/Overview.vue
@@ -139,21 +139,28 @@
 			/>
 		</div>
 
-		<!-- Location Map (only for existing clients) -->
-		<div class="map-card" v-if="!isNew && !editMode">
-			<h3>Location</h3>
-			<LeafletMap
-				:latitude="latitude"
-				:longitude="longitude"
-				:address-title="selectedAddressData?.addressTitle || 'Client Location'"
-				map-height="350px"
-				:zoom-level="16"
-			/>
-			<div v-if="latitude && longitude" class="coordinates-info">
-				<small>
-					<strong>Coordinates:</strong>
-					{{ parseFloat(latitude).toFixed(6) }}, {{ parseFloat(longitude).toFixed(6) }}
-				</small>
+		<div class="status-cards">
+			<!-- Client History  -->
+			<div class="info-card">
+				<History/>
+			</div>
+
+			<!-- Location Map (only for existing clients) -->
+			<div class="map-card" v-if="!isNew && !editMode">
+				<h3>Location</h3>
+				<LeafletMap
+					:latitude="latitude"
+					:longitude="longitude"
+					:address-title="selectedAddressData?.addressTitle || 'Client Location'"
+					map-height="350px"
+					:zoom-level="16"
+				/>
+				<div v-if="latitude && longitude" class="coordinates-info">
+					<small>
+						<strong>Coordinates:</strong>
+						{{ parseFloat(latitude).toFixed(6) }}, {{ parseFloat(longitude).toFixed(6) }}
+					</small>
+				</div>
 			</div>
 		</div>
 
@@ -191,6 +198,7 @@ import LeafletMap from "../common/LeafletMap.vue";
 import ClientInformationForm from "./ClientInformationForm.vue";
 import ContactInformationForm from "./ContactInformationForm.vue";
 import AddressInformationForm from "./AddressInformationForm.vue";
+import History from "./History.vue";
 import DataUtils from "../../utils";
 import Api from "../../api";
 import { useRouter } from "vue-router";