From 36d0b5ea078701c6f571142aff7ac7670e06f059 Mon Sep 17 00:00:00 2001
From: Savio <savio.96@hotmail.com>
Date: Wed, 18 Jan 2023 18:39:48 -0300
Subject: [PATCH] feat(footer): Adicionando o Top-footer

---
 src/components/Socials/socials.module.scss |  5 ++++
 src/pages/Home.tsx                         |  4 ++--
 src/sectors/Footer/Footer.tsx              | 11 +++++++++
 src/sectors/Footer/TopFooter/TopFooter.tsx | 28 ++++++++++++++++++++++
 src/styles/main.scss                       |  1 +
 src/styles/partials/footer.scss            |  3 +++
 src/styles/partials/top_footer.scss        | 11 +++++++++
 7 files changed, 61 insertions(+), 2 deletions(-)
 create mode 100644 src/sectors/Footer/Footer.tsx
 create mode 100644 src/sectors/Footer/TopFooter/TopFooter.tsx
 create mode 100644 src/styles/partials/footer.scss
 create mode 100644 src/styles/partials/top_footer.scss

diff --git a/src/components/Socials/socials.module.scss b/src/components/Socials/socials.module.scss
index e4413e1..40a5ae8 100644
--- a/src/components/Socials/socials.module.scss
+++ b/src/components/Socials/socials.module.scss
@@ -6,6 +6,7 @@
     li {
       margin-right: 10px;
     }
+    padding: 0 0 0 0;
   }
   a {
     text-decoration: none;
@@ -20,3 +21,7 @@
     }
   }
 }
+img {
+  width: 35px;
+  height: 35px;
+}
diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx
index c6b0629..f210d37 100644
--- a/src/pages/Home.tsx
+++ b/src/pages/Home.tsx
@@ -1,10 +1,10 @@
 import React from "react";
 import { Header } from "../sectors/Header/Header";
-
+import { Footer } from "../sectors/Footer/Footer";
 const Home = (prop: { titulo: string }) => {
   return (
     <div>
-      <Header></Header>
+      <Footer></Footer>
     </div>
   );
 };
diff --git a/src/sectors/Footer/Footer.tsx b/src/sectors/Footer/Footer.tsx
new file mode 100644
index 0000000..db822e2
--- /dev/null
+++ b/src/sectors/Footer/Footer.tsx
@@ -0,0 +1,11 @@
+import { TopFooter } from "./TopFooter/TopFooter";
+
+const Footer = () => {
+  return (
+    <div className="footer-wrapper">
+      <TopFooter></TopFooter>
+    </div>
+  );
+};
+
+export { Footer };
diff --git a/src/sectors/Footer/TopFooter/TopFooter.tsx b/src/sectors/Footer/TopFooter/TopFooter.tsx
new file mode 100644
index 0000000..9a2f65d
--- /dev/null
+++ b/src/sectors/Footer/TopFooter/TopFooter.tsx
@@ -0,0 +1,28 @@
+import { Institutional } from "../../../components/Institutional/Institutional";
+import { Doubts } from "../../../components/Doubts/Doubts";
+import { Contact } from "../../../components/Contact/Contact";
+import { Socials } from "../../../components/Socials/Socials";
+import { Whatsapp } from "../../../components/Whatsapp/Whatsapp";
+const TopFooter = () => {
+  return (
+    <div className="top_footer">
+      <ul className="top_footer_itens">
+        <li className="top_footer_item">
+          <Institutional></Institutional>
+        </li>
+        <li className="top_footer_item">
+          <Doubts></Doubts>
+        </li>
+        <li className="top_footer_item">
+          <Contact></Contact>
+        </li>
+        <li className="top_footer_item">
+          <Socials></Socials>
+          <Whatsapp></Whatsapp>
+        </li>
+      </ul>
+    </div>
+  );
+};
+
+export { TopFooter };
diff --git a/src/styles/main.scss b/src/styles/main.scss
index be35855..cb06bce 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -7,3 +7,4 @@
 @import "partials/navigation.scss";
 @import "partials/top_header.scss";
 @import "partials/bottom_header.scss";
+@import "partials/top_footer.scss";
diff --git a/src/styles/partials/footer.scss b/src/styles/partials/footer.scss
new file mode 100644
index 0000000..285dd35
--- /dev/null
+++ b/src/styles/partials/footer.scss
@@ -0,0 +1,3 @@
+.footer-wrapper {
+  width: 100%;
+}
diff --git a/src/styles/partials/top_footer.scss b/src/styles/partials/top_footer.scss
new file mode 100644
index 0000000..9050a4d
--- /dev/null
+++ b/src/styles/partials/top_footer.scss
@@ -0,0 +1,11 @@
+.top_footer_itens {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-around;
+  flex-flow: row wrap;
+  padding: 0 0 0 0 !important;
+}
+.top_footer_item {
+  display: flex;
+  flex-direction: row;
+}
-- 
2.34.1