From cc83b72e8d5866a91a5be4ba6d0faa0b5732ce03 Mon Sep 17 00:00:00 2001
From: joseandre25 <andrerabelo2503@gmail.com>
Date: Tue, 24 Oct 2023 17:43:17 -0300
Subject: [PATCH] :pencil: layout tela sobre - pronto pra estilizar

---
 src/components/Pages/Sobre.tsx | 19 +++++++++++++++++++
 src/components/Pages/index.ts  |  3 ++-
 src/pages/sobre.tsx            | 13 ++++++++++---
 3 files changed, 31 insertions(+), 4 deletions(-)
 create mode 100644 src/components/Pages/Sobre.tsx

diff --git a/src/components/Pages/Sobre.tsx b/src/components/Pages/Sobre.tsx
new file mode 100644
index 0000000..cfc9cbe
--- /dev/null
+++ b/src/components/Pages/Sobre.tsx
@@ -0,0 +1,19 @@
+import Image from "next/image";
+
+export const Sobre = () => {
+    return (
+        <div className="flex">
+            <div className="bg-teal-500 w-80 h-screen p-4">
+                <p className="text-white font-bold text-2xl mt-4 mb-4">Confira a quantidade de avisos de licitação nos municípios do Ceará.</p>
+                <p className="text-white mt-4">Este projeto foi realizado pelo Squad 07 durante o segundo semestre de 2023 na disciplina Métodos de Desenvolvimento de Software da Universidade de Brasília.</p>
+                {/* Logo da Universidade com dois espaços */}
+                <Image
+                    alt="logo-unb"
+                    width={240}
+                    height={240}
+                    src="https://i.pinimg.com/originals/84/a7/86/84a786798c453d6a536f31cba73e5409.png"
+                />
+            </div>
+        </div>
+    )
+}
\ No newline at end of file
diff --git a/src/components/Pages/index.ts b/src/components/Pages/index.ts
index 5f11384..c9eb6e5 100644
--- a/src/components/Pages/index.ts
+++ b/src/components/Pages/index.ts
@@ -1 +1,2 @@
-export { Home } from './Home';
\ No newline at end of file
+export { Home } from './Home';
+export { Sobre } from './Sobre';
\ No newline at end of file
diff --git a/src/pages/sobre.tsx b/src/pages/sobre.tsx
index 6b90118..b392e74 100644
--- a/src/pages/sobre.tsx
+++ b/src/pages/sobre.tsx
@@ -1,5 +1,12 @@
-const Sobre = () => (
-  <div>sobre</div>
+import { Footer, Navbar } from '@/components/Layout';
+import { Sobre } from '@/components/Pages';
+
+const SobrePage = () => (
+  <div className="flex flex-col h-screen">
+    <Navbar />
+    <Sobre />
+    <Footer />
+  </div>
 );
 
-export default Sobre;
\ No newline at end of file
+export default SobrePage;
\ No newline at end of file