diff --git a/app/pages/documents.vue b/app/pages/documents.vue
index 75ba4f5..73bf943 100644
--- a/app/pages/documents.vue
+++ b/app/pages/documents.vue
@@ -1,9 +1,6 @@
 <template>
   <main class="container mx-auto px-6 py-8 space-y-8">
-    <PageHero
-      title="Gestion documentaire"
-      subtitle="Consultez tous les documents liés à vos sites, machines et composants. Recherchez et filtrez pour retrouver rapidement l'information."
-    />
+
 
     <DocumentPreviewModal
       :document="previewDocument"
@@ -123,7 +120,7 @@ import { useDocuments } from '~/composables/useDocuments'
 import { getFileIcon } from '~/utils/fileIcons'
 import { canPreviewDocument } from '~/utils/documentPreview'
 import DocumentPreviewModal from '~/components/DocumentPreviewModal.vue'
-import PageHero from '~/components/PageHero.vue'
+
 
 const { documents, loading, loadDocuments } = useDocuments()
 
diff --git a/app/pages/generator.vue b/app/pages/generator.vue
index 8403a20..384846d 100644
--- a/app/pages/generator.vue
+++ b/app/pages/generator.vue
@@ -1,11 +1,6 @@
 <template>
   <main class="container mx-auto px-6 py-8 space-y-8">
-    <PageHero
-      title="Générateur de Types"
-      subtitle="Créez rapidement un nouveau type de machine avec sa structure complète."
-      min-height="min-h-[18vh]"
-      max-width="max-w-md"
-    />
+
 
     <div class="card bg-base-100 shadow-xl">
       <div class="card-body space-y-6">
@@ -85,7 +80,6 @@
 import { ref, computed, onMounted } from 'vue'
 import { useMachineTypesApi } from '~/composables/useMachineTypesApi'
 import { useToast } from '~/composables/useToast'
-import PageHero from '~/components/PageHero.vue'
 
 const { machineTypes, loadMachineTypes, createMachineType } = useMachineTypesApi()
 const { showError } = useToast()
diff --git a/app/pages/index.vue b/app/pages/index.vue
index 8cb2aff..37b18ee 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -1,12 +1,5 @@
 <template>
   <main class="container mx-auto px-6 py-8">
-    <!-- Hero Section -->
-    <PageHero
-      title="Dashboard Inventaire"
-      subtitle="Vue hiérarchique de vos sites et machines industrielles."
-      min-height="min-h-[24vh]"
-      max-width="max-w-md"
-    />
 
     <!-- Hierarchical View -->
     <div class="my-8">
@@ -430,7 +423,7 @@ import { useSites } from '~/composables/useSites'
 import { useMachineTypesApi } from '~/composables/useMachineTypesApi'
 import { useMachines } from '~/composables/useMachines'
 import { useToast } from '~/composables/useToast'
-import PageHero from '~/components/PageHero.vue'
+
 
 const { sites, loading, loadSites, createSite } = useSites()
 const { machineTypes, loadMachineTypes } = useMachineTypesApi()
diff --git a/app/pages/machines.vue b/app/pages/machines.vue
index fb46c25..516e9b1 100644
--- a/app/pages/machines.vue
+++ b/app/pages/machines.vue
@@ -1,12 +1,6 @@
 <template>
   <main class="container mx-auto px-6 py-8">
-    <!-- Hero Section -->
-    <PageHero
-      title="Gestion des Machines"
-      subtitle="Gérez vos machines industrielles par site et par type."
-      min-height="min-h-[24vh]"
-      max-width="max-w-md"
-    />
+    
 
     <!-- Machines Management -->
     <div class="my-8">
@@ -251,7 +245,6 @@ import { useMachines } from '~/composables/useMachines'
 import { useSites } from '~/composables/useSites'
 import { useMachineTypesApi } from '~/composables/useMachineTypesApi'
 import { useToast } from '~/composables/useToast'
-import PageHero from '~/components/PageHero.vue'
 
 const { machines, loading, loadMachines, createMachineFromType, deleteMachine } = useMachines()
 const { sites, loadSites } = useSites()
diff --git a/app/pages/sites.vue b/app/pages/sites.vue
index 996f62a..ad47571 100644
--- a/app/pages/sites.vue
+++ b/app/pages/sites.vue
@@ -5,14 +5,7 @@
       :visible="previewVisible"
       @close="closePreview"
     />
-    <!-- Hero Section -->
-    <PageHero
-      title="Gestion des Sites"
-      subtitle="Gérez vos sites industriels et leurs emplacements."
-      min-height="min-h-[24vh]"
-      max-width="max-w-md"
-    />
-
+  
     <!-- Sites Management -->
     <div class="my-8">
       <!-- Header with Add Button -->
@@ -378,7 +371,6 @@ import { getFileIcon } from '~/utils/fileIcons'
 import { canPreviewDocument } from '~/utils/documentPreview'
 import DocumentUpload from '~/components/DocumentUpload.vue'
 import DocumentPreviewModal from '~/components/DocumentPreviewModal.vue'
-import PageHero from '~/components/PageHero.vue'
 
 const { sites, loading, loadSites, createSite, updateSite, deleteSite } = useSites()
 const { uploadDocuments, deleteDocument, loadDocumentsBySite } = useDocuments()
diff --git a/app/pages/type/[id].vue b/app/pages/type/[id].vue
index fddca42..e16ea65 100644
--- a/app/pages/type/[id].vue
+++ b/app/pages/type/[id].vue
@@ -1,14 +1,5 @@
 <template>
   <main class="container mx-auto px-6 py-8">
-    <!-- Hero Section -->
-    <PageHero
-      title="Modifier le Type"
-      subtitle="Ajoutez des éléments au type de machine existant."
-      gradient-from="from-secondary"
-      gradient-to="to-primary"
-      min-height="min-h-[24vh]"
-      max-width="max-w-md"
-    />
 
     <!-- Loading State -->
     <div v-if="loading" class="my-8 text-center">
@@ -120,7 +111,6 @@ import { ref, reactive, computed, onMounted } from 'vue'
 import { useRoute } from 'vue-router'
 import { useMachineTypesApi } from '~/composables/useMachineTypesApi'
 import { useToast } from '~/composables/useToast'
-import PageHero from '~/components/PageHero.vue'
 
 const route = useRoute()
 const { getMachineTypeById } = useMachineTypesApi()
diff --git a/app/pages/type/edit/[id].vue b/app/pages/type/edit/[id].vue
index e9190c6..c24e097 100644
--- a/app/pages/type/edit/[id].vue
+++ b/app/pages/type/edit/[id].vue
@@ -1,14 +1,6 @@
 <template>
   <main class="container mx-auto px-6 py-8">
-    <!-- Hero Section -->
-    <PageHero
-      title="Modifier le Type"
-      subtitle="Modifiez les informations du type de machine."
-      gradient-from="from-secondary"
-      gradient-to="to-primary"
-      min-height="min-h-[24vh]"
-      max-width="max-w-md"
-    />
+ 
 
     <!-- Loading State -->
     <div v-if="loading" class="my-8 text-center">
@@ -60,7 +52,6 @@ import { ref, reactive, onMounted } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { useMachineTypesApi } from '~/composables/useMachineTypesApi'
 import { useToast } from '~/composables/useToast'
-import PageHero from '~/components/PageHero.vue'
 
 const route = useRoute()
 const router = useRouter()
diff --git a/app/pages/types.vue b/app/pages/types.vue
index 565a701..2e92a0e 100644
--- a/app/pages/types.vue
+++ b/app/pages/types.vue
@@ -1,12 +1,6 @@
 <template>
   <main class="container mx-auto px-6 py-8">
-    <!-- Hero Section -->
-    <PageHero
-      title="Types de Machines"
-      subtitle="Consultez et gérez les différents types de machines avec leur structure hiérarchique."
-      min-height="min-h-[24vh]"
-      max-width="max-w-md"
-    />
+
 
     <!-- Machine Types List -->
     <div class="my-8">
@@ -98,7 +92,6 @@
 import { ref, computed, onMounted } from 'vue'
 import { useMachineTypesApi } from '~/composables/useMachineTypesApi'
 import { useToast } from '~/composables/useToast'
-import PageHero from '~/components/PageHero.vue'
 
 const { machineTypes, loading, loadMachineTypes, deleteMachineType } = useMachineTypesApi()