diff --git a/pagina-institucional/src/components/Footer/FooterBottom.tsx b/pagina-institucional/src/components/Footer/FooterBottom.tsx index 8d9e5ff..3a5990e 100644 --- a/pagina-institucional/src/components/Footer/FooterBottom.tsx +++ b/pagina-institucional/src/components/Footer/FooterBottom.tsx @@ -32,7 +32,7 @@ const FooterBottom = () => { logo mastercard logo mastercard

____

- logo mastercard + logo vtexpci diff --git a/pagina-institucional/src/components/Footer/FooterMenu.tsx b/pagina-institucional/src/components/Footer/FooterMenu.tsx index b4c32ca..916552d 100644 --- a/pagina-institucional/src/components/Footer/FooterMenu.tsx +++ b/pagina-institucional/src/components/Footer/FooterMenu.tsx @@ -90,22 +90,29 @@ const FooterMenu = () => { -
- - logo facebook - - - logo instagram - - - logo twitter - - - logo youtube - - - logo linkedin - +
+
+ + logo facebook + + + logo instagram + + + logo twitter + + + logo youtube + + + logo linkedin + +
+

www.loremipsum.com

{ + return ( +
+ + + +
+
+ + logo facebook + + + logo instagram + + + logo twitter + + + logo youtube + + + logo linkedin + +
+
+

www.loremipsum.com

+
+
+
+ ); +}; + +export { FooterTopMobile }; diff --git a/pagina-institucional/src/components/MenuFooterMobile.tsx b/pagina-institucional/src/components/Footer/MenuFooterMobile.tsx similarity index 93% rename from pagina-institucional/src/components/MenuFooterMobile.tsx rename to pagina-institucional/src/components/Footer/MenuFooterMobile.tsx index 7f71c8e..c5ebdbf 100644 --- a/pagina-institucional/src/components/MenuFooterMobile.tsx +++ b/pagina-institucional/src/components/Footer/MenuFooterMobile.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import styles from "../style/MenuFooterMobile.module.scss"; +import styles from "../../style/MenuFooterMobile.module.scss"; const MenuFooterMobile = () => { const [isOpen, setIsOpen] = useState(false); diff --git a/pagina-institucional/src/components/MenuFooterMobile2.tsx b/pagina-institucional/src/components/Footer/MenuFooterMobile2.tsx similarity index 93% rename from pagina-institucional/src/components/MenuFooterMobile2.tsx rename to pagina-institucional/src/components/Footer/MenuFooterMobile2.tsx index b54fefc..1b30677 100644 --- a/pagina-institucional/src/components/MenuFooterMobile2.tsx +++ b/pagina-institucional/src/components/Footer/MenuFooterMobile2.tsx @@ -1,5 +1,5 @@ import React, { useState } from "react"; -import styles from "../style/MenuFooterMobile.module.scss"; +import styles from "../../style/MenuFooterMobile.module.scss"; const MenuFooterMobile2 = () => { const [isOpen, setIsOpen] = useState(false); diff --git a/pagina-institucional/src/components/Footer/MenuFooterMobile3.tsx b/pagina-institucional/src/components/Footer/MenuFooterMobile3.tsx new file mode 100644 index 0000000..58c6d57 --- /dev/null +++ b/pagina-institucional/src/components/Footer/MenuFooterMobile3.tsx @@ -0,0 +1,27 @@ +import React, { useState } from "react"; +import styles from "../../style/MenuFooterMobile.module.scss"; + +const MenuFooterMobile3 = () => { + const [isOpen, setIsOpen] = useState(false); + + return ( +
+ + {isOpen && ( +
    +
  • Atendimento ao Consumidor
  • + +
  • (11) 4159-9504
  • + +
  • Atendimento Online
  • + +
  • (11) 99433-8825
  • +
+ )} +
+ ); +}; +export { MenuFooterMobile3 }; diff --git a/pagina-institucional/src/components/FooterTopMobile.tsx b/pagina-institucional/src/components/FooterTopMobile.tsx deleted file mode 100644 index 119ea91..0000000 --- a/pagina-institucional/src/components/FooterTopMobile.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import React from "react"; -import { MenuFooterMobile } from "./MenuFooterMobile"; -import { MenuFooterMobile2 } from "./MenuFooterMobile2"; - -const FooterTopMobile = () => { - return ( -
- - -
- ); -}; - -export { FooterTopMobile }; diff --git a/pagina-institucional/src/pages/Home.tsx b/pagina-institucional/src/pages/Home.tsx index c753a47..34fb078 100644 --- a/pagina-institucional/src/pages/Home.tsx +++ b/pagina-institucional/src/pages/Home.tsx @@ -8,7 +8,7 @@ import { HeaderMobile } from "../components/HeaderMobile"; import { Newsletter } from "../components/Newsletter"; import { FooterMenu } from "../components/Footer/FooterMenu"; import { FooterBottom } from "../components/Footer/FooterBottom"; -import { FooterTopMobile } from "../components/FooterTopMobile"; +import { FooterTopMobile } from "../components/Footer/FooterTopMobile"; const Home = () => { return ( diff --git a/pagina-institucional/src/style/FooterBottom.module.scss b/pagina-institucional/src/style/FooterBottom.module.scss index 68d902d..ff20d17 100644 --- a/pagina-institucional/src/style/FooterBottom.module.scss +++ b/pagina-institucional/src/style/FooterBottom.module.scss @@ -2,7 +2,6 @@ background: #000; color: white; margin-top: 64px; - height: 64px; .footerBox { display: flex; diff --git a/pagina-institucional/src/style/FooterMenu.module.scss b/pagina-institucional/src/style/FooterMenu.module.scss index 32256c2..df0813b 100644 --- a/pagina-institucional/src/style/FooterMenu.module.scss +++ b/pagina-institucional/src/style/FooterMenu.module.scss @@ -72,6 +72,14 @@ display: flex; gap: 10px; } + + .textSite { + font-weight: 400; + font-size: 14px; + line-height: 16px; + color: #303030; + } + .linkZap { position: fixed; bottom: 0; diff --git a/pagina-institucional/src/style/FooterTopMobile.module.scss b/pagina-institucional/src/style/FooterTopMobile.module.scss new file mode 100644 index 0000000..972e2c3 --- /dev/null +++ b/pagina-institucional/src/style/FooterTopMobile.module.scss @@ -0,0 +1,21 @@ +.Footer_Wrapper { + @media (min-width: 1025px) { + display: none; + } + + .logos { + display: flex; + gap: 10px; + margin-left: 16px; + margin-top: 12px; + margin-bottom: 12px; + } + + p { + margin: 0; + } + + .link { + margin-left: 16px; + } +}