40 lines
1.6 KiB
Text
40 lines
1.6 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>
|
|
|
|
<% const primaryNav = [
|
|
{ label: 'Home', href: '/' },
|
|
{ label: 'About', href: '/about-autotq' },
|
|
{ label: 'Company', href: '/company' },
|
|
{ label: 'Research', href: '/research' },
|
|
{ label: 'Literature', href: '/literature' },
|
|
{ label: 'News', href: '/news' },
|
|
{ label: 'Testimonials', href: '/testimonials' }
|
|
]; %>
|
|
|
|
<nav class="site-nav" id="siteNav" aria-label="Primary navigation">
|
|
<div class="nav-links">
|
|
<% primaryNav.forEach(item => {
|
|
const itemPage = item.href === '/' ? 'home' : item.href.replace(/^\//, '').toLowerCase();
|
|
const active = pageName === itemPage;
|
|
%>
|
|
<a href="<%= item.href %>" class="<%= active ? 'active' : '' %>" <%= active ? 'aria-current="page"' : '' %>><%= item.label %></a>
|
|
<% }) %>
|
|
<a href="/contact" class="nav-cta nav-cta-link <%= pageName === 'contact' ? 'active' : '' %>" aria-label="Contact AutoTQ" <%= pageName === 'contact' ? 'aria-current="page"' : '' %>>Contact</a>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
</header>
|