// Select the <header> element
const header = document.querySelector('header');

// Create a <nav> element
const nav = document.createElement('nav');
nav.className = 'nav-menu'; // Add a class if needed

// List of menu items with their href and target attributes
const menuItems = [
  { text: 'Home',               href: '/',                  target: '_self' },
  { text: 'Android D0',         href: 'android-d0',         target: '_self' },
  { text: 'S+ Cost Cap',        href: 's+cc',               target: '_self' },

  { text: 'Engaged Session',    href: 'engaged-session',    target: '_self' },
  { text: 'Catalog Video',      href: 'catalog-video',      target: '_self' },
  { text: 'S+ App',             href: 's+app',              target: '_self' },
  { text: 'S+ Traffic',         href: 's+traffic',          target: '_self' },
  { text: 'S+ Lead',            href: 's+lead',             target: '_self' },

];

// Create and append <a> elements for each menu item
menuItems.forEach(item => {
  const link = document.createElement('a');
  link.href = item.href;
  link.target = item.target;
  link.textContent = item.text;
  nav.appendChild(link);
});

// Append the <nav> to the <header>
header.appendChild(nav);