From 917772780a7dd2f42f3fa0051305e534bdf1e44f Mon Sep 17 00:00:00 2001
From: Sascha <saschab42@gmail.com>
Date: Wed, 13 Aug 2025 14:55:47 +0200
Subject: [PATCH] =?UTF-8?q?Men=C3=BC=20in=20Array=20verschoben?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/layout/navigation.tsx | 71 ++++++++--------------------
 1 file changed, 21 insertions(+), 50 deletions(-)

diff --git a/src/components/layout/navigation.tsx b/src/components/layout/navigation.tsx
index e24cc71..f0cccd9 100644
--- a/src/components/layout/navigation.tsx
+++ b/src/components/layout/navigation.tsx
@@ -8,41 +8,29 @@ type Props = {
 
 export default function Navbar({ theme, setTheme }: Props) {
   const [menuOpen, setMenuOpen] = useState(false);
+  const menuItems = [
+    'About',
+    'Services',
+    'Skills',
+    'Certifications',
+    'Projects',
+    'Contact',
+  ];
+
   return (
     // TODO Centralize strings, create buttons via loops
     <div className="navbar">
       <div className="navbar__name">Sascha Bach</div>
       <div className="navbar__container">
-        <button
-          /*onClick={() => scrollToSection('about')}*/ className="navbar__container__button"
-        >
-          About
-        </button>
-        <button
-          /*onClick={() => scrollToSection('about')}*/ className="navbar__container__button"
-        >
-          Services
-        </button>
-        <button
-          /*onClick={() => scrollToSection('about')}*/ className="navbar__container__button"
-        >
-          Skills
-        </button>
-        <button
-          /*onClick={() => scrollToSection('about')}*/ className="navbar__container__button"
-        >
-          Certifications
-        </button>
-        <button
-          /*onClick={() => scrollToSection('about')}*/ className="navbar__container__button"
-        >
-          Projects
-        </button>
-        <button
-          /*onClick={() => scrollToSection('about')}*/ className="navbar__container__button"
-        >
-          Contact
-        </button>
+        {menuItems.map((item) => (
+          <button
+            key={item}
+            /* onClick={() => scrollToSection(item.toLowerCase())} */
+            className="navbar__container__button"
+          >
+            {item}
+          </button>
+        ))}
         <ThemeToggle theme={theme} setTheme={setTheme} />
         {/* Burger Button für Mobile */}
         <div
@@ -58,29 +46,12 @@ export default function Navbar({ theme, setTheme }: Props) {
         {/* Optional: Mobile Menu Dropdown */}
         {menuOpen && (
           <div className="navbar__mobile-menu">
-            <button>About</button>
-            <button>Services</button>
-            <button>Skills</button>
-            <button>Certifications</button>
-            <button>Projects</button>
-            <button>Contact</button>
+            {menuItems.map((item) => (
+              <button key={item}>{item}</button>
+            ))}
           </div>
         )}
       </div>
     </div>
   );
 }
-/*<span className="navbar__container__burger-button__item">About</span>
-          <span className="navbar__container__burger-button__item">
-            Services
-          </span>
-          <span className="navbar__container__burger-button__item">Skills</span>
-          <span className="navbar__container__burger-button__item">
-            Certifications
-          </span>
-          <span className="navbar__container__burger-button__item">
-            Projects
-          </span>
-          <span className="navbar__container__burger-button__item">
-            Contact
-          </span>*/