const links = [
  { href: "/explore", label: "Explore" },
  { href: "/learn", label: "Learn" },
  { href: "/build", label: "Build" },
  { href: "/ask", label: "Ask" },
  { href: "/wallets", label: "Wallets" },
];

export function createHomePage() {
  const main = document.createElement("main");
  main.dataset.page = "home";

  const title = document.createElement("h1");
  const nav = document.createElement("nav");

  nav.setAttribute("aria-label", "Sections");
  title.append("bitview");

  for (const { href, label } of links) {
    const link = document.createElement("a");
    link.href = href;
    link.dataset.button = "";
    link.append(label);
    nav.append(link);
  }

  main.append(title, nav);
  return main;
}
