From da9ed01ef6525656bdbecaac106e05381a7deda1 Mon Sep 17 00:00:00 2001
From: Gustavo S Frehse <gsf20@inf.ufpr.br>
Date: Thu, 20 Mar 2025 11:30:25 -0300
Subject: [PATCH] Issue #251: ADD plausible

---
 src/app/components/About.js   |  8 +++++++-
 src/app/components/Overlay.js |  2 +-
 src/app/estatisticas/page.js  | 19 +++++++++++++++++++
 3 files changed, 27 insertions(+), 2 deletions(-)
 create mode 100644 src/app/estatisticas/page.js

diff --git a/src/app/components/About.js b/src/app/components/About.js
index e9bae706..a650e3cb 100644
--- a/src/app/components/About.js
+++ b/src/app/components/About.js
@@ -320,6 +320,12 @@ export default function AboutComponent() {
             link="/equipe"
           />
         </div>
+        <DevelopmentInfo
+            title="Estatísticas"
+            description="Veja as estatísticas de uso da plataforma."
+            access="Clique aqui para ver as estatísticas."
+            link="/estatisticas"
+          />
       </>
     )
   }
@@ -351,7 +357,7 @@ export default function AboutComponent() {
             <div className="flex flex-col text-center items-center mt-12 rounded-lg bg-white">
               <Differences />
             </div>
-            <div className="flex flex-col text-center items-center mt-12 rounded-lg bg-white">
+            <div className="flex flex-col text-center items-center mt-12 pb-[40px] rounded-lg bg-white">
               <Development />
             </div>
             <div className="flex justify-center flex-col items-center mt-8 max-md:mt-0 max-md:mb-8">
diff --git a/src/app/components/Overlay.js b/src/app/components/Overlay.js
index 18aa5f0c..059e5d88 100644
--- a/src/app/components/Overlay.js
+++ b/src/app/components/Overlay.js
@@ -60,7 +60,7 @@ export default function Overlay({
   return (
     <Suspense fallback={<Loading />}>
       <ThemeProvider theme={theme}>
-        <main className="bg-main bg-fundo bg-repeat bg-fixed text-base">
+        <main className="bg-main bg-fundo bg-repeat bg-fixed text-base min-h-dvh">
           <div className="hidden md:block">
             <AcessibilityBar />
           </div>
diff --git a/src/app/estatisticas/page.js b/src/app/estatisticas/page.js
new file mode 100644
index 00000000..1b912d6e
--- /dev/null
+++ b/src/app/estatisticas/page.js
@@ -0,0 +1,19 @@
+"use client"
+import Overlay from "../components/Overlay"
+
+export default function About() {
+
+    return (
+        <Overlay type="twoColumns">
+          <div className="m-3 sm:ml-24 ">
+              <iframe
+                  className=" w-[90%] h-[72dvh]"
+                   id="statistics"
+                   title="Estatísticas"
+                   src="https://metabase.c3sl.ufpr.br/public/dashboard/b50e207e-45fe-4419-a86c-04d944544828"
+                 >
+              </iframe>
+          </div>
+        </Overlay>
+    )
+}
-- 
GitLab