From c51e3aa08bbb32f79f12bf726c12c477cef711f4 Mon Sep 17 00:00:00 2001
From: Bernardo Waldhelm <ernaniwaldhelm@gmail.com>
Date: Wed, 4 Jan 2023 21:58:29 -0300
Subject: [PATCH] style(home): ajustando alguns links footer top e btn fixos

home
---
 .../ButtonsFixed/ButtonsFixed.module.scss     | 20 +++++++++++++++++
 src/components/Footer/FooterTop/FooterTop.tsx | 22 +++++++++----------
 2 files changed, 31 insertions(+), 11 deletions(-)

diff --git a/src/components/ButtonsFixed/ButtonsFixed.module.scss b/src/components/ButtonsFixed/ButtonsFixed.module.scss
index 83800b5..900c16c 100644
--- a/src/components/ButtonsFixed/ButtonsFixed.module.scss
+++ b/src/components/ButtonsFixed/ButtonsFixed.module.scss
@@ -32,6 +32,8 @@
                 border-radius: 100%;
                 background: transparent;
                 background-image: url('../../assets/imgs/logo-top.png');
+                background-repeat: no-repeat;
+                background-size: 66px 66px;
                 width: 66px;
                 height: 66px;
                 cursor: pointer;
@@ -39,8 +41,26 @@
                 @media #{$mq-desktop}, #{$mq-tablet}, #{$mq-mobile} {
                     width: 34px;
                     height: 34px;
+                    background-size: 34px 34px;
+
                 }
 
+                img {
+                    width: 66px;
+                    height: 66px;
+
+                    @media #{$mq-desktop}, #{$mq-tablet}, #{$mq-mobile} {
+                        width: 34px;
+                        height: 34px;
+                    }
+                }
+            }
+
+            a {
+                text-decoration: none;
+                cursor: pointer;
+
+
                 img {
                     width: 66px;
                     height: 66px;
diff --git a/src/components/Footer/FooterTop/FooterTop.tsx b/src/components/Footer/FooterTop/FooterTop.tsx
index b46572a..01a6d0e 100644
--- a/src/components/Footer/FooterTop/FooterTop.tsx
+++ b/src/components/Footer/FooterTop/FooterTop.tsx
@@ -93,22 +93,22 @@ const FooterTop = () => {
 
                     <ul className={'footer__top__block__item-list'}>
                         <li className={'footer__top__block__item'}>
-                            <a href="/" className={'footer__top__block__link'}>
+                            <span className={'footer__top__block__link'}>
                                 <strong>Atendimento Ao <br/> Consumidor</strong>
-                            </a>
+                            </span>
                         </li>
                         <li className={'footer__top__block__item'}>
-                            <a href="/" className={'footer__top__block__link'}>
+                            <a href="http://wa.me/(11)4159 9504" target='_blank' rel='noreferrer' className={'footer__top__block__link'}>
                                 (11) 4159 9504
                             </a>
                         </li>
                         <li className={'footer__top__block__item'}>
-                            <a href="/" className={'footer__top__block__link'}>
+                            <span className={'footer__top__block__link'}>
                                 <strong>Atendimento Online</strong>
-                            </a>
+                            </span>
                         </li>
                         <li className={'footer__top__block__item'}>
-                            <a href="/" className={'footer__top__block__link'}>
+                            <a href="http://wa.me/(11)99433-8825" target='_blank' rel='noreferrer' className={'footer__top__block__link'}>
                                 (11) 99433-8825
                             </a>
                         </li>
@@ -117,27 +117,27 @@ const FooterTop = () => {
                 <div className={'footer__top__block-social'}>
                     <ul className={'footer__top__block-social__social-medias'}>
                         <li className={'footer__top__block-social__social-medias__logo'}>
-                            <a href="/" target='_blank' rel='noreferrer' >
+                            <a href="https://www.facebook.com/digitalm3" target='_blank' rel='noreferrer' >
                                 <img src={facebook} alt="Logo Facebook" />
                             </a>
                         </li>
                         <li className={'footer__top__block-social__social-medias__logo'}>
-                            <a href="/" target='_blank' rel='noreferrer' >
+                            <a href="https://www.instagram.com/m3.ecommerce/" target='_blank' rel='noreferrer' >
                                 <img src={instagram} alt="Logo instagram" />
                             </a>
                         </li>
                         <li className={'footer__top__block-social__social-medias__logo'}>
-                            <a href="/" target='_blank' rel='noreferrer' >
+                            <a href="https://twitter.com/home" target='_blank' rel='noreferrer' >
                                 <img src={twitter} alt="Logo twitter" />
                             </a>
                         </li>
                         <li className={'footer__top__block-social__social-medias__logo'}>
-                            <a href="/" target='_blank' rel='noreferrer' >
+                            <a href="https://www.youtube.com/@m3e-commerce796" target='_blank' rel='noreferrer' >
                                 <img src={youtube} alt="Logo youtube" />
                             </a>
                         </li>
                         <li className={'footer__top__block-social__social-medias__logo'}>
-                            <a href="/" target='_blank' rel='noreferrer' >
+                            <a href="https://www.linkedin.com/company/m3ecommerce/" target='_blank' rel='noreferrer' >
                                 <img src={linkedin} alt="Logo linkedin" />
                             </a>
                         </li>