diff --git a/react-project/src/assets/styles/modules/Contato.module.scss b/react-project/src/assets/styles/modules/Contato.module.scss new file mode 100644 index 0000000..68c9c8c --- /dev/null +++ b/react-project/src/assets/styles/modules/Contato.module.scss @@ -0,0 +1,8 @@ +.forms { + h2 { + font-weight: 700; + font-size: 24px; + line-height: 28px; + color: var(--black); + } +} diff --git a/react-project/src/assets/styles/main.scss b/react-project/src/assets/styles/modules/Main.module.scss similarity index 97% rename from react-project/src/assets/styles/main.scss rename to react-project/src/assets/styles/modules/Main.module.scss index 9d0ea18..10d1883 100644 --- a/react-project/src/assets/styles/main.scss +++ b/react-project/src/assets/styles/modules/Main.module.scss @@ -35,7 +35,6 @@ display: flex; .content { - /*width: 69.2%;*/ align-self: center; h2 { diff --git a/react-project/src/components/Contato.tsx b/react-project/src/components/Contato.tsx index 859d6bc..401285c 100644 --- a/react-project/src/components/Contato.tsx +++ b/react-project/src/components/Contato.tsx @@ -1,7 +1,16 @@ import React from "react"; +import { Formik, Form, Field, ErrorMessage } from "formik"; + +import * as Yup from "yup"; + +import contato from "../assets/styles/modules/Contato.module.scss"; const Contato = () => { - return
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod diff --git a/react-project/src/components/Footer.tsx b/react-project/src/components/Footer.tsx index 82a9fa5..09fef9a 100644 --- a/react-project/src/components/Footer.tsx +++ b/react-project/src/components/Footer.tsx @@ -1,7 +1,13 @@ import React from "react"; +import { Newsletter } from "./Newsletter"; + const Footer = () => { - return ; + return ( + + ); }; export { Footer }; diff --git a/react-project/src/components/Main.tsx b/react-project/src/components/Main.tsx index 516bfbc..a86e237 100644 --- a/react-project/src/components/Main.tsx +++ b/react-project/src/components/Main.tsx @@ -1,9 +1,9 @@ import React from "react"; - import { Routes, Route } from "react-router-dom"; +import main from "../assets/styles/modules/Main.module.scss"; + import { Navigation } from "./Navigation"; -import { Newsletter } from "./Newsletter"; import { Sobre } from "./Sobre"; import { Pagamento } from "./Pagamento"; @@ -18,8 +18,8 @@ import iconArrow from "../assets/images/svgs/arrow-right.svg"; const Main = () => { return ( -