{cards.map((card, index) => {
const Icon = icons[index];
return (
-
- © 2025. Todos os direitos reservados ao TechKnowledge.
+
+ ©2022 - 2025. Todos os direitos reservados ao TechKnowledge.
@@ -19,13 +19,13 @@ export function Footer() {
{darkMode ? (
) : (
)}
diff --git a/src/components/header/Header.tsx b/src/components/header/Header.tsx
index 3f4b5bd..7a7a27d 100644
--- a/src/components/header/Header.tsx
+++ b/src/components/header/Header.tsx
@@ -6,8 +6,8 @@ import { Navbar } from "../navbar/Navbar";
import { ThemeContext } from "../../context/ThemeContext";
import styles from "./Header.module.css";
-import techknowledgeLogoDark from "../../assets/images/techknowledge-logo-darkmode.svg";
-import techknowledgeLogoLight from "../../assets/images/techknowledge-logo-lightmode.svg";
+import techknowledgeLogoDark from "../../assets/images/new-logo-darkmode.svg";
+import techknowledgeLogoLight from "../../assets/images/new-logo-lightmode.svg";
export function Header() {
const { darkMode, toggleDarkMode } = useContext(ThemeContext);
diff --git a/src/components/navbar/Navbar.tsx b/src/components/navbar/Navbar.tsx
index fcf56dc..7c9513f 100644
--- a/src/components/navbar/Navbar.tsx
+++ b/src/components/navbar/Navbar.tsx
@@ -17,7 +17,7 @@ export function Navbar() {
{ path: "/about", label: "Sobre" },
{ path: "/posts", label: "Posts" },
{ path: "/techlab", label: "TechLab" },
- { path: "/community", label: "Comunidade" },
+ { path: "/knowledgers", label: "Knowledgers" },
];
return (
diff --git a/src/components/posts/mockAuthor.ts b/src/components/posts/mockAuthor.ts
index 411f391..9c7daf5 100644
--- a/src/components/posts/mockAuthor.ts
+++ b/src/components/posts/mockAuthor.ts
@@ -1,11 +1,11 @@
-import image1 from "../../assets/images/leticia.jpeg";
-import image2 from "../../assets/images/mikael.jpeg";
-import image3 from "../../assets/images/joao-jacinto.jpeg";
-import image4 from "../../assets/images/monique-campos.jpeg";
-import image5 from "../../assets/images/leonardo.jpeg";
-import image6 from "../../assets/images/pedro-miguel.png";
-import image7 from "../../assets/images/lucasalves.jpeg";
-import image8 from "../../assets/images/alves-jhonata.png";
+import authorLeticia from "../../assets/images/authors/leticia.jpeg";
+import authorMikael from "../../assets/images/authors/mikael.jpeg";
+import authorJoaoJacinto from "../../assets/images/authors/joao-jacinto.jpeg";
+import auhtorMoniqueCampos from "../../assets/images/authors/monique-campos.jpeg";
+import authorLeonardo from "../../assets/images/authors/leonardo.jpeg";
+import authorPedroMiguel from "../../assets/images/authors/pedro-miguel.png";
+import authorLucasAlves from "../../assets/images/authors/lucasalves.jpeg";
+import authorAlvesJhonata from "../../assets/images/authors/alves-jhonata.png";
export const mockAuthor = [
{
@@ -13,55 +13,55 @@ export const mockAuthor = [
name: "Leticia Dias",
description:
"Sou desenvolvedora full stack com foco atual em frontend e, nos últimos tempos, me aventurando no universo do design de interfaces. Já atuei como instrutora no curso técnico de informática, onde tive a missão de preparar alunos para o mercado de trabalho. Além do código, sou apaixonada por filmes, séries, animes e tenho um lugar especial no coração para o k-pop.",
- image: image1,
+ image: authorLeticia,
},
{
id: 2,
name: "Mikael Ribeiro",
description:
"Atualmente, sou professor de tecnologia da informação nos Emirados Árabes. Minha missão é capacitar a próxima geração de profissionais de software com as habilidades e o conhecimento necessários para se destacarem no cenário global.",
- image: image2,
+ image: authorMikael,
},
{
id: 3,
name: "João Jacinto",
description:
"Me chamo João Jacinto. Atualmente sou engenheiro de software no Itaú Unibanco. Sou cristão, gosto muito de animais e faço musculação!",
- image: image3,
+ image: authorJoaoJacinto,
},
{
id: 4,
name: "Monique Campos",
description:
"Sou Monique Campos, desenvolvedora frontend com foco em Angular. Gosto de transformar ideias em interfaces funcionais e intuitivas, sempre buscando evoluir e aprender mais a cada projeto.",
- image: image4,
+ image: auhtorMoniqueCampos,
},
{
id: 5,
name: "Leonardo Henrique",
description:
"E aí! Sou o Leonardo Henrique, mas muita gente me conhece como “Leozinho do Front” — culpa da minha paixão por Front-End. Trabalho como desenvolvedor Full Stack, com bastante experiência em Angular, um carinho especial por React e, agora, me aventurando com Vue. Curto demais jogos e animes, e um dia ainda quero me aventurar na área de games.",
- image: image5,
+ image: authorLeonardo,
},
{
id: 6,
name: "Pedro Miguel",
description:
"Sou Pedro Miguel, um desenvolvedor web que já lidou com uma pá de coisa, principalmente se essa coisa for baseada em JavaScript ou .NET. Meus hobbies incluem maratonar os livros da Leigh Bardugo e ser o porteiro do ouro no VALORANT, também sou chocólatra e viciado em café.",
- image: image6,
+ image: authorPedroMiguel,
},
{
id: 7,
name: "Lucas Alves",
description:
"Sou o Lucas Alves, desenvolvedor mobile e trabalho com tecnologias como Swift, React Native e Flutter. Movido pela paixão em transformar desafios do mundo real em soluções tecnológicas inteligentes e funcionais, que melhorem a vida das pessoas.",
- image: image7,
+ image: authorLucasAlves,
},
{
id: 8,
name: "Alves Jhonata",
description:
"Com mais de uma década na área de tecnologia, transformei minha paixão por inovação em soluções tangíveis. Como especialista em Front-end e RPA, crio interfaces intuitivas e automatizo processos complexos, otimizando operações e elevando a experiência do usuário.",
- image: image8,
+ image: authorAlvesJhonata,
},
];
diff --git a/src/components/posts/mockPost.ts b/src/components/posts/mockPost.ts
index 60d83a7..131920c 100644
--- a/src/components/posts/mockPost.ts
+++ b/src/components/posts/mockPost.ts
@@ -1,57 +1,57 @@
-import image1 from "../../assets/images/faz-funcionar-e-depois-melhora.jpeg";
-import image2 from "../../assets/images/olimpiada-do-conhecimento.jpeg";
-import image3 from "../../assets/images/techknowledge.jpeg";
-import image6 from "../../assets/images/thumbnail-dev-frontend.jpg";
-import image7 from "../../assets/images/errando-que-se-aprende.jpg";
-import image8 from "../../assets/images/pratique-como-ser-um-dev.jpg";
-import image9 from "../../assets/images/criando-minhas-interfaces.jpg";
-import image10 from "../../assets/images/desenvolvimento-mobile-2025.jpg";
-import image11 from "../../assets/images/morar-fora-do-brasil-vale-a-pena.jpg";
-import image12 from "../../assets/images/primeiros-passos-como-freelancer.jpg";
+import thumbFazFuncionar from "../../assets/images/thumbnails/faz-funcionar-e-depois-melhora.jpeg";
+import thumbOlimpiadaConhecimento from "../../assets/images/thumbnails/olimpiada-do-conhecimento.jpeg";
+import thumbTechknowledge from "../../assets/images/thumbnails/techknowledge.jpeg";
+import thumbDevFrontend from "../../assets/images/thumbnails/thumbnail-dev-frontend.jpg";
+import thumbErrandoAprende from "../../assets/images/thumbnails/errando-que-se-aprende.jpg";
+import thumbPratiqueComoDev from "../../assets/images/thumbnails/pratique-como-ser-um-dev.jpg";
+import thumbMinhasInterfaces from "../../assets/images/thumbnails/criando-minhas-interfaces.jpg";
+import thumbMobile2025 from "../../assets/images/thumbnails/desenvolvimento-mobile-2025.jpg";
+import thumbMorarFora from "../../assets/images/thumbnails/morar-fora-do-brasil-vale-a-pena.jpg";
+import thumbFreelancerPassos from "../../assets/images/thumbnails/primeiros-passos-como-freelancer.jpg";
export const mockPost = [
{
id: 1,
- coverImage: image1,
+ coverImage: thumbFazFuncionar,
},
{
id: 2,
- coverImage: image2,
+ coverImage: thumbOlimpiadaConhecimento,
},
{
id: 3,
- coverImage: image3,
+ coverImage: thumbTechknowledge,
},
{
id: 4,
- coverImage: image1,
+ coverImage: thumbFazFuncionar,
},
{
id: 5,
- coverImage: image6,
+ coverImage: thumbDevFrontend,
},
{
id: 6,
- coverImage: image7,
+ coverImage: thumbErrandoAprende,
},
{
id: 7,
- coverImage: image8,
+ coverImage: thumbPratiqueComoDev,
},
{
id: 8,
- coverImage: image9,
+ coverImage: thumbMinhasInterfaces,
},
{
id: 9,
- coverImage: image10,
+ coverImage: thumbMobile2025,
},
{
id: 12,
- coverImage: image11,
+ coverImage: thumbMorarFora,
},
{
id: 13,
- coverImage: image12,
+ coverImage: thumbFreelancerPassos,
},
];
diff --git a/src/components/posts/postpreview/PostPreview.tsx b/src/components/posts/postpreview/PostPreview.tsx
index 3a58193..ad227d6 100644
--- a/src/components/posts/postpreview/PostPreview.tsx
+++ b/src/components/posts/postpreview/PostPreview.tsx
@@ -45,7 +45,7 @@ export function PostPreview() {
.slice(0, 3);
return (
-
+
{sortedPosts.map((post) => {
const mock = mockPost.find((mock) => mock.id === post.id);
@@ -60,7 +60,7 @@ export function PostPreview() {
className="w-[18rem] h-[10rem] rounded-lg object-cover sm:w-[16rem] sm:h-[9rem] lg:w-[18rem] lg:h-[10rem]"
alt={`Capa do post ${post.title}`}
/>
-
+
{post.category.name}
diff --git a/src/pages/About.tsx b/src/pages/About.tsx
index 485fe91..f2fd884 100644
--- a/src/pages/About.tsx
+++ b/src/pages/About.tsx
@@ -1,8 +1,8 @@
import React, { useContext } from "react";
import ImageTechknowlege from "../assets/images/about-techknowledge.png";
-import ImageLogoTechKnowledge from "../assets/images/techknowledge-logo.png";
-import ImageLogoTechknowledgeLight from "../assets/images/logo-large-light.png";
+import ImageLogoTechKnowledge from "../assets/images/new-logo-darkmode.svg";
+import ImageLogoTechknowledgeLight from "../assets/images/new-logo-lightmode.svg";
import ImageMikaelAbout from "../assets/images/mikael-about.png";
import ImageMikaelAboutLight from "../assets/images/mikael-about-light.png";
import ImageLeticiaAbout from "../assets/images/leticia-about.png";
diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx
index b1e5a83..dc079d8 100644
--- a/src/pages/Home.tsx
+++ b/src/pages/Home.tsx
@@ -1,21 +1,23 @@
import React from "react";
-import { SectionAbout } from "../sections/SectionAbout";
-import { SectionCommunity } from "../sections/SectionCommunity";
+import { SectionFounders } from "../sections/SectionFounders";
import { SectionEvents } from "../sections/SectionEvents";
import { SectionLatestPosts } from "../sections/SectionLatestPosts";
import { SectionMain } from "../sections/SectionMain";
import { SectionOurPurpose } from "../sections/SectionOurPurpose";
+import { SectionTechLab } from "../sections/SectionTechLab";
+import { SectionKnowledgers } from "../sections/SectionKnowledgers";
export function Home() {
return (
<>
-
-
- Sobre nós
-
-
-
-
-
-
-
- Fala galera! Somos o Mikael e a Leticia, os criadores do blog
- TechKnowledge. Gostariamos de compartilhar com vocês um pouco da
- nossa jornada.
-
-
-
- Vem conhecer um pouco sobre nós e como chegamos no universo da
- tecnologia.
-
-
-
-
-
-
-
-
-
- {darkMode ? (
- 
- ) : (
- 
- )}
-
-
-
- );
-}
diff --git a/src/sections/SectionCommunity.tsx b/src/sections/SectionCommunity.tsx
deleted file mode 100644
index 5c75d72..0000000
--- a/src/sections/SectionCommunity.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import React, { useContext } from "react";
-
-import { Button } from "../components/button/Button";
-
-import ImageCommunityDark from "../assets/images/community.png";
-import ImageCommunityLight from "../assets/images/community-lightmode.png";
-import { ThemeContext } from "../context/ThemeContext";
-
-export function SectionCommunity() {
- const { darkMode } = useContext(ThemeContext);
-
- return (
-
-
-
- Acreditamos no poder que a{" "}
- comunidade tem de mudar vidas.
- Vem fazer parte da nossa comunidade!
-
-
- {darkMode ? (
- 
- ) : (
- 
- )}
-
-
-
-
-
-
- );
-}
diff --git a/src/sections/SectionEvents.tsx b/src/sections/SectionEvents.tsx
index 1959dc2..5b5f6d0 100644
--- a/src/sections/SectionEvents.tsx
+++ b/src/sections/SectionEvents.tsx
@@ -1,56 +1,38 @@
-import React, { useContext } from "react";
-
-import ImageEventDark from "../assets/images/events.png";
-import ImageEventLight from "../assets/images/events-lightmode.png";
+import React from "react";
import { Button } from "../components/button/Button";
-import { ThemeContext } from "../context/ThemeContext";
-export function SectionEvents() {
- const { darkMode } = useContext(ThemeContext);
+import rocketImage from "../assets/images/rocket.svg";
+export function SectionEvents() {
return (
-
-
+
+ 
+
+
Nos convide para o seu evento!
-
+
Tem um evento de tecnologia chegando? Estamos prontos para
compartilhar conhecimento, inspirar pessoas e discutir nossas
experiências no mercado! Adoramos contribuir com conteúdos
relevantes e experiências práticas.
-
+
Convide-nos para palestrar no seu evento e fazer parte dessa troca
de ideias. Será um prazer colaborar com a sua comunidade!
-
-
-
-
-
-
- {darkMode ? (
- 
- ) : (
- 
- )}
+
+
+
);
diff --git a/src/sections/SectionFounders.tsx b/src/sections/SectionFounders.tsx
new file mode 100644
index 0000000..0d95132
--- /dev/null
+++ b/src/sections/SectionFounders.tsx
@@ -0,0 +1,54 @@
+import React, { useContext } from "react";
+
+import ImageFoundersDark from "../assets/images/founders-darkmode.png";
+import ImageFoundersLight from "../assets/images/founders-lightmode.png";
+
+import { Button } from "../components/button/Button";
+import { ThemeContext } from "../context/ThemeContext";
+
+export function SectionFounders() {
+ const { darkMode } = useContext(ThemeContext);
+
+ return (
+
+
+
+ Fundadores
+
+
+
+
+ Fala galera! Somos o Mikael e a Leticia, os criadores do blog
+ TechKnowledge. Gostariamos de compartilhar com vocês um pouco da
+ nossa jornada.
+
+
+
+ Vem conhecer um pouco sobre nós e como chegamos no universo da
+ tecnologia.
+
+
+
+
+
+
+
+
+
+ {darkMode ? (
+
+ ) : (
+
+ )}
+
+
+ );
+}
diff --git a/src/sections/SectionKnowledgers.tsx b/src/sections/SectionKnowledgers.tsx
new file mode 100644
index 0000000..796719b
--- /dev/null
+++ b/src/sections/SectionKnowledgers.tsx
@@ -0,0 +1,40 @@
+import React from "react";
+import { Button } from "../components/button/Button";
+
+import knowledgersImage from "../assets/images/knowledgers.png";
+
+export function SectionKnowledgers() {
+ return (
+
+
+
+ Knowledgers
+
+
+
+
+ Os Knowledgers são criadores de conteúdo sobre tecnologia, que
+ compartilham conhecimento com propósito e autenticidade.
+
+
+
+ Aqui, reunimos vozes que inspiram, ensinam e transformam. Pessoas
+ que compartilham suas experiências para impactar outras jornadas.
+
+
+
+
+
+
+
+
+
+ 
+
+
+ );
+}
diff --git a/src/sections/SectionLatestPosts.tsx b/src/sections/SectionLatestPosts.tsx
index 7d73ec6..235f60e 100644
--- a/src/sections/SectionLatestPosts.tsx
+++ b/src/sections/SectionLatestPosts.tsx
@@ -6,9 +6,9 @@ import { Button } from "../components/button/Button";
export function SectionLatestPosts() {
return (
-
- Artigos publicados recentes
-
+
+ Artigos Recentes
+
Um blog para compartilharmos conhecimento da área da{" "}
- tecnologia.
+ tecnologia.
-
- {darkMode ? (
- 
- ) : (
- 
- )}
+
+ 
+
);
diff --git a/src/sections/SectionOurPurpose.tsx b/src/sections/SectionOurPurpose.tsx
index d3028d1..39f94c2 100644
--- a/src/sections/SectionOurPurpose.tsx
+++ b/src/sections/SectionOurPurpose.tsx
@@ -4,7 +4,7 @@ import { CardOurPurpose } from "../components/cardourpurpose/CardOurPurpose";
export function SectionOurPurpose() {
return (
-
+
Nosso Propósito
diff --git a/src/sections/SectionTechLab.tsx b/src/sections/SectionTechLab.tsx
new file mode 100644
index 0000000..c456030
--- /dev/null
+++ b/src/sections/SectionTechLab.tsx
@@ -0,0 +1,40 @@
+import React from "react";
+import { CaretRight } from "@phosphor-icons/react";
+import { Link } from "react-router";
+import TechLabImage from "../assets/images/techknowledge-techlab.png";
+
+export function SectionTechLab() {
+ return (
+
+
+
+ Vem conferir nosso catálogo de conteúdos no TechLab.
+
+
+
+ Por lá, você encontra artigos, vídeos, dicas práticas e experiências
+ reais sobre tecnologia e carreira. Tudo feito por quem vive o dia a
+ dia da área tech.
+
+
+
+
+ Ver Catálogo 
+
+
+ );
+}
diff --git a/tailwind.config.js b/tailwind.config.js
index c722d45..2f40a62 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -13,8 +13,10 @@ export default {
},
blue: {
300: "#00C2FF",
+ 400: "#8EC5FF",
500: "#39A0ED",
600: "#1D94F0",
+ 700: "#2D93FF",
},
violet: {
100: "#EDE9FE",
@@ -28,6 +30,21 @@ export default {
"sm-extended": "540px",
"sm-custom": "344px",
},
+ keyframes: {
+ bounceSoft: {
+ "0%, 100%": { transform: "translateY(0)" },
+ "50%": { transform: "translateY(-10px)" },
+ },
+
+ shadowShrink: {
+ "0%, 100%": { transform: "translateX(-50%) scaleX(1)" },
+ "50%": { transform: "translateX(-50%) scaleX(0.6)", opacity: "0.15" },
+ },
+ },
+ animation: {
+ bounceSoft: "bounceSoft 3s ease-in-out infinite",
+ shadowShrink: "shadowShrink 3s ease-in-out infinite",
+ },
},
},
plugins: [require("@tailwindcss/typography")],
- © 2025. Todos os direitos reservados ao TechKnowledge. +
+ ©2022 - 2025. Todos os direitos reservados ao TechKnowledge.
{sortedPosts.map((post) => {
const mock = mockPost.find((mock) => mock.id === post.id);
@@ -60,7 +60,7 @@ export function PostPreview() {
className="w-[18rem] h-[10rem] rounded-lg object-cover sm:w-[16rem] sm:h-[9rem] lg:w-[18rem] lg:h-[10rem]"
alt={`Capa do post ${post.title}`}
/>
-
diff --git a/src/pages/About.tsx b/src/pages/About.tsx
index 485fe91..f2fd884 100644
--- a/src/pages/About.tsx
+++ b/src/pages/About.tsx
@@ -1,8 +1,8 @@
import React, { useContext } from "react";
import ImageTechknowlege from "../assets/images/about-techknowledge.png";
-import ImageLogoTechKnowledge from "../assets/images/techknowledge-logo.png";
-import ImageLogoTechknowledgeLight from "../assets/images/logo-large-light.png";
+import ImageLogoTechKnowledge from "../assets/images/new-logo-darkmode.svg";
+import ImageLogoTechknowledgeLight from "../assets/images/new-logo-lightmode.svg";
import ImageMikaelAbout from "../assets/images/mikael-about.png";
import ImageMikaelAboutLight from "../assets/images/mikael-about-light.png";
import ImageLeticiaAbout from "../assets/images/leticia-about.png";
diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx
index b1e5a83..dc079d8 100644
--- a/src/pages/Home.tsx
+++ b/src/pages/Home.tsx
@@ -1,21 +1,23 @@
import React from "react";
-import { SectionAbout } from "../sections/SectionAbout";
-import { SectionCommunity } from "../sections/SectionCommunity";
+import { SectionFounders } from "../sections/SectionFounders";
import { SectionEvents } from "../sections/SectionEvents";
import { SectionLatestPosts } from "../sections/SectionLatestPosts";
import { SectionMain } from "../sections/SectionMain";
import { SectionOurPurpose } from "../sections/SectionOurPurpose";
+import { SectionTechLab } from "../sections/SectionTechLab";
+import { SectionKnowledgers } from "../sections/SectionKnowledgers";
export function Home() {
return (
<>
+
{post.category.name}
-
-
- - Sobre nós -
-
-
-
-
-
-
-
-
- - Fala galera! Somos o Mikael e a Leticia, os criadores do blog - TechKnowledge. Gostariamos de compartilhar com vocês um pouco da - nossa jornada. -
- -- Vem conhecer um pouco sobre nós e como chegamos no universo da - tecnologia. -
-
-
-
-
- {darkMode ? (
-
- ) : (
-
- )}
-
-
-
- ) : (
-
- )}
-
-
- - Acreditamos no poder que a{" "} - comunidade tem de mudar vidas. - Vem fazer parte da nossa comunidade! -
- - {darkMode ? ( -
-
-
-
-
+
+
+
+
+
Nos convide para o seu evento!
-
+
Tem um evento de tecnologia chegando? Estamos prontos para
compartilhar conhecimento, inspirar pessoas e discutir nossas
experiências no mercado! Adoramos contribuir com conteúdos
relevantes e experiências práticas.
-
+
Convide-nos para palestrar no seu evento e fazer parte dessa troca
de ideias. Será um prazer colaborar com a sua comunidade!
-
-
-
-
-
-
- {darkMode ? (
-
- ) : (
-
- )}
+
+
+
);
diff --git a/src/sections/SectionFounders.tsx b/src/sections/SectionFounders.tsx
new file mode 100644
index 0000000..0d95132
--- /dev/null
+++ b/src/sections/SectionFounders.tsx
@@ -0,0 +1,54 @@
+import React, { useContext } from "react";
+
+import ImageFoundersDark from "../assets/images/founders-darkmode.png";
+import ImageFoundersLight from "../assets/images/founders-lightmode.png";
+
+import { Button } from "../components/button/Button";
+import { ThemeContext } from "../context/ThemeContext";
+
+export function SectionFounders() {
+ const { darkMode } = useContext(ThemeContext);
+
+ return (
+
+
+
+ Fundadores
+
+
+
+
+ Fala galera! Somos o Mikael e a Leticia, os criadores do blog
+ TechKnowledge. Gostariamos de compartilhar com vocês um pouco da
+ nossa jornada.
+
+
+
+ Vem conhecer um pouco sobre nós e como chegamos no universo da
+ tecnologia.
+
+
+
+
+
+
+
+
+
+ {darkMode ? (
+
+ ) : (
+
+ )}
+
+
+ );
+}
diff --git a/src/sections/SectionKnowledgers.tsx b/src/sections/SectionKnowledgers.tsx
new file mode 100644
index 0000000..796719b
--- /dev/null
+++ b/src/sections/SectionKnowledgers.tsx
@@ -0,0 +1,40 @@
+import React from "react";
+import { Button } from "../components/button/Button";
+
+import knowledgersImage from "../assets/images/knowledgers.png";
+
+export function SectionKnowledgers() {
+ return (
+
+
+
+ Knowledgers
+
+
+
+
+ Os Knowledgers são criadores de conteúdo sobre tecnologia, que
+ compartilham conhecimento com propósito e autenticidade.
+
+
+
+ Aqui, reunimos vozes que inspiram, ensinam e transformam. Pessoas
+ que compartilham suas experiências para impactar outras jornadas.
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/sections/SectionLatestPosts.tsx b/src/sections/SectionLatestPosts.tsx
index 7d73ec6..235f60e 100644
--- a/src/sections/SectionLatestPosts.tsx
+++ b/src/sections/SectionLatestPosts.tsx
@@ -6,9 +6,9 @@ import { Button } from "../components/button/Button";
export function SectionLatestPosts() {
return (
-
- Artigos publicados recentes
-
+
+ Artigos Recentes
+
Um blog para compartilharmos conhecimento da área da{" "}
- tecnologia.
+ tecnologia.
-
- {darkMode ? (
-
- ) : (
-
- )}
+
+
+
);
diff --git a/src/sections/SectionOurPurpose.tsx b/src/sections/SectionOurPurpose.tsx
index d3028d1..39f94c2 100644
--- a/src/sections/SectionOurPurpose.tsx
+++ b/src/sections/SectionOurPurpose.tsx
@@ -4,7 +4,7 @@ import { CardOurPurpose } from "../components/cardourpurpose/CardOurPurpose";
export function SectionOurPurpose() {
return (
-
+
Nosso Propósito
diff --git a/src/sections/SectionTechLab.tsx b/src/sections/SectionTechLab.tsx
new file mode 100644
index 0000000..c456030
--- /dev/null
+++ b/src/sections/SectionTechLab.tsx
@@ -0,0 +1,40 @@
+import React from "react";
+import { CaretRight } from "@phosphor-icons/react";
+import { Link } from "react-router";
+import TechLabImage from "../assets/images/techknowledge-techlab.png";
+
+export function SectionTechLab() {
+ return (
+
+
+
+ Vem conferir nosso catálogo de conteúdos no TechLab.
+
+
+
+ Por lá, você encontra artigos, vídeos, dicas práticas e experiências
+ reais sobre tecnologia e carreira. Tudo feito por quem vive o dia a
+ dia da área tech.
+
+
+
+
+ Ver Catálogo
Nos convide para o seu evento!
-
-
- +
Tem um evento de tecnologia chegando? Estamos prontos para compartilhar conhecimento, inspirar pessoas e discutir nossas experiências no mercado! Adoramos contribuir com conteúdos relevantes e experiências práticas.
-+
Convide-nos para palestrar no seu evento e fazer parte dessa troca de ideias. Será um prazer colaborar com a sua comunidade!
-
-
+
+
+
+
+ + Fundadores +
+ +
+
+
+ + Fala galera! Somos o Mikael e a Leticia, os criadores do blog + TechKnowledge. Gostariamos de compartilhar com vocês um pouco da + nossa jornada. +
+ ++ Vem conhecer um pouco sobre nós e como chegamos no universo da + tecnologia. +
+
+
+
+
+ {darkMode ? (
+
+ ) : (
+
+ )}
+
+
+
+
+ + Knowledgers +
+ +
+
+
+ + Os Knowledgers são criadores de conteúdo sobre tecnologia, que + compartilham conhecimento com propósito e autenticidade. +
+ ++ Aqui, reunimos vozes que inspiram, ensinam e transformam. Pessoas + que compartilham suas experiências para impactar outras jornadas. +
+
+
+
+
+
+
+ - Artigos publicados recentes -
++ Artigos Recentes +
Um blog para compartilharmos conhecimento da área da{" "} - tecnologia. + tecnologia.
- {darkMode ? (
-
- ) : (
-
- )}
+
-
+
+
+
);
diff --git a/src/sections/SectionOurPurpose.tsx b/src/sections/SectionOurPurpose.tsx
index d3028d1..39f94c2 100644
--- a/src/sections/SectionOurPurpose.tsx
+++ b/src/sections/SectionOurPurpose.tsx
@@ -4,7 +4,7 @@ import { CardOurPurpose } from "../components/cardourpurpose/CardOurPurpose";
export function SectionOurPurpose() {
return (
+
Nosso Propósito
diff --git a/src/sections/SectionTechLab.tsx b/src/sections/SectionTechLab.tsx
new file mode 100644
index 0000000..c456030
--- /dev/null
+++ b/src/sections/SectionTechLab.tsx
@@ -0,0 +1,40 @@
+import React from "react";
+import { CaretRight } from "@phosphor-icons/react";
+import { Link } from "react-router";
+import TechLabImage from "../assets/images/techknowledge-techlab.png";
+
+export function SectionTechLab() {
+ return (
+
+
+
+ Vem conferir nosso catálogo de conteúdos no TechLab.
+
+
+
+ Por lá, você encontra artigos, vídeos, dicas práticas e experiências
+ reais sobre tecnologia e carreira. Tudo feito por quem vive o dia a
+ dia da área tech.
+
+
+
+
+ Ver Catálogo
+
+
+ + Vem conferir nosso catálogo de conteúdos no TechLab. +
+ ++ Por lá, você encontra artigos, vídeos, dicas práticas e experiências + reais sobre tecnologia e carreira. Tudo feito por quem vive o dia a + dia da área tech. +
+ + + + Ver Catálogo
+
+
+