diff --git a/src/components/project/InsightsCard.vue b/src/components/project/InsightsCard.vue
index d915aaa..735db8c 100644
--- a/src/components/project/InsightsCard.vue
+++ b/src/components/project/InsightsCard.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, onMounted } from 'vue';
+import { ref, onMounted, computed } from 'vue';
 import { useToast } from 'primevue/usetoast';
 import Chart from 'primevue/chart';
 import Select from 'primevue/select';
@@ -68,6 +68,17 @@ const insightsData = ref<Record<string, InsightResponse> | null>(null);
 /** Chart configurations for each insight metric */
 const charts = ref<Map<string, ChartConfig>>(new Map());
 
+/** Check if insights are disabled (all data arrays are empty) */
+const areInsightsDisabled = computed<boolean>(() => {
+  if (!insightsData.value) return false;
+
+  const allDataArrays = Object.values(insightsData.value);
+  if (allDataArrays.length === 0) return false;
+
+  // Check if all data arrays are empty
+  return allDataArrays.every((response) => response.data?.length === 0);
+});
+
 /** Time range options */
 const timeRangeOptions = [
   { label: 'Last Hour', value: 'hour' },
@@ -915,6 +926,14 @@ function handleTimeRangeChange() {
         </div>
       </div>
 
+      <div v-else-if="areInsightsDisabled" class="flex justify-center items-center h-[20rem] text-gray-500">
+        <div class="text-center">
+          <i class="pi pi-exclamation-triangle text-4xl mb-3"></i>
+          <p class="font-semibold">Insights Not Enabled</p>
+          <p class="text-sm mt-2">Please reach out to support to enable insights on this service.</p>
+        </div>
+      </div>
+
       <div v-else-if="charts.size === 0" class="flex justify-center items-center h-[20rem] text-gray-500">
         <div class="text-center">
           <i class="pi pi-chart-line text-4xl mb-3"></i>