Segue o código do template:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:f="http://xmlns.jcp.org/jsf/core"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
xmlns:p="http://primefaces.org/ui">
<h:head>
<f:facet name="first">
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
</f:facet>
<title>NomeAPP</title>
<h:outputStylesheet library="company" name="styles/custom.css" />
<h:outputStylesheet library="company" name="styles/layout.css" />
<h:outputStylesheet library="company" name="styles/components.css" />
<h:outputScript target="body" library="primefaces"
name="jquery/jquery.js" />
<h:outputScript target="body" library="company"
name="javascripts/app.js" />
</h:head>
<h:body>
<header class="aw-topbar">
<h:graphicImage library="company" name="images/logo.png" />
<a href="javascript:void(0);" class="aw-toggle js-toggle"><i
class="fa fa-bars"></i></a>
</header>
<aside class="aw-sidebar js-sidebar">
<nav class="aw-menu">
<h:form>
<p:menu>
<p:submenu label="Principal">
<p:menuitem value="Início" icon="fa fa-fw fa-home" outcome="/faces/Index.xhtml" />
</p:submenu>
<p:submenu label="Funcionais">
<p:menuitem value="Option1" icon="fa fa-fw fa-bar-chart" />
<p:menuitem value="Option2" icon="fa fa-fw fa-copyright" />
</p:submenu>
<p:submenu label="Atividades">
<p:menuitem value="Comércio" icon="fa fa-fw fa-shopping-cart" outcome="/faces/atividades/Comercio.xhtml" />
<p:menuitem value="Option2" icon="fa fa-fw fa-building" />
<p:menuitem value="Option 3" icon="fa fa-fw fa-cubes" />
<p:menuitem value="Option 4" icon="fa fa-fw fa-cubes" />
<p:menuitem value="Option5" icon="fa fa-fw fa-cubes" />
</p:submenu>
<p:submenu label="Conta">
<p:menuitem value="Sobre" icon="fa fa-fw fa-info-circle" outcome="/faces/Sobre.xhtml" />
</p:submenu>
</p:menu>
</h:form>
</nav>
</aside>
<section class="aw-content js-content">
<ui:insert name="content" />
</section>
</h:body>
</html>