28 lines
1 KiB
Text
28 lines
1 KiB
Text
<header class="site-header" id="siteHeader">
|
|
<div class="container nav-wrap">
|
|
<a href="/" class="brand" aria-label="<%= (config?.brand?.name || 'AutoTQ') %> home">
|
|
<img src="<%= config?.assets?.logo || '' %>" alt="<%= (config?.brand?.name || 'AutoTQ') %> logo" loading="eager" />
|
|
<span><%= (config?.brand?.name || 'AutoTQ') %></span>
|
|
</a>
|
|
|
|
<button
|
|
class="mobile-toggle"
|
|
id="mobileToggle"
|
|
aria-label="Toggle navigation"
|
|
aria-controls="siteNav"
|
|
aria-expanded="false"
|
|
>
|
|
<span></span><span></span><span></span>
|
|
</button>
|
|
|
|
<nav class="site-nav" id="siteNav" aria-label="Primary navigation">
|
|
<% (config?.nav || []).forEach(item => {
|
|
const itemPage = item.href === '/' ? 'home' : item.href.replace(/^\//, '').toLowerCase();
|
|
const active = pageName === itemPage;
|
|
%>
|
|
<a href="<%= item.href %>" class="<%= active ? 'active' : '' %>"><%= item.label %></a>
|
|
<% }) %>
|
|
<a href="/contact" class="btn btn-primary">Contact</a>
|
|
</nav>
|
|
</div>
|
|
</header>
|