Fix footer mistakes and others

Author: tutosrive

website/src/components/layout/Footer.css

@@ -92,16 +92,52 @@
 .footer-made-with {
   display: flex;
   align-items: center;
-  gap: 6px;
-  color: var(--text-muted);
+  gap: 8px;
   font-size: 0.9rem;
+  color: var(--text-muted);
+}
+
+.footer-made-with .heart-icon {
+  color: var(--color-primary);
+}
+
+.footer-made-with .lucide-coffee {
+  color: var(--color-secondary);
 }
 
 .heart-icon {
   color: var(--color-accent);
   animation: pulse 1.5s ease-in-out infinite;
 }
 
+.code-block {
+  background: var(--bg-card);
+  border: 1px solid var(--border-color);
+  padding: 16px;
+  border-radius: 8px;
+  font-family: monospace;
+  font-size: 0.9rem;
+  color: var(--text-primary);
+  position: relative;
+}
+
+.copy-button {
+  position: absolute;
+  top: 8px;
+  right: 8px;
+  background: var(--color-primary);
+  color: var(--text-secondary);
+  border: none;
+  border-radius: 4px;
+  padding: 4px 8px;
+  cursor: pointer;
+  font-size: 0.8rem;
+}
+
+.copy-button:hover {
+  background: var(--color-secondary);
+}
+
 @media (max-width: 768px) {
   .footer {
     padding: 40px 0 20px;
@@ -111,27 +147,4 @@
     grid-template-columns: 1fr;
     gap: 32px;
   }
-
-  .footer-brand {
-    max-width: 100%;
-    text-align: center;
-  }
-
-  .footer-logo-link {
-    justify-content: center;
-  }
-
-  .footer-links-section h4 {
-    text-align: center;
-  }
-
-  .footer-nav {
-    align-items: center;
-  }
-
-  .footer-bottom {
-    flex-direction: column;
-    gap: 12px;
-    text-align: center;
-  }
 }

website/src/components/layout/Footer.tsx

@@ -19,7 +19,7 @@ export default function Footer() {
               <span className="footer-title">Bridgex</span>
             </Link>
             <p className="footer-description">
-              {t('hero.subtitle')}
+              Tu Puente hacia markitdown
             </p>
           </div>
 
@@ -70,7 +70,16 @@ export default function Footer() {
             © {currentYear} Dev2Forge. {t('footer.license')}
           </p>
           <p className="footer-made-with">
-            {t('footer.madeWith')} <Heart size={16} className="heart-icon" /> {t('footer.and')} <Coffee size={16} />
+            Hecho con 
+            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="lucide lucide-heart heart-icon" aria-hidden="true">
+              <path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"></path>
+            </svg> y 
+            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="lucide lucide-coffee" aria-hidden="true">
+              <path d="M10 2v2"></path>
+              <path d="M14 2v2"></path>
+              <path d="M16 8a1 1 0 0 1 1 1v8a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1h14a4 4 0 1 1 0 8h-1"></path>
+              <path d="M6 2v2"></path>
+            </svg>
           </p>
         </div>
       </div>