diff --git a/adilson-fernando/src/assets/logos/facebook.jpg b/adilson-fernando/src/assets/logos/facebook.jpg new file mode 100644 index 0000000..aa4aeca Binary files /dev/null and b/adilson-fernando/src/assets/logos/facebook.jpg differ diff --git a/adilson-fernando/src/assets/logos/insta.jpg b/adilson-fernando/src/assets/logos/insta.jpg new file mode 100644 index 0000000..4c02be6 Binary files /dev/null and b/adilson-fernando/src/assets/logos/insta.jpg differ diff --git a/adilson-fernando/src/assets/logos/linkedin.jpg b/adilson-fernando/src/assets/logos/linkedin.jpg new file mode 100644 index 0000000..69683c4 Binary files /dev/null and b/adilson-fernando/src/assets/logos/linkedin.jpg differ diff --git a/adilson-fernando/src/assets/logos/twitter.jpg b/adilson-fernando/src/assets/logos/twitter.jpg new file mode 100644 index 0000000..6502b89 Binary files /dev/null and b/adilson-fernando/src/assets/logos/twitter.jpg differ diff --git a/adilson-fernando/src/assets/logos/youtube.jpg b/adilson-fernando/src/assets/logos/youtube.jpg new file mode 100644 index 0000000..e7d7d5c Binary files /dev/null and b/adilson-fernando/src/assets/logos/youtube.jpg differ diff --git a/adilson-fernando/src/components/Footer/MenuFooter.tsx b/adilson-fernando/src/components/Footer/MenuFooter.tsx index b7a46f7..d75a9f7 100644 --- a/adilson-fernando/src/components/Footer/MenuFooter.tsx +++ b/adilson-fernando/src/components/Footer/MenuFooter.tsx @@ -2,13 +2,71 @@ import React from "react"; import "../../styles/Global.scss"; import "../../styles/Variaveis.scss"; - +import facebook from "../../assets/logos/facebook.jpg" +import insta from "../../assets/logos/insta.jpg" +import twitter from "../../assets/logos/twitter.jpg" +import youtube from "../../assets/logos/youtube.jpg" +import linkedin from "../../assets/logos/linkedin.jpg" import styles from "../../styles/MenuFooter.module.scss"; const MenuFooter = () => { return ( -
+
+ +
+ +
+ +
+ +
+ +

INSTITUCIONAL

+

Quem Somos

+

Política de Privacidade

+

Segurança

+ Seja um Revendedor + +
+ +
+ +

DÚVIDAS

+

Entrega

+

Pagamento

+

Trocas e Devoluções

+ Dúvidas Frequentes + +
+ +
+ +

FALE CONOSCO

+

Atendimento Ao Consumidor

+

(11)4159 9504

+

Atendimento Online

+ (11) 99433-8825 + +
+ +
+ +
+ + facebook + instagran + twitter + youtube + linkedin + +
+ +

www.loremipsum.com

+ +
+ +
); diff --git a/adilson-fernando/src/components/Main/Main.tsx b/adilson-fernando/src/components/Main/Main.tsx index 866156e..fd76a42 100644 --- a/adilson-fernando/src/components/Main/Main.tsx +++ b/adilson-fernando/src/components/Main/Main.tsx @@ -3,7 +3,6 @@ import React from "react"; import "../../styles/Global.scss"; import "../../styles/Variaveis.scss"; import Newsletter from "./Newsletter"; -import Whatsapp from "../Whatsapp"; import styles from "../../styles/Main.module.scss"; diff --git a/adilson-fernando/src/styles/MenuFooter.module.scss b/adilson-fernando/src/styles/MenuFooter.module.scss index e69de29..eee5433 100644 --- a/adilson-fernando/src/styles/MenuFooter.module.scss +++ b/adilson-fernando/src/styles/MenuFooter.module.scss @@ -0,0 +1,204 @@ +.menuFooter{ + + .menuFooter-mobile{ + display: none; + @media (max-width: 1024px) { + display: block; + } + } + .menuFooter-desktop{ + display: flex; + align-items: center; + margin-top: 50px; + margin-bottom: 50px; + margin-left: 7.813%; + @media (min-width: 2500px){ + margin-left: 4%; + } + @media (max-width: 1024px) { + display: none; + } + .desktop-institucional{ + width: 23.389831%; + @media (min-width: 2500px){ + width: 25.3333%; + } + .text-h1{ + font-family: 'Roboto',sans-serif; + font-style: normal; + font-weight: 500; + font-size: 14px; + line-height: 16px; + text-transform: uppercase; + color: #303030; + margin-bottom: 12px; + @media (min-width: 2500px) { + font-size: 28px; + line-height: 33px; + } + } + .text-h2{ + font-family: 'Roboto',sans-serif; + font-style: normal; + font-weight: 400; + font-size: 12px; + line-height: 14px; + color: #303030; + margin-bottom: 12px; + @media (min-width: 2500px) { + font-size: 24px; + line-height: 28px; + } + } + .text-link{ + font-family: 'Roboto',sans-serif; + font-style: normal; + font-weight: 400; + font-size: 12px; + line-height: 14px; + text-decoration-line: underline; + color: #303030; + @media (min-width: 2500px) { + font-size: 24px; + line-height: 28px; + } + } + } + .desktop-duvidas{ + width: 23.389831%; + @media (min-width: 2500px){ + width: 25.3333%; + } + .text-h1{ + font-family: 'Roboto',sans-serif; + font-style: normal; + font-weight: 500; + font-size: 14px; + line-height: 16px; + text-transform: uppercase; + color: #303030; + margin-bottom: 12px; + @media (min-width: 2500px) { + font-size: 28px; + line-height: 33px; + } + } + .text-h2{ + font-family: 'Roboto',sans-serif; + font-style: normal; + font-weight: 400; + font-size: 12px; + line-height: 14px; + color: #303030; + margin-bottom: 12px; + @media (min-width: 2500px) { + font-size: 24px; + line-height: 28px; + } + } + .text-link{ + font-family: 'Roboto',sans-serif; + font-style: normal; + font-weight: 400; + font-size: 12px; + line-height: 14px; + text-decoration-line: underline; + color: #303030; + @media (min-width: 2500px) { + font-size: 24px; + line-height: 28px; + } + } + } + .desktop-faleConosco{ + width: 26.525424%; + @media (min-width: 2500px){ + width: 28.916667%; + } + .text-h1{ + font-family: 'Roboto',sans-serif; + font-style: normal; + font-weight: 500; + font-size: 14px; + line-height: 16px; + text-transform: uppercase; + color: #303030; + margin-bottom: 12px; + @media (min-width: 2500px) { + font-size: 28px; + line-height: 33px; + } + } + .text-h2{ + font-family: 'Roboto',sans-serif; + font-style: normal; + font-weight: 400; + font-size: 12px; + line-height: 14px; + color: #303030; + margin-bottom: 12px; + @media (min-width: 2500px) { + font-size: 24px; + line-height: 28px; + } + } + .text-negrito{ + font-family: 'Roboto',sans-serif; + font-style: normal; + font-weight: 500; + font-size: 12px; + line-height: 14px; + text-transform: capitalize; + color: #303030; + margin-bottom: 12px; + @media (min-width: 2500px) { + font-size: 24px; + line-height: 24px; + } + } + .text-link{ + font-family: 'Roboto',sans-serif; + font-style: normal; + font-weight: 400; + font-size: 12px; + line-height: 14px; + text-decoration-line: underline; + text-transform: capitalize; + color: #303030; + @media (min-width: 2500px) { + font-size: 24px; + line-height: 28px; + } + } + } + .desktop-icons{ + display: flex; + flex-direction: column; + .conteiner-icons{ + display: flex; + gap: 10px; + margin-bottom: 12px; + .icons{ + width: 35px; + height: 35px; + @media (min-width: 2500px) { + width: 70px; + height: 70px; + } + } + } + .h2-icons{ + font-family: 'Roboto',sans-serif; + font-style: normal; + font-weight: 400; + font-size: 14px; + line-height: 16px; + color: #303030; + @media (min-width: 2500px) { + font-size: 28px; + line-height: 33px; + } + } + } + } +} \ No newline at end of file