From dc0183b8cb6307d6a700de540b444c94b5a52d47 Mon Sep 17 00:00:00 2001
From: ehab-hassan <hassane@codescalers.com>
Date: Mon, 11 Aug 2025 09:29:18 +0300
Subject: [PATCH] update header

---
 content/home/index.md          |  8 ++++----
 templates/partials/header.html | 10 ++++++++--
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/content/home/index.md b/content/home/index.md
index 611c8f0..25190e0 100644
--- a/content/home/index.md
+++ b/content/home/index.md
@@ -17,9 +17,9 @@ extra:
   subtitle="Lorem ipsum dolor sit.",
   description="Lorem ipsum dolor sit amet consectetur adipiscing elit. Sit amet consectetur adipiscing elit quisque faucibus ex. Adipiscing elit quisque faucibus ex sapien vitae pellentesque.",
   button_text_1="Button1",
-  button_link_1="/page2",
+  button_link_1="/page",
   button_text_2="Button2",
-  button_link_2="/page3"
+  button_link_2="/page"
   
 ) }}
 
@@ -115,7 +115,7 @@ Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem
 </div>
 
 <div class="justify-center items-center flex">
-  <a href="/page3" class="bg-theme text-theme rounded-md text-sm px-4 py-2 font-semibold shadow-sm">Button</a>
+  <a href="/page" class="bg-theme text-theme rounded-md text-sm px-4 py-2 font-semibold shadow-sm">Button</a>
 </div>
 
 </div>
@@ -258,7 +258,7 @@ printer took a galley of type and scrambled it to make a type specimen book
 
 <br>
 
-<a href="/page3" class="bg-theme text-theme rounded-md text-sm px-4 py-2 font-semibold shadow-sm">Button</a>
+<a href="/page" class="bg-theme text-theme rounded-md text-sm px-4 py-2 font-semibold shadow-sm">Button</a>
 
 </div>
 </div>
diff --git a/templates/partials/header.html b/templates/partials/header.html
index f6fc0e4..a86cf05 100644
--- a/templates/partials/header.html
+++ b/templates/partials/header.html
@@ -15,20 +15,26 @@
                     <img class="w-24 h-auto sm:w-15" src="{{section.extra.logoPath}}" alt="Logo" />
                 </a>
             </div>
-            <div class="mr-2 -my-2 lg:hidden">
+     
+            <div class="mr-2 -my-2 lg:hidden flex justify-center items-center">
+                                 <!-- Dark/Light mode toggle button -->
+         <button id="theme-toggle" aria-label="Toggle dark mode" class="mr-4 p-2 rounded focus:outline-none border border-white bg-gray-800 text-gray-400 hover:bg-gray-700 transition duration-150 ease-in-out">
+            <span id="theme-toggle-icon">🌙</span>
+        </button>
                 <button id="hamburger-btn" type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-50 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out my-2">
                     <!-- Heroicon name: menu -->
                     <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
                     </svg>
                 </button>
-            <button id="close-hamburger-btn" type="button" class="hidden lg:hidden inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-50 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out my-2">
+            <button id="close-hamburger-btn" type="button" class="hidden lg:hidden items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-50 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out my-2">
                 <!-- Heroicon name: x -->
                 <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
                 </svg>
                 </button>
             </div>
+   
             <div class="hidden lg:flex-1 lg:flex lg:items-center lg:justify-end lg:space-x-12">
             <nav class="flex space-x-10 items-center">