diff --git a/src/main/webapp/agtemplate/template/menu.xhtml b/src/main/webapp/agtemplate/template/menu.xhtml
index bd5c015..8185c19 100644
--- a/src/main/webapp/agtemplate/template/menu.xhtml
+++ b/src/main/webapp/agtemplate/template/menu.xhtml
@@ -5,13 +5,18 @@
   xmlns:h="http://java.sun.com/jsf/html"
   xmlns:p="http://primefaces.org/ui"
   xmlns:ui="http://java.sun.com/jsf/facelets"
->
-  <p:submenu icon="pi pi-chevron-down" label="agtemplate">
+  >
+  <p:submenu label="agtemplate">
     <p:menuitem
       value="tb_template"
-      onclick="location.href='${request.contextPath}/agtemplate/Tb_template.xhtml'"
+      onclick="location.href = '${request.contextPath}/agtemplate/Tb_template.xhtml'"
       immediate="true"
-      styleClass="menuItem_styleClass"
-    />
+      />
+
+    <p:menuitem
+      value="tb_template"
+      onclick="location.href = '${request.contextPath}/agtemplate/Tb_template.xhtml'"
+      immediate="true"
+      />
   </p:submenu>
 </ui:composition>
diff --git a/src/main/webapp/resources/poseidon-layout/css/layout-light.css b/src/main/webapp/resources/poseidon-layout/css/layout-light.css
index 30eec03..5378d23 100644
--- a/src/main/webapp/resources/poseidon-layout/css/layout-light.css
+++ b/src/main/webapp/resources/poseidon-layout/css/layout-light.css
@@ -3817,7 +3817,7 @@ p:last-child {
 .menu-wrapper .layout-menu-container {
   overflow: auto;
   height: 100%;
-  padding: 12px 32px;
+  padding: 12px 24px;
 }
 .menu-wrapper .layout-menu-container .layout-menu {
   list-style-type: none;
@@ -4172,7 +4172,7 @@ p:last-child {
 }
 @media (min-width: 993px) {
   .layout-wrapper.layout-horizontal .menu-wrapper {
-    top: 56px;
+    top: 64px;
     width: 100%;
     height: 44px;
   }
diff --git a/src/main/webapp/resources/poseidon-layout/images/logo-agape-dark.png b/src/main/webapp/resources/poseidon-layout/images/logo-agape-dark.png
new file mode 100644
index 0000000..829974d
Binary files /dev/null and b/src/main/webapp/resources/poseidon-layout/images/logo-agape-dark.png differ
diff --git a/src/main/webapp/resources/poseidon-layout/images/logo-agape.png b/src/main/webapp/resources/poseidon-layout/images/logo-agape.png
new file mode 100644
index 0000000..8beffeb
Binary files /dev/null and b/src/main/webapp/resources/poseidon-layout/images/logo-agape.png differ
diff --git a/src/main/webapp/template/menutemplate.xhtml b/src/main/webapp/template/menutemplate.xhtml
index 1e1f88a..4cb427d 100644
--- a/src/main/webapp/template/menutemplate.xhtml
+++ b/src/main/webapp/template/menutemplate.xhtml
@@ -7,15 +7,4 @@
     xmlns:ui="jakarta.faces.facelets" 
     xmlns:po="http://primefaces.org/poseidon">
 
-
-    <div class="menu-wrapper">
-        <div class="layout-menu-container">
-            <h:form id="menuform">
-                <po:menu widgetVar="PoseidonMenuWidget">
-                    <ui:include src="./menu.xhtml" />                
-                </po:menu>
-            </h:form>
-        </div> 
-    </div>
-
 </ui:composition>
diff --git a/src/main/webapp/template/topbar.xhtml b/src/main/webapp/template/topbar.xhtml
index 960d934..2975364 100644
--- a/src/main/webapp/template/topbar.xhtml
+++ b/src/main/webapp/template/topbar.xhtml
@@ -1,240 +1,36 @@
-<ui:composition 
-    xmlns="http://www.w3.org/1999/xhtml"
-    xmlns:f="http://java.sun.com/jsf/core"
-    xmlns:h="http://java.sun.com/jsf/html"
-    xmlns:ui="http://java.sun.com/jsf/facelets"
-    xmlns:p="http://primefaces.org/ui"
-    xmlns:po="http://primefaces.org/poseidon">
-
-
-    <div class="layout-topbar">
-        <div class="layout-topbar-wrapper">
-            <div class="layout-topbar-left">
-                <h:form prependId="false">
-                    <h:link id="logolink" styleClass="layout-topbar-logo">
-                        <p:graphicImage name="images/#{ guestPreferences.topbarTheme == 'light' ? 'logo-poseidon.png' : 'logo-poseidon-dark.png'}" library="poseidon-layout" />
-                    </h:link>
-                </h:form>
-            </div>
-            <div class="layout-topbar-right">
-                <a href="#" class="menu-button">
-                    <i class="pi pi-bars"></i>
-                </a>
-                <ul class="layout-topbar-actions">
-                    <li class="search-item topbar-item">
-                        <a href="#">
-                            <span class="topbar-icon">
-                                <i class="pi pi-search"></i>
-                            </span>
-                        </a>
-                        <h:form onsubmit="return false;">
-                            <h:panelGroup styleClass="md-inputfield search-input-wrapper">
-                                <p:inputText placeholder="Search..." />
-                                <i class="fa fa-search"></i>
-                            </h:panelGroup>
-                        </h:form>
-                        <ul>
-                            <h:form onsubmit="return false;">
-                                <h:panelGroup styleClass="md-inputfield search-input-wrapper">
-                                    <p:inputText placeholder="Search..." />
-                                    <i class="fa fa-search"></i>
-                                </h:panelGroup>
-                            </h:form>
-                        </ul>
-                    </li>
-                    <li class="topbar-item notifications">
-                        <a href="#">
-                            <span class="ui-overlay-badge topbar-icon">
-                                <i class="pi pi-bell"></i>
-                                <span class="ui-badge">2</span>
-                            </span>
-                        </a>
-                        <ul >
-                            <li class="layout-submenu-header">
-                                <h6 class="header-text">Notifications</h6>
-                                <span class="ui-badge">3</span>
-                            </li>
-                            <li>
-                                <a tabindex="0">
-                                    <i class="pi pi-shopping-cart"></i>
-                                    <div class="notifications-item">
-                                        <h6>Order <span>#2254</span> is placed</h6>
-                                        <span>Total Amount of <span>$34.50</span></span>
-                                    </div>
-                                </a>
-                            </li>
-                            <li>
-                                <a tabindex="0">
-                                    <i class="pi pi-clock"></i>
-                                    <div class="notifications-item">
-                                        <h6>Meeting with <span>AF04</span> Team</h6>
-                                        <span>Google Meets</span>
-                                    </div>
-                                </a>
-                            </li>
-                            <li>
-                                <a tabindex="0">
-                                    <i class="pi pi-th-large"></i>
-                                    <div class="notifications-item">
-                                        <h6>Task <span>#41</span> is complete</h6>
-                                        <span>9 Remaining Tasks</span>
-                                    </div>
-                                </a>
-                            </li>
-                            <li>
-                                <a tabindex="0">
-                                    <i class="pi pi-shopping-cart"></i>
-                                    <div class="notifications-item">
-                                        <h6>Order <span>#2255</span> is placed</h6>
-                                        <span>Total Amount of <span>$40.45</span></span>
-                                    </div>
-                                </a>
-                            </li>
-                        </ul>
-                    </li>
-                    <li class="topbar-item messages">
-                        <a href="#">
-                            <span class="ui-overlay-badge topbar-icon">
-                                <i class="pi pi-comments"></i>
-                                <span class="ui-badge">6</span>
-                            </span>
-                        </a>
-                        <ul >
-                            <li class="layout-submenu-header">
-                                <h6 class="header-text">Messages</h6>
-                                <span class="ui-badge">5</span>
-                            </li>
-                            <li>
-                                <a tabindex="0">
-                                    <p:graphicImage name="images/dashboard/leader-1.png" library="demo" />
-                                    <div class="messages-item">
-                                        <h6>Hey! I sent the sales report</h6>
-                                        <span>Dusana Semenov</span>
-                                    </div>
-                                </a>
-                            </li>
-                            <li>
-                                <a tabindex="0">
-                                    <p:graphicImage name="images/dashboard/leader-2.png" library="demo" />
-                                    <div class="messages-item">
-                                        <h6>OK. Let’s meet at 15 pm...</h6>
-                                        <span>Edward Lindgren</span>
-                                    </div>
-                                </a>
-                            </li>
-                            <li>
-                                <a tabindex="0">
-                                    <p:graphicImage name="images/dashboard/leader-3.png" library="demo" />
-                                    <div class="messages-item">
-                                        <h6>Presentation is ready</h6>
-                                        <span>Noell Blue</span>
-                                    </div>
-                                </a>
-                            </li>
-                            <li>
-                                <a tabindex="0">
-                                    <p:graphicImage name="images/dashboard/leader-4.png" library="demo" />
-                                    <div class="messages-item">
-                                        <h6>Faulty delivery on #959</h6>
-                                        <span>Gvozden Boskovsky</span>
-                                    </div>
-                                </a>
-                            </li>
-                        </ul>
-                    </li>
-                    <li class="topbar-item settings">
-                        <a href="#">
-                            <span class="topbar-icon">
-                                <i class="pi pi-cog"></i>
-                            </span>
-                        </a>
-                        <ul >
-                            <li class="layout-submenu-header">
-                                <h6 class="header-text">Settings</h6>
-                            </li>
-                            <li>
-                                <a tabindex="0">
-                                    <i class="pi pi-user"></i>
-                                    <div class="settings-item">
-                                        <h6>Account Info</h6>
-                                    </div>
-                                </a>
-                            </li>
-                            <li>
-                                <a tabindex="0">
-                                    <i class="pi pi-users"></i>
-                                    <div class="settings-item">
-                                        <h6>Global Accounts</h6>
-                                    </div>
-                                </a>
-                            </li>
-                            <li>
-                                <a tabindex="0">
-                                    <i class="pi pi-bell"></i>
-                                    <div class="settings-item">
-                                        <h6>Notification Preferences</h6>
-                                    </div>
-                                </a>
-                            </li>
-                            <li>
-                                <a tabindex="0">
-                                    <i class="pi pi-lock"></i>
-                                    <div class="settings-item">
-                                        <h6>Login Settings</h6>
-                                    </div>
-                                </a>
-                            </li>
-                        </ul>
-                    </li>
-                    <li class="topbar-item user-profile">
-                        <a href="#">
-                            <p:graphicImage name="images/avatar-profile.png" library="poseidon-layout" />
-                            <div class="profile-info">
-                                <h6>Peter Taylor</h6>
-                                <span>Webmaster</span>
-                            </div>
-                        </a>
-                        <ul>
-                            <li class="layout-submenu-header">
-                                <p:graphicImage name="images/avatar-profile.png" library="poseidon-layout" />
-                                <div class="profile-info">
-                                    <h6>Peter Taylor</h6>
-                                    <span>Webmaster</span>
-                                </div>
-                            </li>
-                            <li>
-                                <a href="#">
-                                    <i class="pi pi-cog"></i>
-                                    <h6>Setting</h6>
-                                </a>
-                            </li>
-                            <li>
-                                <a href="#">
-                                    <i class="pi pi-file-o"></i>
-                                    <h6>Terms of Usage</h6>
-                                </a>
-                            </li>
-                            <li>
-                                <a href="#">
-                                    <i class="pi pi-compass"></i>
-                                    <h6>Support</h6>
-                                </a>
-                            </li>
-                            <li>
-                                <a href="#">
-                                    <i class="pi pi-power-off"></i>
-                                    <h6>Logout</h6>
-                                </a>
-                            </li>
-                        </ul>
-                    </li>
-                </ul>
-                <a href="#" class="layout-rightpanel-button">
-                    <i class="pi pi-arrow-left"></i>
-                </a>
-            </div>
-        </div>
+<ui:composition
+  xmlns="http://www.w3.org/1999/xhtml"
+  xmlns:f="http://java.sun.com/jsf/core"
+  xmlns:h="http://java.sun.com/jsf/html"
+  xmlns:ui="http://java.sun.com/jsf/facelets"
+  xmlns:p="http://primefaces.org/ui"
+  xmlns:po="http://primefaces.org/poseidon"
+  >
+  <div style="background: #285B1C; display: flex; flex-direction: column;">
+    <div style="padding: 20px 24px;">
+      <div style="display: flex; align-items: center; gap: 20px">
+        <h:form prependId="false">
+          <h:link id="logolink">
+            <p:graphicImage
+              name="images/#{ guestPreferences.topbarTheme == 'light' ? 'logo-agape.png' : 'logo-agape-dark.png'}"
+              library="poseidon-layout"
+              style="height: 38px"
+              />
+          </h:link>
+        </h:form>
 
+        <p style="color: #eeeeee; font-weight: 300; line-height: 16px">Prefeitura Municipal de <br/> Malhada dos Bois</p>
+      </div>
     </div>
 
-</ui:composition>
\ No newline at end of file
+    <div class="menu-wrapper" style="background: #285B1C;">
+      <div class="layout-menu-container">
+        <h:form id="menuform">
+          <po:menu widgetVar="PoseidonMenuWidget">
+            <ui:include src="./menu.xhtml" />                
+          </po:menu>
+        </h:form>
+      </div> 
+    </div>
+  </div>
+</ui:composition>
diff --git a/target/agtemplate-1.0.0/agtemplate/template/menu.xhtml b/target/agtemplate-1.0.0/agtemplate/template/menu.xhtml
index bd5c015..8185c19 100644
--- a/target/agtemplate-1.0.0/agtemplate/template/menu.xhtml
+++ b/target/agtemplate-1.0.0/agtemplate/template/menu.xhtml
@@ -5,13 +5,18 @@
   xmlns:h="http://java.sun.com/jsf/html"
   xmlns:p="http://primefaces.org/ui"
   xmlns:ui="http://java.sun.com/jsf/facelets"
->
-  <p:submenu icon="pi pi-chevron-down" label="agtemplate">
+  >
+  <p:submenu label="agtemplate">
     <p:menuitem
       value="tb_template"
-      onclick="location.href='${request.contextPath}/agtemplate/Tb_template.xhtml'"
+      onclick="location.href = '${request.contextPath}/agtemplate/Tb_template.xhtml'"
       immediate="true"
-      styleClass="menuItem_styleClass"
-    />
+      />
+
+    <p:menuitem
+      value="tb_template"
+      onclick="location.href = '${request.contextPath}/agtemplate/Tb_template.xhtml'"
+      immediate="true"
+      />
   </p:submenu>
 </ui:composition>
diff --git a/target/agtemplate-1.0.0/resources/poseidon-layout/css/layout-light.css b/target/agtemplate-1.0.0/resources/poseidon-layout/css/layout-light.css
index 30eec03..5378d23 100644
--- a/target/agtemplate-1.0.0/resources/poseidon-layout/css/layout-light.css
+++ b/target/agtemplate-1.0.0/resources/poseidon-layout/css/layout-light.css
@@ -3817,7 +3817,7 @@ p:last-child {
 .menu-wrapper .layout-menu-container {
   overflow: auto;
   height: 100%;
-  padding: 12px 32px;
+  padding: 12px 24px;
 }
 .menu-wrapper .layout-menu-container .layout-menu {
   list-style-type: none;
@@ -4172,7 +4172,7 @@ p:last-child {
 }
 @media (min-width: 993px) {
   .layout-wrapper.layout-horizontal .menu-wrapper {
-    top: 56px;
+    top: 64px;
     width: 100%;
     height: 44px;
   }
diff --git a/target/agtemplate-1.0.0/resources/poseidon-layout/images/logo-agape-dark.png b/target/agtemplate-1.0.0/resources/poseidon-layout/images/logo-agape-dark.png
new file mode 100644
index 0000000..829974d
Binary files /dev/null and b/target/agtemplate-1.0.0/resources/poseidon-layout/images/logo-agape-dark.png differ
diff --git a/target/agtemplate-1.0.0/resources/poseidon-layout/images/logo-agape.png b/target/agtemplate-1.0.0/resources/poseidon-layout/images/logo-agape.png
new file mode 100644
index 0000000..8beffeb
Binary files /dev/null and b/target/agtemplate-1.0.0/resources/poseidon-layout/images/logo-agape.png differ
diff --git a/target/agtemplate-1.0.0/resources/poseidon-layout/images/logo-poseidon-dark.png b/target/agtemplate-1.0.0/resources/poseidon-layout/images/logo-poseidon-dark.png
deleted file mode 100644
index a858b00..0000000
Binary files a/target/agtemplate-1.0.0/resources/poseidon-layout/images/logo-poseidon-dark.png and /dev/null differ
diff --git a/target/agtemplate-1.0.0/resources/poseidon-layout/images/logo-poseidon.png b/target/agtemplate-1.0.0/resources/poseidon-layout/images/logo-poseidon.png
deleted file mode 100644
index 730f5b5..0000000
Binary files a/target/agtemplate-1.0.0/resources/poseidon-layout/images/logo-poseidon.png and /dev/null differ
diff --git a/target/agtemplate-1.0.0/template/menutemplate.xhtml b/target/agtemplate-1.0.0/template/menutemplate.xhtml
index 1e1f88a..4cb427d 100644
--- a/target/agtemplate-1.0.0/template/menutemplate.xhtml
+++ b/target/agtemplate-1.0.0/template/menutemplate.xhtml
@@ -7,15 +7,4 @@
     xmlns:ui="jakarta.faces.facelets" 
     xmlns:po="http://primefaces.org/poseidon">
 
-
-    <div class="menu-wrapper">
-        <div class="layout-menu-container">
-            <h:form id="menuform">
-                <po:menu widgetVar="PoseidonMenuWidget">
-                    <ui:include src="./menu.xhtml" />                
-                </po:menu>
-            </h:form>
-        </div> 
-    </div>
-
 </ui:composition>
diff --git a/target/agtemplate-1.0.0/template/topbar.xhtml b/target/agtemplate-1.0.0/template/topbar.xhtml
index 960d934..2975364 100644
--- a/target/agtemplate-1.0.0/template/topbar.xhtml
+++ b/target/agtemplate-1.0.0/template/topbar.xhtml
@@ -1,240 +1,36 @@
-<ui:composition 
-    xmlns="http://www.w3.org/1999/xhtml"
-    xmlns:f="http://java.sun.com/jsf/core"
-    xmlns:h="http://java.sun.com/jsf/html"
-    xmlns:ui="http://java.sun.com/jsf/facelets"
-    xmlns:p="http://primefaces.org/ui"
-    xmlns:po="http://primefaces.org/poseidon">
-
-
-    <div class="layout-topbar">
-        <div class="layout-topbar-wrapper">
-            <div class="layout-topbar-left">
-                <h:form prependId="false">
-                    <h:link id="logolink" styleClass="layout-topbar-logo">
-                        <p:graphicImage name="images/#{ guestPreferences.topbarTheme == 'light' ? 'logo-poseidon.png' : 'logo-poseidon-dark.png'}" library="poseidon-layout" />
-                    </h:link>
-                </h:form>
-            </div>
-            <div class="layout-topbar-right">
-                <a href="#" class="menu-button">
-                    <i class="pi pi-bars"></i>
-                </a>
-                <ul class="layout-topbar-actions">
-                    <li class="search-item topbar-item">
-                        <a href="#">
-                            <span class="topbar-icon">
-                                <i class="pi pi-search"></i>
-                            </span>
-                        </a>
-                        <h:form onsubmit="return false;">
-                            <h:panelGroup styleClass="md-inputfield search-input-wrapper">
-                                <p:inputText placeholder="Search..." />
-                                <i class="fa fa-search"></i>
-                            </h:panelGroup>
-                        </h:form>
-                        <ul>
-                            <h:form onsubmit="return false;">
-                                <h:panelGroup styleClass="md-inputfield search-input-wrapper">
-                                    <p:inputText placeholder="Search..." />
-                                    <i class="fa fa-search"></i>
-                                </h:panelGroup>
-                            </h:form>
-                        </ul>
-                    </li>
-                    <li class="topbar-item notifications">
-                        <a href="#">
-                            <span class="ui-overlay-badge topbar-icon">
-                                <i class="pi pi-bell"></i>
-                                <span class="ui-badge">2</span>
-                            </span>
-                        </a>
-                        <ul >
-                            <li class="layout-submenu-header">
-                                <h6 class="header-text">Notifications</h6>
-                                <span class="ui-badge">3</span>
-                            </li>
-                            <li>
-                                <a tabindex="0">
-                                    <i class="pi pi-shopping-cart"></i>
-                                    <div class="notifications-item">
-                                        <h6>Order <span>#2254</span> is placed</h6>
-                                        <span>Total Amount of <span>$34.50</span></span>
-                                    </div>
-                                </a>
-                            </li>
-                            <li>
-                                <a tabindex="0">
-                                    <i class="pi pi-clock"></i>
-                                    <div class="notifications-item">
-                                        <h6>Meeting with <span>AF04</span> Team</h6>
-                                        <span>Google Meets</span>
-                                    </div>
-                                </a>
-                            </li>
-                            <li>
-                                <a tabindex="0">
-                                    <i class="pi pi-th-large"></i>
-                                    <div class="notifications-item">
-                                        <h6>Task <span>#41</span> is complete</h6>
-                                        <span>9 Remaining Tasks</span>
-                                    </div>
-                                </a>
-                            </li>
-                            <li>
-                                <a tabindex="0">
-                                    <i class="pi pi-shopping-cart"></i>
-                                    <div class="notifications-item">
-                                        <h6>Order <span>#2255</span> is placed</h6>
-                                        <span>Total Amount of <span>$40.45</span></span>
-                                    </div>
-                                </a>
-                            </li>
-                        </ul>
-                    </li>
-                    <li class="topbar-item messages">
-                        <a href="#">
-                            <span class="ui-overlay-badge topbar-icon">
-                                <i class="pi pi-comments"></i>
-                                <span class="ui-badge">6</span>
-                            </span>
-                        </a>
-                        <ul >
-                            <li class="layout-submenu-header">
-                                <h6 class="header-text">Messages</h6>
-                                <span class="ui-badge">5</span>
-                            </li>
-                            <li>
-                                <a tabindex="0">
-                                    <p:graphicImage name="images/dashboard/leader-1.png" library="demo" />
-                                    <div class="messages-item">
-                                        <h6>Hey! I sent the sales report</h6>
-                                        <span>Dusana Semenov</span>
-                                    </div>
-                                </a>
-                            </li>
-                            <li>
-                                <a tabindex="0">
-                                    <p:graphicImage name="images/dashboard/leader-2.png" library="demo" />
-                                    <div class="messages-item">
-                                        <h6>OK. Let’s meet at 15 pm...</h6>
-                                        <span>Edward Lindgren</span>
-                                    </div>
-                                </a>
-                            </li>
-                            <li>
-                                <a tabindex="0">
-                                    <p:graphicImage name="images/dashboard/leader-3.png" library="demo" />
-                                    <div class="messages-item">
-                                        <h6>Presentation is ready</h6>
-                                        <span>Noell Blue</span>
-                                    </div>
-                                </a>
-                            </li>
-                            <li>
-                                <a tabindex="0">
-                                    <p:graphicImage name="images/dashboard/leader-4.png" library="demo" />
-                                    <div class="messages-item">
-                                        <h6>Faulty delivery on #959</h6>
-                                        <span>Gvozden Boskovsky</span>
-                                    </div>
-                                </a>
-                            </li>
-                        </ul>
-                    </li>
-                    <li class="topbar-item settings">
-                        <a href="#">
-                            <span class="topbar-icon">
-                                <i class="pi pi-cog"></i>
-                            </span>
-                        </a>
-                        <ul >
-                            <li class="layout-submenu-header">
-                                <h6 class="header-text">Settings</h6>
-                            </li>
-                            <li>
-                                <a tabindex="0">
-                                    <i class="pi pi-user"></i>
-                                    <div class="settings-item">
-                                        <h6>Account Info</h6>
-                                    </div>
-                                </a>
-                            </li>
-                            <li>
-                                <a tabindex="0">
-                                    <i class="pi pi-users"></i>
-                                    <div class="settings-item">
-                                        <h6>Global Accounts</h6>
-                                    </div>
-                                </a>
-                            </li>
-                            <li>
-                                <a tabindex="0">
-                                    <i class="pi pi-bell"></i>
-                                    <div class="settings-item">
-                                        <h6>Notification Preferences</h6>
-                                    </div>
-                                </a>
-                            </li>
-                            <li>
-                                <a tabindex="0">
-                                    <i class="pi pi-lock"></i>
-                                    <div class="settings-item">
-                                        <h6>Login Settings</h6>
-                                    </div>
-                                </a>
-                            </li>
-                        </ul>
-                    </li>
-                    <li class="topbar-item user-profile">
-                        <a href="#">
-                            <p:graphicImage name="images/avatar-profile.png" library="poseidon-layout" />
-                            <div class="profile-info">
-                                <h6>Peter Taylor</h6>
-                                <span>Webmaster</span>
-                            </div>
-                        </a>
-                        <ul>
-                            <li class="layout-submenu-header">
-                                <p:graphicImage name="images/avatar-profile.png" library="poseidon-layout" />
-                                <div class="profile-info">
-                                    <h6>Peter Taylor</h6>
-                                    <span>Webmaster</span>
-                                </div>
-                            </li>
-                            <li>
-                                <a href="#">
-                                    <i class="pi pi-cog"></i>
-                                    <h6>Setting</h6>
-                                </a>
-                            </li>
-                            <li>
-                                <a href="#">
-                                    <i class="pi pi-file-o"></i>
-                                    <h6>Terms of Usage</h6>
-                                </a>
-                            </li>
-                            <li>
-                                <a href="#">
-                                    <i class="pi pi-compass"></i>
-                                    <h6>Support</h6>
-                                </a>
-                            </li>
-                            <li>
-                                <a href="#">
-                                    <i class="pi pi-power-off"></i>
-                                    <h6>Logout</h6>
-                                </a>
-                            </li>
-                        </ul>
-                    </li>
-                </ul>
-                <a href="#" class="layout-rightpanel-button">
-                    <i class="pi pi-arrow-left"></i>
-                </a>
-            </div>
-        </div>
+<ui:composition
+  xmlns="http://www.w3.org/1999/xhtml"
+  xmlns:f="http://java.sun.com/jsf/core"
+  xmlns:h="http://java.sun.com/jsf/html"
+  xmlns:ui="http://java.sun.com/jsf/facelets"
+  xmlns:p="http://primefaces.org/ui"
+  xmlns:po="http://primefaces.org/poseidon"
+  >
+  <div style="background: #285B1C; display: flex; flex-direction: column;">
+    <div style="padding: 20px 24px;">
+      <div style="display: flex; align-items: center; gap: 20px">
+        <h:form prependId="false">
+          <h:link id="logolink">
+            <p:graphicImage
+              name="images/#{ guestPreferences.topbarTheme == 'light' ? 'logo-agape.png' : 'logo-agape-dark.png'}"
+              library="poseidon-layout"
+              style="height: 38px"
+              />
+          </h:link>
+        </h:form>
 
+        <p style="color: #eeeeee; font-weight: 300; line-height: 16px">Prefeitura Municipal de <br/> Malhada dos Bois</p>
+      </div>
     </div>
 
-</ui:composition>
\ No newline at end of file
+    <div class="menu-wrapper" style="background: #285B1C;">
+      <div class="layout-menu-container">
+        <h:form id="menuform">
+          <po:menu widgetVar="PoseidonMenuWidget">
+            <ui:include src="./menu.xhtml" />                
+          </po:menu>
+        </h:form>
+      </div> 
+    </div>
+  </div>
+</ui:composition>