From 60df88043c9d7f56ec0afb054dcb895e2c508a97 Mon Sep 17 00:00:00 2001
From: Lucas Rayan <l.rayanguerra@gmail.com>
Date: Wed, 22 Oct 2025 10:56:51 -0300
Subject: [PATCH] =?UTF-8?q?Refina=20copy=20em=20/sobre=20e=20/frameworks?=
 =?UTF-8?q?=20e=20ajusta=20overlay=20do=20modal=20de=20conex=C3=B5es?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Ajusta espaçamento entre elementos inline em /frameworks (uso de &nbsp;) e padroniza texto.
- Atualiza textos em /sobre: tom pessoal ("um entusiasta"), títulos e pequenas reformulações para clareza.
- Modifica overlay do modal em ConnectionsDiagram: aumenta opacidade e reduz efeito de blur.
---
 app/frameworks/page.jsx           | 14 ++++++++++----
 app/sobre/page.jsx                | 31 +++++++++++++++++++++----------
 components/ConnectionsDiagram.jsx |  2 +-
 3 files changed, 32 insertions(+), 15 deletions(-)

diff --git a/app/frameworks/page.jsx b/app/frameworks/page.jsx
index 08055d3..13ba4e4 100644
--- a/app/frameworks/page.jsx
+++ b/app/frameworks/page.jsx
@@ -125,8 +125,11 @@ export default function Frameworks() {
                             🎓 Iniciante no ESP32?
                         </h3>
                         <p className="text-gray-600 mb-4">
-                            Se você está começando, recomendamos iniciar com <strong>Arduino</strong> ou <strong>MicroPython</strong> 
-                            para prototipagem rápida, ou <strong>ESP-IDF</strong> para projetos profissionais com controle total.
+                            Se você está começando, recomendo iniciar com&nbsp;
+                            <strong>Arduino</strong> ou&nbsp;
+                            <strong>MicroPython</strong>&nbsp;
+                            para prototipagem rápida, ou&nbsp;
+                            <strong>ESP-IDF</strong> para projetos profissionais com controle total.
                         </p>
                         <div className="flex flex-wrap gap-2">
                             <Link href="/frameworks/Arduino" className="px-4 py-2 bg-blue-100 text-blue-700 rounded-lg text-sm font-semibold hover:bg-blue-200 transition-colors">
@@ -146,8 +149,11 @@ export default function Frameworks() {
                             🚀 Aplicações Especializadas?
                         </h3>
                         <p className="text-gray-600 mb-4">
-                            Para projetos específicos, explore frameworks especializados como <strong>ESP-ADF</strong> (áudio), 
-                            <strong>ESP-WHO</strong> (visão), <strong>ESP-NN</strong> (IA) ou <strong>ESP-Matter</strong> (smart home).
+                            Para projetos específicos, explore frameworks especializados como&nbsp;
+                            <strong>ESP-ADF</strong> (áudio),&nbsp;
+                            <strong>ESP-WHO</strong> (visão),&nbsp;
+                            <strong>ESP-NN</strong> (IA) ou&nbsp;
+                            <strong>ESP-Matter</strong> (smart home).
                         </p>
                         <div className="flex flex-wrap gap-2">
                             <Link href="/frameworks/ESP-ADF" className="px-4 py-2 bg-blue-100 text-blue-700 rounded-lg text-sm font-semibold hover:bg-blue-200 transition-colors">
diff --git a/app/sobre/page.jsx b/app/sobre/page.jsx
index 3e369d7..2a81c85 100644
--- a/app/sobre/page.jsx
+++ b/app/sobre/page.jsx
@@ -32,7 +32,8 @@ export default function Sobre() {
                         </h1>
 
                         <p className="text-lg md:text-xl opacity-90 max-w-3xl mb-6">
-                            Uma documentação não oficial, em português, feita por e para a comunidade — com foco em clareza, exemplos práticos e colaboração aberta.
+                            Uma documentação não oficial, em português, feita por um entusiasta e para
+                            a comunidade — com foco em clareza, exemplos práticos e colaboração aberta.
                         </p>
 
                         <div className="flex flex-col sm:flex-row gap-3 sm:gap-4 items-start sm:items-center">
@@ -56,17 +57,21 @@ export default function Sobre() {
                 <div className="mt-8 grid grid-cols-1 md:grid-cols-3 gap-6">
                     <section className="md:col-span-2 space-y-6">
                         <article className="bg-white/70 backdrop-blur-sm rounded-2xl p-6 shadow-sm border border-gray-100">
-                            <h2 className="text-2xl font-bold mb-2">Nossa missão</h2>
+                            <h2 className="text-2xl font-bold mb-2">Missão</h2>
                             <p className="text-gray-700 leading-relaxed">
-                                Facilitar o aprendizado e acelerar projetos com ESP32 por meio de documentação clara, exemplos testados e comparativos práticos.
-                                Priorizamos traduções fiéis, explicações passo a passo e dicas baseadas em experiência real de desenvolvimento.
+                                Facilitar o aprendizado e acelerar projetos com ESP32 por meio de
+                                documentação clara, exemplos testados e comparativos práticos.
+                                Priorizei traduções fiéis, explicações passo a passo e dicas
+                                baseadas em experiência real de desenvolvimento.
                             </p>
                         </article>
 
                         <article className="bg-white rounded-2xl p-6 shadow-sm border border-gray-100">
                             <h2 className="text-2xl font-bold mb-2">Por que o ESPDocs?</h2>
                             <p className="text-gray-700 leading-relaxed mb-4">
-                                Informações técnicas frequentemente estão dispersas entre datasheets, fóruns e repositórios. O ESPDocs centraliza esse conteúdo em português, com foco em aplicabilidade.
+                                Informações técnicas frequentemente estão dispersas entre datasheets,
+                                fóruns e repositórios. O ESPDocs centraliza esse conteúdo em português,
+                                com foco em aplicabilidade.
                             </p>
 
                             <ul role="list" className="grid sm:grid-cols-2 gap-4">
@@ -85,11 +90,13 @@ export default function Sobre() {
                         <article className="bg-white/70 backdrop-blur-sm rounded-2xl p-6 shadow-sm border border-gray-100">
                             <h2 className="text-2xl font-bold mb-2">Como contribuir</h2>
                             <p className="text-gray-700 leading-relaxed mb-3">
-                                Correções, traduções e novos exemplos são bem-vindos. Abra uma issue ou um pull request no repositório. Buscamos clareza nas descrições e exemplos testáveis.
+                                Correções, traduções e novos exemplos são bem-vindos. Abra uma
+                                issue ou um pull request no repositório. Busco por clareza nas
+                                descrições e exemplos testáveis.
                             </p>
                             <ol className="list-decimal list-inside text-gray-700 space-y-1">
                                 <li>Fork do repositório e crie uma branch clara.</li>
-                                <li>Adicione exemplos ou corrija o conteúdo com referências quando possível.</li>
+                                <li>Adicione exemplos ou corrija o conteúdo com referências quandopossível.</li>
                                 <li>Abra um PR e descreva o que foi alterado.</li>
                             </ol>
                         </article>
@@ -97,7 +104,8 @@ export default function Sobre() {
                         <article className="bg-white rounded-2xl p-6 shadow-sm border border-gray-100">
                             <h2 className="text-2xl font-bold mb-2">Acessibilidade</h2>
                             <p className="text-gray-700 leading-relaxed">
-                                O site prioriza leitura, contraste legível e navegação por teclado. Se encontrar barreiras, por favor relate-nos para que possamos melhorar.
+                                O site prioriza leitura, contraste legível e navegação por teclado.
+                                Se encontrar barreiras, por favor relate para que eu possa melhorar.
                             </p>
                         </article>
                     </section>
@@ -109,7 +117,9 @@ export default function Sobre() {
                                 <span className="text-xs bg-green-100 text-green-800 px-2 py-1 rounded-full">Open Source</span>
                             </div>
 
-                            <p className="text-gray-700 mb-4">Ajude a melhorar o ESPDocs com exemplos, correções e traduções.</p>
+                            <p className="text-gray-700 mb-4">
+                                Ajude a melhorar o ESPDocs com exemplos, correções e traduções.
+                            </p>
 
                             <div className="flex flex-col gap-3">
                                 <a
@@ -128,7 +138,8 @@ export default function Sobre() {
                             </div>
 
                             <div className="mt-4 text-sm text-gray-500">
-                                <strong>Nota:</strong> Conteúdo não oficial. Consulte sempre datasheets e documentos oficiais para decisões críticas.
+                                <strong>Nota:</strong> Conteúdo não oficial. Consulte sempre datasheets
+                                e documentos oficiais para decisões críticas.
                             </div>
                         </div>
 
diff --git a/components/ConnectionsDiagram.jsx b/components/ConnectionsDiagram.jsx
index 9984afd..353d617 100644
--- a/components/ConnectionsDiagram.jsx
+++ b/components/ConnectionsDiagram.jsx
@@ -248,7 +248,7 @@ export default function ConnectionsDiagram({ connections, color }) {
 
 			{selectedConnection && (
 				<div
-					className="fixed inset-0 bg-black bg-opacity-60 backdrop-blur-sm flex items-center justify-center p-4 z-50 animate-fadeIn"
+					className="fixed inset-0 bg-opacity-80 backdrop-blur-xs flex items-center justify-center p-4 z-50 animate-fadeIn"
 					onClick={() => setSelectedConnection(null)}
 					role="dialog"
 					aria-modal="true"