diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index 9f0b7f2..3c7e609 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -1,9 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
   <component name="ChangeListManager">
-    <list default="true" id="bb7b50a5-be9c-4cd7-a05b-979f0e91b173" name="Changes" comment="update">
+    <list default="true" id="bb7b50a5-be9c-4cd7-a05b-979f0e91b173" name="Changes" comment="ui : change the position of header in Hero Section">
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/components/HeroSection.jsx" beforeDir="false" afterPath="$PROJECT_DIR$/components/HeroSection.jsx" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/app/context/ThemeContext.jsx" beforeDir="false" afterPath="$PROJECT_DIR$/app/context/ThemeContext.jsx" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/public/images/machine-slide-0.png" beforeDir="false" afterPath="$PROJECT_DIR$/public/images/machine-slide-0.png" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -86,7 +87,7 @@
       <workItem from="1785583517424" duration="145000" />
       <workItem from="1785645096071" duration="26000" />
       <workItem from="1785646314677" duration="16621000" />
-      <workItem from="1785730130350" duration="2058000" />
+      <workItem from="1785730130350" duration="3691000" />
     </task>
     <task id="LOCAL-00001" summary="update">
       <option name="closed" value="true" />
@@ -152,7 +153,15 @@
       <option name="project" value="LOCAL" />
       <updated>1785670271325</updated>
     </task>
-    <option name="localTasksCounter" value="9" />
+    <task id="LOCAL-00009" summary="ui : change the position of header in Hero Section">
+      <option name="closed" value="true" />
+      <created>1785733806431</created>
+      <option name="number" value="00009" />
+      <option name="presentableId" value="LOCAL-00009" />
+      <option name="project" value="LOCAL" />
+      <updated>1785733806431</updated>
+    </task>
+    <option name="localTasksCounter" value="10" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">
@@ -160,6 +169,7 @@
   </component>
   <component name="VcsManagerConfiguration">
     <MESSAGE value="update" />
-    <option name="LAST_COMMIT_MESSAGE" value="update" />
+    <MESSAGE value="ui : change the position of header in Hero Section" />
+    <option name="LAST_COMMIT_MESSAGE" value="ui : change the position of header in Hero Section" />
   </component>
 </project>
\ No newline at end of file
diff --git a/app/context/ThemeContext.jsx b/app/context/ThemeContext.jsx
index 2cb271d..58e55b8 100644
--- a/app/context/ThemeContext.jsx
+++ b/app/context/ThemeContext.jsx
@@ -42,3 +42,4 @@ export function useTheme() {
     if (!ctx) throw new Error('useTheme must be used within ThemeProvider');
     return ctx;
 }
+
diff --git a/public/images/20260803_052807.png b/public/images/20260803_052807.png
new file mode 100644
index 0000000..146cde8
Binary files /dev/null and b/public/images/20260803_052807.png differ
diff --git a/public/images/machine-slide-0.png b/public/images/machine-slide-0.png
index a5aa443..876e190 100644
Binary files a/public/images/machine-slide-0.png and b/public/images/machine-slide-0.png differ
diff --git a/public/images/machine-slide-0000.png b/public/images/machine-slide-0000.png
new file mode 100644
index 0000000..a5aa443
Binary files /dev/null and b/public/images/machine-slide-0000.png differ
diff --git a/public/images/machine-slide-222.png b/public/images/machine-slide-222.png
new file mode 100644
index 0000000..6aae4ce
Binary files /dev/null and b/public/images/machine-slide-222.png differ