Merge pull request #13 from FedeCodeLab/development

🌟🌟🌟 Release 2.0.2 🌟🌟🌟

Author: FedeCodeLab

public/brands/Iso.png

@@ -15,6 +15,7 @@ export const ProjectCard = ({
   deploy,
   techs,
   image,
+  logo,
   list,
 }: Project) => {
   const controls = useAnimation();
@@ -54,9 +55,20 @@ export const ProjectCard = ({
           />
         </div>
         <div className="pt-6 lg:py-0 lg:pl-0 lg:pr-16 flex flex-col flex-3">
-          <div className="flex flex-col gap-2">
+          <div className="flex flex-col justify-center gap-2">
             <div className="pb-4">
-              <h4 className="text-[2rem] font-semibold">{title}</h4>
+              <div className="flex items-center gap-4">
+                {logo && (
+                  <Image
+                    src={logo}
+                    alt="Portada"
+                    width={32}
+                    height={32}
+                    className="size-[2rem] rounded-full"
+                  />
+                )}
+                <h4 className="text-[2rem] font-semibold">{title}</h4>
+              </div>
               <p className="text-sm text-gray-400">{type}</p>
             </div>
             <p

src/components/Portfolio/_components/ProjectCard.tsx

@@ -12,6 +12,7 @@ const projects: Project[] = [
       "✨ Implementé Next-intl para la internacionalización (i18n) en múltiples idiomas y apliqué renderizado del lado del servidor (SSR) para optimizar la performance y el SEO. Desarrollé animaciones complejas con Framer Motion y diseñé la interfaz con Tailwind CSS, logrando un sistema escalable, consistente y orientado a la experiencia del usuario.<br/><br/>🧪 Llevé a cabo tareas de optimización SEO técnico, identificando y resolviendo problemas de indexación y rendimiento. Finalmente, realicé el deploy con Firebase Hosting y Functions, asegurando estabilidad y disponibilidad en producción.",
     repository: "",
     deploy: "https://bebot.design/",
+    logo: "/brands/bebot.jpg",
     techs: [
       "Next.js",
       "Typescript",
@@ -28,6 +29,7 @@ const projects: Project[] = [
   {
     title: "CUX Academy",
     type: "Experiencia Laboral",
+    logo: "/brands/Iso.png",
     content:
       "✨ Implementé un chatbot creado con Voiceflow, optimizando la integración y garantizando un flujo conversacional fluido. Para enriquecer la experiencia de usuario, desarrollé animaciones complejas con Framer Motion y diseñé la interfaz con Tailwind CSS, logrando un sistema escalable y consistente.<br/><br/>🧪 Realicé el deploy estático en producción vía FTP, asegurando estabilidad y disponibilidad. Además, integré un script de Octopus para la gestión de suscripciones e implementé estados globales con Zustand para un control eficiente de la aplicación.",
     repository: "",
@@ -154,6 +156,7 @@ export const Portfolio = forwardRef<HTMLDivElement>((_, ref) => {
             image={project.image}
             techs={project.techs}
             list={project.list}
+            logo={project.logo}
           />
         ))}
       </div>

src/components/Portfolio/index.tsx

@@ -33,6 +33,7 @@ export type ProjectTech =
 export interface Project {
   title: string;
   type: string;
+  logo?: string;
   list?: string[];
   repository: string;
   deploy: string;