🚀 Auto-deploy: BrainWind atualizado em 15/07/2026 21:36:38

app/src/App.tsx

@@ -11,10 +11,11 @@ import DynamicsModule from './pages/DynamicsModule';
 import SettingsModule from './pages/SettingsModule';
 import TowerModule from './pages/TowerModule';
 import PiperackModule from './pages/PiperackModule';
+import CertificatePage from './pages/CertificatePage';
 import {
   Home, Settings, Menu, Cylinder, Church, CircleDot,
   Square, Layers, BarChart3, Activity, Warehouse,
-  Settings2, Sun, Moon, Frame, FolderOpen, BookOpen, MoreVertical, Info
+  Settings2, Sun, Moon, Frame, FolderOpen, BookOpen, MoreVertical, Info, ShieldCheck
 } from 'lucide-react';
 import {
   DropdownMenu,
@@ -211,6 +212,19 @@ function AppLayout({ children }: { children: React.ReactNode }) {
           </Link>
           
           <TermsOfUseDialog isCollapsed={isCollapsed} />
+          
+          <Link
+            to="/certificado"
+            className={cn(
+              'flex items-center gap-3 px-3 py-2.5 rounded-md transition-colors text-sm w-full cursor-pointer mt-1 text-emerald-600 dark:text-emerald-400 hover:bg-emerald-50 dark:hover:bg-emerald-950/50',
+              location.pathname === '/certificado' && 'bg-emerald-100 dark:bg-emerald-900/50 font-medium shadow-sm',
+              isCollapsed && 'justify-center px-0'
+            )}
+            title={isCollapsed ? 'Certificado' : undefined}
+          >
+            <ShieldCheck className="w-5 h-5 shrink-0" />
+            {!isCollapsed && <span>Certificado de Fidelidade</span>}
+          </Link>
         </div>
       </aside>
 
@@ -267,6 +281,11 @@ function AppLayout({ children }: { children: React.ReactNode }) {
                     <Info className="w-4 h-4" /> Termos de Uso
                   </DropdownMenuItem>
                 } />
+                <DropdownMenuItem asChild>
+                  <Link to="/certificado" className="cursor-pointer gap-2 text-emerald-600 dark:text-emerald-400 focus:text-emerald-700 dark:focus:text-emerald-300">
+                    <ShieldCheck className="w-4 h-4" /> Certificado
+                  </Link>
+                </DropdownMenuItem>
               </DropdownMenuContent>
             </DropdownMenu>
           </div>
@@ -403,6 +422,7 @@ function App() {
               <Route path="/piperack" element={<PiperackModule />} />
               <Route path="/dinamica" element={<DynamicsModule />} />
               <Route path="/settings" element={<SettingsModule />} />
+              <Route path="/certificado" element={<CertificatePage />} />
             </Routes>
           </AppLayout>
         </BrowserRouter>