Auto commit: 2026-05-29T19:12:08.594Z

frontend/src/components/AsideMenuLayer.tsx

@@ -1,6 +1,7 @@
 import React from 'react'
 import { mdiLogout, mdiClose } from '@mdi/js'
 import BaseIcon from './BaseIcon'
+import Logo from './Logo'
 import AsideMenuList from './AsideMenuList'
 import { MenuAsideItem } from '../interfaces'
 import { useAppSelector } from '../stores/hooks'
@@ -37,12 +38,10 @@ export default function AsideMenuLayer({ menu, className = '', ...props }: Props
         <div
           className={`flex flex-row h-14 items-center justify-between ${asideBrandStyle}`}
         >
-          <div className="text-center flex-1 lg:text-left lg:pl-6 xl:text-center xl:pl-0">
-              
-                  <b className="font-black">Floresoftware Ideas</b>
-                
-            
-          </div>
+          <Link href="/" className="flex flex-1 items-center gap-3 overflow-hidden px-3">
+            <Logo className="h-10 w-16 shrink-0 rounded-xl object-cover object-center shadow-lg shadow-cyan-400/20" />
+            <span className="truncate text-sm font-black leading-tight">Floresoftware Ideas</span>
+          </Link>
           <button
             className="hidden lg:inline-block xl:hidden p-3"
             onClick={handleAsideLgCloseClick}

frontend/src/components/FooterBar.tsx

@@ -1,6 +1,7 @@
 import React, { ReactNode } from 'react'
 import { containerMaxW } from '../config'
 import Logo from './Logo'
+import Link from 'next/link'
 
 type Props = {
   children?: ReactNode
@@ -15,9 +16,9 @@ export default function FooterBar({ children }: Props) {
         <div className="text-center md:text-left mb-6 md:mb-0">
           <b>
             &copy;{year},{` `}
-            <a href="https://flatlogic.com/" rel="noreferrer" target="_blank">
-              Flatlogic
-            </a>
+            <Link href="/">
+              Floresoftware Ideas
+            </Link>
             .
           </b>
           {` `}
@@ -25,9 +26,9 @@ export default function FooterBar({ children }: Props) {
         </div>
 
           <div className="flex item-center md:py-2 gap-4">
-              <a href="https://flatlogic.com/" rel="noreferrer" target="_blank">
-                  <Logo className="w-auto h-8 md:h-6 mx-auto" />
-              </a>
+              <Link href="/" aria-label="Floresoftware Ideas">
+                  <Logo className="h-9 w-28 rounded-xl object-cover object-center md:h-7 md:w-24" />
+              </Link>
           </div>
       </div>
     </footer>

frontend/src/components/Logo/index.tsx

@@ -2,14 +2,15 @@ import React from 'react'
 
 type Props = {
   className?: string
+  alt?: string
 }
 
-export default function Logo({ className = '' }: Props) {
+export default function Logo({ className = '', alt = 'Floresoftware Ideas logo' }: Props) {
   return (
     <img
-      src={"https://flatlogic.com/logo.svg"}
+      src="/floresoftware-logo.png"
       className={className}
-      alt={'Flatlogic logo'}>
+      alt={alt}>
     </img>
   )
 }

frontend/src/pages/index.tsx

@@ -4,6 +4,7 @@ import Head from 'next/head';
 import BaseButton from '../components/BaseButton';
 import CardBox from '../components/CardBox';
 import LayoutGuest from '../layouts/Guest';
+import Logo from '../components/Logo';
 import { getPageTitle } from '../config';
 
 const services = [
@@ -34,8 +35,8 @@ export default function Starter() {
 
           <header className="mx-auto flex max-w-7xl items-center justify-between gap-4 rounded-full border border-white/10 bg-white/10 px-4 py-3 backdrop-blur-xl">
             <div className="flex items-center gap-3">
-              <div className="grid h-11 w-11 place-items-center rounded-full bg-cyan-300 text-slate-950 shadow-lg shadow-cyan-300/30">
-                <svg className="h-6 w-6" viewBox="0 0 24 24" fill="currentColor"><path d={mdiCellphoneCog} /></svg>
+              <div className="overflow-hidden rounded-2xl border border-white/15 bg-white shadow-lg shadow-cyan-300/20">
+                <Logo className="h-12 w-20 object-cover object-center" />
               </div>
               <div>
                 <p className="text-sm font-black leading-tight">Floresoftware Ideas</p>
@@ -75,6 +76,9 @@ export default function Starter() {
 
             <CardBox className="border-0 bg-white/10 p-0 text-white shadow-2xl shadow-fuchsia-950/40 backdrop-blur-xl" hasComponentLayout>
               <div className="rounded-3xl border border-white/10 bg-slate-950/75 p-5">
+                <div className="mb-5 overflow-hidden rounded-[2rem] border border-cyan-200/20 bg-white shadow-2xl shadow-cyan-500/20">
+                  <Logo className="h-auto w-full object-cover" />
+                </div>
                 <div className="mb-5 flex items-center justify-between">
                   <div>
                     <p className="text-xs font-bold uppercase tracking-[0.24em] text-cyan-300">Pedido demo</p>

frontend/src/pages/login.tsx

@@ -5,6 +5,7 @@ import type { ReactElement } from 'react';
 import Head from 'next/head';
 import BaseButton from '../components/BaseButton';
 import CardBox from '../components/CardBox';
+import Logo from '../components/Logo';
 import BaseIcon from "../components/BaseIcon";
 import { mdiInformation, mdiEye, mdiEyeOff } from '@mdi/js';
 import SectionFullScreen from '../components/SectionFullScreen';
@@ -165,6 +166,9 @@ export default function Login() {
               
                 <CardBox id="loginRoles" className='w-full md:w-3/5 lg:w-2/3'>
                  
+                    <div className="mb-4 overflow-hidden rounded-3xl border border-cyan-200/30 bg-white shadow-xl shadow-cyan-500/10">
+                        <Logo className="h-auto w-full object-cover" />
+                    </div>
                     <h2 className="text-4xl font-semibold my-4">{title}</h2>
                     
                     <div className='flex flex-row  justify-between'>