fix: update image asset paths and adjust layout in README and components

README.md

@@ -1,5 +1,5 @@
 <div align="center">
-  <a href="http://paulemacedo.vercel.app"><img src="/src/assets/logo.svg" alt="Portfolio Icon" width="100" height="100" /></a>
+  <a href="http://paulemacedo.vercel.app"><img src="src/assets/logo.svg" alt="Portfolio Icon" width="100" height="100" /></a>
   <p>This is my personal portfolio, where I showcase my projects and skills.</p>
   <div>
     <img src="https://img.shields.io/badge/vite-%23432E54.svg?style=for-the-badge&logo=vite&logoColor=white" alt="Vite" />

src/components/Footer.jsx

@@ -6,7 +6,7 @@ const Footer = () => {
   const { t } = useTranslation();
 
   return (
-    <div className='max-w-[1300px] mx-auto flex justify-between p-6 md:p-20 text-sm md:text-lg mt-12'>
+    <div className='max-w-[1300px] mx-auto flex justify-between gap-8 p-6 md:p-20 text-sm md:text-lg mt-12'>
       <div className='space-y-4'>
         <h3 className='font-semibold text-gray-200 text-2xl'>{t('footer.name')}</h3>
 
@@ -15,7 +15,7 @@ const Footer = () => {
           <a href='https://linkedin.com/in/paulemacedo' target='_blank' rel='noopener noreferrer'><FaLinkedin /></a>
         </div>
       </div>
-      <p className='text-gray-400 max-w-[200px] md:max-w-none'>
+      <p className='text-gray-400'>
         {t('footer.rights')}
       </p>
     </div>

src/components/Hero.jsx

@@ -55,6 +55,7 @@ const Hero = () => {
                 viewport={{ once: true }}
                 transition={{ duration: 1 }}
                 >   
+
                 <TypeAnimation
                     sequence={animationTexts} 
                     repeat={Infinity}
@@ -145,7 +146,7 @@ const Hero = () => {
                 className="w-[300px] md:w-[450px]"
                 />
             </div>
-
+  
             <motion.div 
                 initial={{ opacity: 0}}
                 whileInView={{ opacity: 1 }}
@@ -161,9 +162,6 @@ const Hero = () => {
                 <DiHtml5 className="text-purple-400" />
                 <DiCss3 className="text-purple-400" />
                 <DiJavascript className="text-purple-400" />
-
-
-
             </motion.div>
 
             <div className="absolute inset-0 hidden md:block">

src/components/Navbar.jsx

@@ -49,7 +49,7 @@ const Navbar = () => {
    <div className='fixed top-0 left-0 w-full bg-opacity-70 backdrop-blur-md z-50'>
      <div className='max-w-[1300px] mx-auto flex justify-between text-gray-200 text-xl items-center px-12 h-20'>
        <a href='#'>
-         <img src={Logo} alt="logo" className='w-10 h-10' />
+         <img src={Logo} alt="logo" className='w-14 h-14' />
        </a>
        <ul className='hidden md:flex z-10 items-center gap-6 lg:gap-12'>
          <li className='cursor-pointer'><Link to='education' smooth={true} offset={-80} duration={500}>{t('navbar.education')}</Link></li>