Reorganized the folder structure

src/AppRouter.tsx

@@ -2,13 +2,13 @@ import React from "react";
 import { Post } from "./components/ui/posts/post/Post";
 import { About } from "./pages/About";
 import { Knowledgers } from "./pages/Knowledgers";
-import { Home } from "./pages/Home";
 import { Posts } from "./pages/Posts";
 import { TechLab } from "./pages/TechLab";
 import { Contact } from "./pages/Contact";
 import { Route, Routes } from "react-router-dom";
 import { Founders } from "./pages/Founders";
 import { Profile } from "./pages/Profile";
+import { Home } from "./pages/home/Home";
 
 export function AppRouter() {
   return (

src/components/layout/header/Header.tsx

@@ -2,8 +2,8 @@ import React, { useContext } from "react";
 import { Moon, Sun } from "@phosphor-icons/react";
 import { Link } from "react-router-dom";
 
-import { Navbar } from "../navbar/Navbar";
 import { ThemeContext } from "../../../context/ThemeContext";
+import { Navbar } from "../navbar/Navbar";
 import styles from "./Header.module.css";
 
 import techknowledgeLogoDark from "../../../assets/images/new-logo-darkmode.svg";

src/components/layout/navbar/Navbar.tsx

@@ -24,9 +24,9 @@ export function Navbar() {
         className="absolute right-4 top-8 cursor-pointer md:hidden"
       >
         {darkMode ? (
-          <span className="inline-flex items-center justify-center w-12 h-9 border border-white/10 rounded-full">
+          <span className="inline-flex items-center justify-center w-12 h-8 border border-white/20 rounded-full">
             <List
-              size={24}
+              size={20}
               color="#ffffff"
               className={`transition-all duration-300 ${
                 open
@@ -36,8 +36,8 @@ export function Navbar() {
             />
           </span>
         ) : (
-          <span className="inline-flex items-center justify-center w-12 h-9 border border-black/10 rounded-full">
-            <List size={24} color="#000000" />
+          <span className="inline-flex items-center justify-center w-12 h-8 border border-black/20 rounded-full">
+            <List size={20} color="#000000" />
           </span>
         )}
       </button>

src/components/ui/menuModal/menuModal.tsx

@@ -20,7 +20,7 @@ export function MenuModal({ isOpen, onClose, routes }: MenuModalProps) {
 
   return (
     <div className="fixed inset-0 bg-black/30 z-40 flex items-center justify-center md:hidden">
-      <div className="relative bg-white w-[92%] h-[94vh] rounded-2xl py-5 px-2 shadow-lg border-2 border-white/10 animate-scaleUp">
+      <div className="relative bg-white w-[92%] h-[93vh] rounded-2xl py-4 px-2 shadow-lg border-2 border-white/10 animate-scaleUp">
         <header className="flex items-center justify-between">
           <img
             src={TechknowledgeLightLogo}
@@ -30,11 +30,11 @@ export function MenuModal({ isOpen, onClose, routes }: MenuModalProps) {
 
           <button
             onClick={onClose}
-            className="absolute right-2 top-5 cursor-pointer"
+            className="absolute right-2 top-4 cursor-pointer"
             aria-label="Botão para fechar o menu"
           >
-            <span className="inline-flex items-center justify-center w-12 h-9 border border-black/10 rounded-full">
-              <X size={24} color="#000000" />
+            <span className="inline-flex items-center justify-center w-12 h-8 border border-black/20 rounded-full">
+              <X size={20} color="#000000" />
             </span>
           </button>
         </header>

src/pages/home/Home.tsx

@@ -0,0 +1,22 @@
+import React from "react";
+import { SectionMain } from "./sections/SectionMain";
+import { SectionOurPurpose } from "./sections/SectionOurPurpose";
+import { SectionFounders } from "./sections/SectionFounders";
+import { SectionLatestPosts } from "./sections/SectionLatestPosts";
+import { SectionTechLab } from "./sections/SectionTechLab";
+import { SectionKnowledgers } from "./sections/SectionKnowledgers";
+import { SectionEvents } from "./sections/SectionEvents";
+
+export function Home() {
+  return (
+    <>
+      <SectionMain />
+      <SectionOurPurpose />
+      <SectionFounders />
+      <SectionLatestPosts />
+      <SectionTechLab />
+      <SectionKnowledgers />
+      <SectionEvents />
+    </>
+  );
+}

src/sections/SectionEvents.tsx → src/pages/home/sections/SectionEvents.tsx

@@ -1,8 +1,8 @@
 import React from "react";
 
-import { Button } from "../components/ui/button/Button";
+import { Button } from "../../../components/ui/button/Button";
 
-import rocketImage from "../assets/images/rocket.svg";
+import rocketImage from "../../../assets/images/rocket.svg";
 
 export function SectionEvents() {
   return (

src/sections/SectionFounders.tsx → src/pages/home/sections/SectionFounders.tsx

@@ -1,10 +1,10 @@
 import React, { useContext } from "react";
 
-import ImageFoundersDark from "../assets/images/founders-darkmode.png";
-import ImageFoundersLight from "../assets/images/founders-lightmode.png";
+import ImageFoundersDark from "../../../assets/images/founders-darkmode.png";
+import ImageFoundersLight from "../../../assets/images/founders-lightmode.png";
 
-import { Button } from "../components/ui/button/Button";
-import { ThemeContext } from "../context/ThemeContext";
+import { Button } from "../../../components/ui/button/Button";
+import { ThemeContext } from "../../../context/ThemeContext";
 
 export function SectionFounders() {
   const { darkMode } = useContext(ThemeContext);

src/sections/SectionKnowledgers.tsx → src/pages/home/sections/SectionKnowledgers.tsx

@@ -1,7 +1,7 @@
 import React from "react";
-import { Button } from "../components/ui/button/Button";
+import { Button } from "../../../components/ui/button/Button";
 
-import knowledgersImage from "../assets/images/knowledgers.png";
+import knowledgersImage from "../../../assets/images/knowledgers.png";
 
 export function SectionKnowledgers() {
   return (

src/sections/SectionLatestPosts.tsx → src/pages/home/sections/SectionLatestPosts.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 
-import { PostPreview } from "../components/ui/posts/postpreview/PostPreview";
-import { Button } from "../components/ui/button/Button";
+import { PostPreview } from "../../../components/ui/posts/postpreview/PostPreview";
+import { Button } from "../../../components/ui/button/Button";
 
 export function SectionLatestPosts() {
   return (

src/sections/SectionMain.tsx → src/pages/home/sections/SectionMain.tsx

@@ -3,7 +3,7 @@ import React from "react";
 import { CaretRight } from "@phosphor-icons/react";
 import { Link } from "react-router-dom";
 
-import NewLogo from "../assets/images/techknowledge-logo.svg";
+import NewLogo from "../../../assets/images/techknowledge-logo.svg";
 
 export function SectionMain() {
   return (

src/sections/SectionOurPurpose.tsx → src/pages/home/sections/SectionOurPurpose.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { CardOurPurpose } from "../components/ui/cardourpurpose/CardOurPurpose";
+import { CardOurPurpose } from "../../../components/ui/cardourpurpose/CardOurPurpose";
 
 export function SectionOurPurpose() {
   return (

src/sections/SectionTechLab.tsx → src/pages/home/sections/SectionTechLab.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import { CaretRight } from "@phosphor-icons/react";
 import { Link } from "react-router";
-import TechLabImage from "../assets/images/techknowledge-techlab.png";
+import TechLabImage from "../../../assets/images/techknowledge-techlab.png";
 
 export function SectionTechLab() {
   return (