From 30ff8c51972e50d818470b8de1490eeaaa3e4202 Mon Sep 17 00:00:00 2001
From: Clay Martinez <clay.ms@hotmail.com>
Date: Wed, 20 Sep 2023 10:21:49 -0500
Subject: [PATCH] =?UTF-8?q?Reduccion=20tama=C3=B1o=20logo,=20redes=20socia?=
 =?UTF-8?q?les.=20Ampliacion=20del=20margen=20entre=20rutas=20e=20imagen?=
 =?UTF-8?q?=20mercado=20pago.=20Linkeo=20a=20redes=20en=20las=20imagenes?=
 =?UTF-8?q?=20de=20redes.=20elimino=20separador=20rojo=20despues=20de=20Bl?=
 =?UTF-8?q?og.=20A=C3=B1ado=20ruta=20Blogo=20al=20enlace.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/footer/Footer.tsx     |  6 ++--
 src/components/footer/ImagesList.tsx | 51 ++++++++++++++++++++--------
 src/components/footer/Links.tsx      |  8 +++--
 3 files changed, 44 insertions(+), 21 deletions(-)

diff --git a/src/components/footer/Footer.tsx b/src/components/footer/Footer.tsx
index c4c8bc5..f317701 100644
--- a/src/components/footer/Footer.tsx
+++ b/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>
diff --git a/src/components/footer/ImagesList.tsx b/src/components/footer/ImagesList.tsx
index 75c5f4d..3b6d86c 100644
--- a/src/components/footer/ImagesList.tsx
+++ b/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;
diff --git a/src/components/footer/Links.tsx b/src/components/footer/Links.tsx
index d8f5522..4e6a0bf 100644
--- a/src/components/footer/Links.tsx
+++ b/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>
+          )}
         </>
       ))}
     </>