diff --git a/desafio-react-e-typescript/src/assets/images/boletoicon.svg b/desafio-react-e-typescript/src/assets/images/boletoicon.svg new file mode 100644 index 0000000..b4a9010 --- /dev/null +++ b/desafio-react-e-typescript/src/assets/images/boletoicon.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/desafio-react-e-typescript/src/assets/images/dinersicon.svg b/desafio-react-e-typescript/src/assets/images/dinersicon.svg new file mode 100644 index 0000000..8748138 --- /dev/null +++ b/desafio-react-e-typescript/src/assets/images/dinersicon.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/desafio-react-e-typescript/src/assets/images/eloicon.svg b/desafio-react-e-typescript/src/assets/images/eloicon.svg new file mode 100644 index 0000000..f17760b --- /dev/null +++ b/desafio-react-e-typescript/src/assets/images/eloicon.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/desafio-react-e-typescript/src/assets/images/hipericon.svg b/desafio-react-e-typescript/src/assets/images/hipericon.svg new file mode 100644 index 0000000..dfba036 --- /dev/null +++ b/desafio-react-e-typescript/src/assets/images/hipericon.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/desafio-react-e-typescript/src/assets/images/m3developed.svg b/desafio-react-e-typescript/src/assets/images/m3developed.svg new file mode 100644 index 0000000..0eeb905 --- /dev/null +++ b/desafio-react-e-typescript/src/assets/images/m3developed.svg @@ -0,0 +1,4 @@ + + + + diff --git a/desafio-react-e-typescript/src/assets/images/mastericon.svg b/desafio-react-e-typescript/src/assets/images/mastericon.svg new file mode 100644 index 0000000..f6c126e --- /dev/null +++ b/desafio-react-e-typescript/src/assets/images/mastericon.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/desafio-react-e-typescript/src/assets/images/pagseguroicon.svg b/desafio-react-e-typescript/src/assets/images/pagseguroicon.svg new file mode 100644 index 0000000..688c2f7 --- /dev/null +++ b/desafio-react-e-typescript/src/assets/images/pagseguroicon.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/desafio-react-e-typescript/src/assets/images/visaicon.svg b/desafio-react-e-typescript/src/assets/images/visaicon.svg new file mode 100644 index 0000000..71b806c --- /dev/null +++ b/desafio-react-e-typescript/src/assets/images/visaicon.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/desafio-react-e-typescript/src/assets/images/vtexicon.svg b/desafio-react-e-typescript/src/assets/images/vtexicon.svg new file mode 100644 index 0000000..92e177c --- /dev/null +++ b/desafio-react-e-typescript/src/assets/images/vtexicon.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/desafio-react-e-typescript/src/assets/images/vtexpowered.svg b/desafio-react-e-typescript/src/assets/images/vtexpowered.svg new file mode 100644 index 0000000..7e8d17b --- /dev/null +++ b/desafio-react-e-typescript/src/assets/images/vtexpowered.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/desafio-react-e-typescript/src/components/Footer/Footer.tsx b/desafio-react-e-typescript/src/components/Footer/Footer.tsx index 982546d..f35ee1b 100644 --- a/desafio-react-e-typescript/src/components/Footer/Footer.tsx +++ b/desafio-react-e-typescript/src/components/Footer/Footer.tsx @@ -1,4 +1,4 @@ -import React from "react"; +import React, { useState, useEffect } from "react"; import { Newsletter } from "../Newsletter/Newsletter"; import { Accordion } from "../Footer/Accordion/Accordion"; @@ -12,6 +12,16 @@ import youtube from "../../assets/images/youtubeicon.svg"; import linkedin from "../../assets/images/linkedinicon.svg"; import whatsapp from "../../assets/images/whatsappicon.svg"; import gototop from "../../assets/images/gotopicon.svg"; +import mastercard from "../../assets/images/mastericon.svg"; +import visa from "../../assets/images/visaicon.svg"; +import diners from "../../assets/images/dinersicon.svg"; +import elo from "../../assets/images/eloicon.svg"; +import hiper from "../../assets/images/hipericon.svg"; +import pagseguro from "../../assets/images/pagseguroicon.svg"; +import boleto from "../../assets/images/boletoicon.svg"; +import vtex from "../../assets/images/vtexicon.svg"; +import vtexpowered from "../../assets/images/vtexpowered.svg"; +import m3developed from "../../assets/images/m3developed.svg"; const Footer = () => { return ( @@ -144,6 +154,55 @@ const Footer = () => { + +
+
+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do + eiusmod tempor +

+
+ +
+ Mastercard + Visa + American Express + Elo + Hipercard + Pay Pal + Boleto + + Vtex +
+ +
+

Powered by

+ Vtex +

Developed by

+ logo M3 +
+ +
+ + +
+
); };