From bd5a9f5b720dfb66a661958dece34e0d4646019e Mon Sep 17 00:00:00 2001
From: Matheus de Almeida <69125506+matheusmra@users.noreply.github.com>
Date: Fri, 12 Jun 2026 18:02:03 -0300
Subject: [PATCH 1/3] removing unit lourdes from footer

---
 app/components/common/footer/Units.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/common/footer/Units.js b/app/components/common/footer/Units.js
index 89ab454..32bff6d 100644
--- a/app/components/common/footer/Units.js
+++ b/app/components/common/footer/Units.js
@@ -13,7 +13,7 @@ export default function Units() {
             <p className="opacity-50">Prédio 34 - HackerSpace</p>
             <br />
             <p className="font-bold">Lourdes</p>
-            <p className="opacity-50">PUC Minas - Unidade Lourdes</p>
+            <p className="opacity-50">PUC Minas</p>
             <p className="opacity-50">R. Cláudio Manoel, 1162 - Savassi</p>
             <p className="opacity-50">Prédio 4 - Sala 1106</p>
         </>

From 53b856335e760f2cac9d84e5c3ccb8a59d379ae3 Mon Sep 17 00:00:00 2001
From: Matheus de Almeida <69125506+matheusmra@users.noreply.github.com>
Date: Fri, 12 Jun 2026 18:18:10 -0300
Subject: [PATCH 2/3] Update Units.js

---
 app/components/common/footer/Units.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/common/footer/Units.js b/app/components/common/footer/Units.js
index 32bff6d..43ca33f 100644
--- a/app/components/common/footer/Units.js
+++ b/app/components/common/footer/Units.js
@@ -13,7 +13,7 @@ export default function Units() {
             <p className="opacity-50">Prédio 34 - HackerSpace</p>
             <br />
             <p className="font-bold">Lourdes</p>
-            <p className="opacity-50">PUC Minas</p>
+            <p className="opacity-50">PUC Minas - Lourdes</p>
             <p className="opacity-50">R. Cláudio Manoel, 1162 - Savassi</p>
             <p className="opacity-50">Prédio 4 - Sala 1106</p>
         </>

From ae05d0407fa05f306d5e4fdfdf69d8c5c3de0588 Mon Sep 17 00:00:00 2001
From: Felipe Birchal Borges
 <165811745+FelipeBirchall@users.noreply.github.com>
Date: Tue, 16 Jun 2026 19:29:39 -0300
Subject: [PATCH 3/3] =?UTF-8?q?Atualiza=C3=A7=C3=A3o=20da=20p=C3=A1gina=20?=
 =?UTF-8?q?Labs=20para=20Conte=C3=BAdos?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/common/header/Header.js  |  4 +-
 app/components/contents/WorkshopCard.js | 15 ++++++
 app/components/contents/WorkshopsCta.js | 15 ++++++
 app/labs/page.js                        | 67 +++++++++++++++++++++++--
 4 files changed, 95 insertions(+), 6 deletions(-)
 create mode 100644 app/components/contents/WorkshopCard.js
 create mode 100644 app/components/contents/WorkshopsCta.js

diff --git a/app/components/common/header/Header.js b/app/components/common/header/Header.js
index 8fd544a..9f3cda6 100644
--- a/app/components/common/header/Header.js
+++ b/app/components/common/header/Header.js
@@ -27,7 +27,7 @@ export default function Header() {
                             <Link
                                 href="/labs"
                                 className="font-bold text-neutral-100 hover:text-neutral-100-light text-lg transition-all">
-                                Labs
+                                Conteúdos
                             </Link>
                         </li>
                         <li className="nav-item">
@@ -88,7 +88,7 @@ export default function Header() {
                             <Link
                                 href="/labs"
                                 className="font-bold text-neutral-100 text-xl transition-all">
-                                Labs
+                                Conteúdos
                             </Link>
                         </li>
                         <li className="py-2">
diff --git a/app/components/contents/WorkshopCard.js b/app/components/contents/WorkshopCard.js
new file mode 100644
index 0000000..1cd1fd5
--- /dev/null
+++ b/app/components/contents/WorkshopCard.js
@@ -0,0 +1,15 @@
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+
+export default function WorkshopCard({ icon, title, description }) {
+    return (
+        <div className="bg-[#FFC107] rounded-2xl p-6 text-center shadow-md transform transition hover:-translate-y-2 hover:shadow-lg">
+            <div className="flex justify-center mb-4">
+                <div className="w-14 h-14 flex items-center justify-center bg-white/25 rounded-full">
+                    <FontAwesomeIcon icon={icon} className="text-white text-2xl" />
+                </div>
+            </div>
+            <h3 className="text-lg font-bold mb-2">{title}</h3>
+            <p className="text-sm">{description}</p>
+        </div>
+    );
+}
diff --git a/app/components/contents/WorkshopsCta.js b/app/components/contents/WorkshopsCta.js
new file mode 100644
index 0000000..b0714ce
--- /dev/null
+++ b/app/components/contents/WorkshopsCta.js
@@ -0,0 +1,15 @@
+import ButtonLink from '../common/ButtonLink';
+
+export default function WorkshopsCta({ title, description, buttonText, buttonLink }) {
+    return (
+        <div className="bg-secondary-dark text-white rounded-2xl p-8 md:p-10 flex flex-col md:flex-row md:items-center md:justify-between gap-6">
+            <div className="max-w-2xl">
+                <h2 className="text-2xl md:text-3xl font-black mb-3">{title}</h2>
+                <p className="text-lg text-neutral-200">{description}</p>
+            </div>
+            <div className="w-fit transform transition hover:-translate-y-1">
+                <ButtonLink text={buttonText} link={buttonLink} />
+            </div>
+        </div>
+    );
+}
diff --git a/app/labs/page.js b/app/labs/page.js
index 55637a7..e97c18c 100644
--- a/app/labs/page.js
+++ b/app/labs/page.js
@@ -1,10 +1,12 @@
 import ButtonLink from '../components/common/ButtonLink';
 import SectionDescription from '../components/common/SectionDescription';
 import SectionTitle from '../components/common/SectionTitle';
+import WorkshopCard from '../components/contents/WorkshopCard';
+import WorkshopsCta from '../components/contents/WorkshopsCta';
 import Github from "../github.js";
 
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faStar, faCode } from '@fortawesome/free-solid-svg-icons';
+import { faStar, faCode, faBookOpen, faUsers, faScrewdriverWrench } from '@fortawesome/free-solid-svg-icons';
 
 export const dynamic = 'force-dynamic';
 
@@ -29,9 +31,65 @@ export default async function LabsPage() {
 
     return (
         <div className="container mx-auto my-10">
+            <section className="grid grid-cols-1 md:grid-cols-2 gap-10 items-center mb-14">
+                <div>
+                    <h1 className="text-4xl md:text-5xl font-black text-secondary mb-5">Workshops & Labs</h1>
+                    <p className="text-xl">
+                        Acesse workshops introdutórios e projetos desenvolvidos pela comunidade da Web Tech Network para
+                        aprender tecnologia de forma prática e colaborativa.
+                    </p>
+                </div>
+                <div className="flex justify-center md:justify-end">
+                    <img
+                        src="/meetup/foto1.jpeg"
+                        alt="Workshop da Web Tech"
+                        className="w-full max-w-md rounded-3xl shadow-lg object-cover"
+                    />
+                </div>
+            </section>
+
+            <section className="mb-14">
+                <SectionTitle className="mt-0">O que são os Workshops?</SectionTitle>
+                <SectionDescription>
+                    Os workshops da Web Tech Network são encontros introdutórios voltados para aprendizado prático em
+                    diferentes áreas da tecnologia. Durante os encontros, os participantes têm contato com conceitos
+                    fundamentais, demonstrações práticas e atividades guiadas para desenvolver conhecimentos técnicos de
+                    forma acessível.
+                </SectionDescription>
+                <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
+                    <WorkshopCard
+                        icon={faBookOpen}
+                        title="Aprendizado introdutório"
+                        description="Conteúdo acessível para iniciantes."
+                    />
+                    <WorkshopCard
+                        icon={faUsers}
+                        title="Prática guiada"
+                        description="Exercícios e aplicações durante o workshop."
+                    />
+                    <WorkshopCard
+                        icon={faScrewdriverWrench}
+                        title="Tecnologias atuais"
+                        description="Temas relacionados ao mercado e tendências da área tech."
+                    />
+                </div>
+            </section>
+
+            <section className="mb-14">
+                <WorkshopsCta
+                    title="Acompanhe os próximos Workshops!"
+                    description="Quer expandir seu conhecimento na área de desenvolvimento de software? Acompanhe nossos próximos workshops!"
+                    buttonText="Visualizar Workshops"
+                    buttonLink="/events"
+                />
+            </section>
+
             <section>
-                <SectionTitle>Labs</SectionTitle>
-                <SectionDescription>Todo projeto desenvolvido pelos membros da WebTech gera um ou mais labs, que são repositórios no GitHub que contam com todo o detalhamento técnico das tecnologias utilizadas e dos conhecimentos desenvolvidos.</SectionDescription>
+                <SectionTitle className="mt-0">O que são os Labs?</SectionTitle>
+                <SectionDescription>
+                    Os labs são repositórios no GitHub gerados a partir dos projetos desenvolvidos pelos membros da WebTech. 
+                    Eles reúnem o detalhamento técnico das tecnologias utilizadas e os conhecimentos adquiridos ao longo do desenvolvimento.
+                </SectionDescription>
                 <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
                     {data.map((repo) => <LabCard className="card" key={repo.id} repo={repo} />)}
                 </div>
@@ -77,4 +135,5 @@ function LabLabel({ children }) {
     return (
         <div className="bg-secondary-dark text-white text-sm py-1 px-3 rounded-xl">{children}</div>
     );
-}
\ No newline at end of file
+}
+