Merge pull request #155 from Actualiza-Tu-Carro/119-actualizarfooter

Reduccion tamaño logo, redes sociales. Ampliacion del margen entre ru…

src/components/footer/Footer.tsx

@@ -19,15 +19,15 @@ const Footer: FC<FooterProps> = ({}) => {
           <Image
             src={Images.logos.LogoShieldLight}
             alt=""
-            width="200"
-            height="120"
+            width="180"
+            height="90"
           />
           <div className="flex gap-4">
             <ImagesList />
           </div>
         </div>
         <div className="hidden md:flex w-[2px] h-60 bg-gradient-to-t from-background-dm via-white to-background-dm md:ml-16 "></div>
-        <div className="flex flex-col gap-6 items-center flex-1">
+        <div className="flex flex-col gap-14 items-center flex-1">
           <div className="flex text-white gap-4 items-center justify-center">
             <Links />
           </div>

src/components/footer/ImagesList.tsx

@@ -1,28 +1,49 @@
 import Image from 'next/image';
+import Link from 'next/link';
 
-const socialMediaImages = {
-  Instagram: 'https://i.postimg.cc/cLC0Nzb2/instagram.png',
-  Facebook: 'https://i.postimg.cc/XYP3N8MJ/facebook.png',
-  Twitter: 'https://i.postimg.cc/bJxjTfZD/twiter.png',
-  Pinterest: 'https://i.postimg.cc/5tFJXC1m/pinterest.png',
-  Youtube: 'https://i.postimg.cc/V6Q8nkkP/youtube.png',
-};
+const socialMediaImages = [
+  {
+    name: 'Instagram',
+    image: 'https://i.postimg.cc/cLC0Nzb2/instagram.png',
+    route: 'https://instagram.com/',
+  },
+  {
+    name: 'Facebook',
+    image: 'https://i.postimg.cc/XYP3N8MJ/facebook.png',
+    route: 'https://facebook.com/',
+  },
+  {
+    name: 'Twitter',
+    image: 'https://i.postimg.cc/bJxjTfZD/twiter.png',
+    route: 'https://twitter.com/',
+  },
+  {
+    name: 'Pinterest',
+    image: 'https://i.postimg.cc/5tFJXC1m/pinterest.png',
+    route: 'https://pinterest.com/',
+  },
+  {
+    name: 'Youtube',
+    image: 'https://i.postimg.cc/V6Q8nkkP/youtube.png',
+    route: 'https://youtube.com/',
+  },
+];
 
 import React, { FC } from 'react';
 
 interface ImagesListProps {}
 
 const ImagesList: FC<ImagesListProps> = () =>
-  Object.entries(socialMediaImages).map(
-    ([socialMediaName, socialMediaImageUrl]) => (
+  socialMediaImages.map((socialMedia) => (
+    <Link href={socialMedia.route}>
       <Image
-        key={socialMediaName}
-        src={socialMediaImageUrl}
-        width={50}
-        height={50}
+        key={socialMedia.name}
+        src={socialMedia.image}
+        width={40}
+        height={40}
         alt=""
       />
-    )
-  );
+    </Link>
+  ));
 
 export default ImagesList;

src/components/footer/Links.tsx

@@ -7,18 +7,20 @@ const LinksRoutes = [
   { name: 'Nosotros', route: '/aboutUs' },
   { name: 'Como comprar', route: '/como-comprar' },
   { name: 'Contacto', route: '/contact' },
-  { name: 'Blog', route: '/blog' },
+  { name: 'Blog', route: 'https://actualizatucarro.blogspot.com/' },
 ];
 
 const Links: FC<LinksProps> = () => {
   return (
     <>
-      {LinksRoutes.map((link) => (
+      {LinksRoutes.map((link, index) => (
         <>
           <Link href={link.route} key={link.name}>
             {link.name}
           </Link>
-          <div key={link.name} className="w-[3px] h-4 bg-primary-lm"></div>
+          {index !== LinksRoutes.length - 1 && (
+            <div className="w-[3px] h-4 bg-primary-lm"></div>
+          )}
         </>
       ))}
     </>