Skip to main content
Documentation menu

Footer Menus

Configuring the links in the website footer

Defines the links in the website footer, each item is MenuItemConfig.

src/config/footer-config.ts

export function getFooterLinks(): MenuItemConfig[] {
  const productItems: MenuItemConfig[] = [];
  productItems.push({
    title: m.nav_features(),
    href: Routes.Features,
    external: false,
  });
  if (websiteConfig.payment?.enable) {
    productItems.push({
      title: m.nav_pricing(),
      href: Routes.Pricing,
      external: false,
    });
  }
  productItems.push({
    title: m.nav_faq(),
    href: Routes.Faqs,
    external: false,
  });

  // More sections: resources, company, legal...

  return [
    { title: m.nav_product(), items: productItems },
    { title: m.nav_resources(), items: resourcesItems },
    { title: m.nav_company(), items: companyItems },
    { title: m.nav_legal(), items: legalItems },
  ];
}

Footer links are organized in four columns: Product, Resources, Company, and Legal. Each column has a title and a list of links. Links are conditionally shown based on feature flags (e.g., payment.enable, blog.enable).

Footer

Next Steps

Now that you understand the footer configuration, explore these related topics: