feat: improve navigation structure by adding data attributes for better accessibility and enhanced link identification

Author: AsieduDevelopmentHub

index.html

@@ -57,10 +57,10 @@
         </button>
       </div>
       <div class="nav-panel" data-nav-panel>
-        <a href="index.html">Home</a>
-        <a href="pages/download.html">Download</a>
-        <a href="pages/about.html">About</a>
-        <a href="pages/docs.html">Docs</a>
+        <a href="index.html" data-nav="home">Home</a>
+        <a href="pages/download.html" data-nav="download">Download</a>
+        <a href="pages/about.html" data-nav="about">About</a>
+        <a href="pages/docs.html" data-nav="docs">Docs</a>
       </div>
     </header>
 

pages/about.html

@@ -36,10 +36,10 @@
           <span>SentraCore</span>
         </a>
         <nav class="nav-desktop" aria-label="Primary">
-          <a href="../index.html">Home</a>
-          <a href="download.html">Download</a>
-          <a href="about.html">About</a>
-          <a href="docs.html">Docs</a>
+          <a href="../index.html" data-nav="home">Home</a>
+          <a href="download.html" data-nav="download">Download</a>
+          <a href="about.html" data-nav="about">About</a>
+          <a href="docs.html" data-nav="docs">Docs</a>
         </nav>
         <div class="nav-cta">
           <a class="btn btn-primary" href="#" data-auto-download="windows" data-download-track="header">Download</a>

pages/download.html

@@ -36,10 +36,10 @@
           <span>SentraCore</span>
         </a>
         <nav class="nav-desktop" aria-label="Primary">
-          <a href="../index.html">Home</a>
-          <a href="download.html">Download</a>
-          <a href="about.html">About</a>
-          <a href="docs.html">Docs</a>
+          <a href="../index.html" data-nav="home">Home</a>
+          <a href="download.html" data-nav="download">Download</a>
+          <a href="about.html" data-nav="about">About</a>
+          <a href="docs.html" data-nav="docs">Docs</a>
         </nav>
         <div class="nav-cta">
           <a class="btn btn-primary" href="#" data-auto-download="windows" data-download-track="header">Download</a>
@@ -49,10 +49,10 @@
         </button>
       </div>
       <div class="nav-panel" data-nav-panel>
-        <a href="../index.html">Home</a>
-        <a href="download.html">Download</a>
-        <a href="about.html">About</a>
-        <a href="docs.html">Docs</a>
+        <a href="../index.html" data-nav="home">Home</a>
+        <a href="download.html" data-nav="download">Download</a>
+        <a href="about.html" data-nav="about">About</a>
+        <a href="docs.html" data-nav="docs">Docs</a>
       </div>
     </header>