How to generate `navigation` outside `/partials/navigation.hbs`?

Themes
1

I want to generate the navigation at two places with different css classes in them. But when I trying to do so the navigation is not generating outside the /partials/navigation.hbs.
Is there any way so that I can generate navigation at two places?

First Navigation Generation Code

{{#if @site.navigation}}
{{#foreach navigation}}
  <li class="nav-item p-1">
    <a class="nav-link {{#if current}}active{{/if}}" href="{{url absolute="true"}}">{{label}}</a>
  </li>
{{/foreach}}
{{/if}}

Second Navigation Generation Code

{{#if @site.navigation}}
{{#foreach navigation}}
  <li>
    <a class="dropdown {{#if current}}active{{/if}}" href="{{url absolute="true"}}">{{label}}</a>
  </li>
<li>
<hr class="dropdown-divider">
</li>
{{/foreach}}
{{/if}}
2

Hey @CODEBULBS, seems like secondary navigation could fit for your use case. You can use isSecondary inside /partials/navigation.hbs to write separate logic for your navigations.

{{#unless isSecondary}}
    {{#foreach navigation}}
        ...
    {{/foreach}}
{{else}}
    {{#foreach navigation}}
        ...
    {{/foreach}}
{{/unless}}

And use them like:

{{navigation}}

{{navigation type="secondary"}}