From 83b2bd4c734043b6877a7691a4f6306a054c361a Mon Sep 17 00:00:00 2001 From: Lucas Rayan Date: Wed, 22 Oct 2025 08:53:55 -0300 Subject: [PATCH] Restore homepage and move "Sobre" content to /sobre Replace app/page.jsx with the main landing UI (ESPDocs hero, CTAs and resources grid). Move detailed About content into app/sobre/page.jsx (features list, accessibility anchor, mission and contribution sections). --- app/page.jsx | 204 +++++++++++++++------------------------------ app/sobre/page.jsx | 151 ++++++++++++++++++++++++++++----- 2 files changed, 196 insertions(+), 159 deletions(-) diff --git a/app/page.jsx b/app/page.jsx index 3e369d7..1eef570 100644 --- a/app/page.jsx +++ b/app/page.jsx @@ -2,149 +2,81 @@ import Header from "@/components/Header"; import Footer from "@/components/Footer"; import Link from "next/link"; -export default function Sobre() { - const features = [ - { icon: "📚", title: "Documentação Curada", desc: "Conteúdos organizados por níveis — do iniciante ao avançado." }, - { icon: "🔧", title: "Exemplos Práticos", desc: "Projetos e trechos de código para aprender fazendo." }, - { icon: "🌐", title: "Comunidade", desc: "Contribuições abertas e canal para dúvidas e trocas." }, - { icon: "♿", title: "Acessibilidade", desc: "Textos claros, contraste adequado e navegação por teclado." }, - ]; +export default function Home() { + const resources = [ + {name: "Detalhes Técnicos", description: "Explore as especificações técnicas de cada série ESP32, incluindo arquitetura, recursos e capacidades", icon: "🔧"}, + {name: "Diagramas Interativos", description: "Visualize diagramas detalhados dos componentes ESP32 com interatividade para melhor compreensão", icon: "📊"}, + {name: "Frameworks Avançados", description: "Aprenda sobre frameworks populares como ESP-IDF, Arduino e MicroPython para desenvolvimento com ESP32", icon: "⚡"}, + {name: "Comparação de Séries", description: "Compare diferentes séries ESP32 para escolher o mais adequado ao seu projeto", icon: "📈"}, + {name: "Datasheets", description: "Acesso direto aos datasheets oficiais para informações detalhadas sobre cada série", icon: "📄"}, + {name: "Exemplos de Código", description: "Encontre exemplos práticos de código para iniciar rapidamente seus projetos com ESP32", icon: "💻"}, + ] return ( -
- - Ir para o conteúdo - +
+
-
- -
-
-
- +
+
+
+ 🚀 Documentação em Português
- -
-

- Sobre o ESPDocs -

- -

- 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. -

- -
- - ← Voltar - - - - Contribuir no GitHub - -
-
-
- -
-
-
-

Nossa missão

-

- 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. -

-
- -
-

Por que o ESPDocs?

-

- 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. -

- -
    - {features.map((f) => ( -
  • - -
    -

    {f.title}

    -

    {f.desc}

    -
    -
    • - ))} -
-
- -
-

Como contribuir

-

- 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. -

-
    -
  1. Fork do repositório e crie uma branch clara.
    2. -
  2. Adicione exemplos ou corrija o conteúdo com referências quando possível.
    3. -
  3. Abra um PR e descreva o que foi alterado.
    4. -
-
- -
-

Acessibilidade

-

- O site prioriza leitura, contraste legível e navegação por teclado. Se encontrar barreiras, por favor relate-nos para que possamos melhorar. -

-
-
- -
+ +

+ ESPDocs +

+ +

+ Ecossistema ESP32 em Português +

+ +

+ Documentação não oficial completa para facilitar seu aprendizado e desenvolvimento + com ESP32. Explore especificações, diagramas, frameworks e muito mais! +

+ +
+ + 📚 Ver Séries + + + + ⚡ Ver Frameworks + +
+ +
+ {resources.map((resource) => ( +
+
{resource.icon}
+

+ {resource.name} +

+

+ {resource.description} +

+
+ ))} +
+ +
+

+ O ESPDocs é uma documentação não oficial e independente, criada por + um entusiasta da comunidade ESP32 e que não possui nenhum tipo de afiliação + com a Espressif Systems, fabricante dos chips ESP32. Todas as informações + são coletadas de fontes públicas e experiências pessoais de desenvolvimento. +

+
-
+
); } \ No newline at end of file diff --git a/app/sobre/page.jsx b/app/sobre/page.jsx index e116ad3..3e369d7 100644 --- a/app/sobre/page.jsx +++ b/app/sobre/page.jsx @@ -3,39 +3,144 @@ import Footer from "@/components/Footer"; import Link from "next/link"; export default function Sobre() { + const features = [ + { icon: "📚", title: "Documentação Curada", desc: "Conteúdos organizados por níveis — do iniciante ao avançado." }, + { icon: "🔧", title: "Exemplos Práticos", desc: "Projetos e trechos de código para aprender fazendo." }, + { icon: "🌐", title: "Comunidade", desc: "Contribuições abertas e canal para dúvidas e trocas." }, + { icon: "♿", title: "Acessibilidade", desc: "Textos claros, contraste adequado e navegação por teclado." }, + ]; + return ( -
+
+ + Ir para o conteúdo + +
-
-
-
- ← Voltar +
+
+
+
-

- Sobre o ESPDocs -

+
+

+ Sobre o ESPDocs +

-

- O ESPDocs nasceu da paixão por explorar o potencial dos microcontroladores ESP32 e da vontade de compartilhar conhecimento de forma acessível e colaborativa. Criado por um entusiasta e desenvolvedor com mais de quatro anos de experiência prática com a plataforma, o projeto tem como propósito reunir, organizar e traduzir informações técnicas — muitas vezes dispersas — em um só lugar. -

+

+ 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. +

-

- Mais do que uma simples documentação não oficial, o ESPDocs é um espaço vivo de aprendizado. Aqui, cada detalhe sobre o hardware, frameworks, protocolos e boas práticas de desenvolvimento é tratado com cuidado e clareza, para que qualquer pessoa — do iniciante ao profissional — possa compreender e aplicar. -

+
+ + ← Voltar + -

- A iniciativa surgiu com um foco especial na comunidade brasileira, que cresce e se destaca no cenário da eletrônica e IoT. O objetivo é facilitar o acesso ao conhecimento técnico em português, incentivar a experimentação e fortalecer a troca de experiências entre desenvolvedores, estudantes e pesquisadores. -

+ + Contribuir no GitHub + +
+
+
-

- O ESPDocs é, acima de tudo, uma homenagem à curiosidade e ao espírito colaborativo que impulsionam a inovação. -

+
+
+
+

Nossa missão

+

+ 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. +

+
-

- ESPDocs — Documentando o futuro da IoT, em código aberto e em português. -

+
+

Por que o ESPDocs?

+

+ 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. +

+ +
    + {features.map((f) => ( +
  • + +
    +

    {f.title}

    +

    {f.desc}

    +
    +
    • + ))} +
+
+ +
+

Como contribuir

+

+ 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. +

+
    +
  1. Fork do repositório e crie uma branch clara.
    2. +
  2. Adicione exemplos ou corrija o conteúdo com referências quando possível.
    3. +
  3. Abra um PR e descreva o que foi alterado.
    4. +
+
+ +
+

Acessibilidade

+

+ O site prioriza leitura, contraste legível e navegação por teclado. Se encontrar barreiras, por favor relate-nos para que possamos melhorar. +

+
+
+ +