diff --git a/components/navbar-components/NavHeader.jsx b/components/navbar-components/NavHeader.jsx
deleted file mode 100644
index 0aa3c379..00000000
--- a/components/navbar-components/NavHeader.jsx
+++ /dev/null
@@ -1,39 +0,0 @@
-import React from 'react';
-import { Fade as Hamburger } from 'hamburger-react';
-import style from 'styles/NavBar.module.css';
-import NavLinks from './NavLinks';
-
-export default function NavHeader(props) {
-  const { toggleMenu } = props;
-  const { isMenuOpen } = props;
-
-  return (
-    <>
-      <div className={style.navBarHeaderContainer}>
-        <a href="./">
-          <img
-            src="/images/NavigationBar/logo.svg"
-            alt="Zenith Logo"
-            width="150px"
-            height="79px"
-          />
-        </a>
-
-        <NavLinks
-          className={style.navigationHeader}
-        />
-
-        <div className={style.menuIconWrapper}>
-          <Hamburger
-            size={24}
-            color="#ffffff"
-            duration={0.3}
-            toggled={isMenuOpen}
-            toggle={toggleMenu}
-            rounded
-          />
-        </div>
-      </div>
-    </>
-  );
-}
diff --git a/components/navbar-components/NavLinks.jsx b/components/navbar-components/NavLinks.jsx
deleted file mode 100644
index cd38c69f..00000000
--- a/components/navbar-components/NavLinks.jsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import React from 'react';
-import Link from 'next/link';
-import useTranslation from 'next-translate/useTranslation';
-import { navBarItem } from '../../styles/NavBar.module.css';
-
-export default function NavLinks(props) {
-  const { t } = useTranslation();
-  const navTexts = t('common:navBar', { count: -1 }, { returnObjects: true });
-  return (
-    <>
-      <ul className={props.className}>
-        <li className={navBarItem}>
-          <Link href="/zenith">{navTexts[0]}</Link>
-        </li>
-        <li className={navBarItem}>
-          <Link href="/projetos">{navTexts[1]}</Link>
-        </li>
-        <li className={navBarItem}>
-          <Link href="/kurumim">{navTexts[2]}</Link>
-        </li>
-        <li className={navBarItem}>
-          <Link href="/processo-seletivo">{navTexts[3]}</Link>
-        </li>
-        <li className={navBarItem}>
-          <a href="https://ob-site.vercel.app/">{navTexts[4]}</a>
-        </li>
-      </ul>
-    </>
-  );
-}
diff --git a/components/navbar-components/NavMenu.jsx b/components/navbar-components/NavMenu.jsx
deleted file mode 100644
index f069b2a1..00000000
--- a/components/navbar-components/NavMenu.jsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from 'react';
-import NavLinks from './NavLinks';
-import style from 'styles/NavBar.module.css';
-
-export default function NavMenu(props) {
-  return (
-    <div>
-      <NavLinks
-        className={
-          props.isMenuOpen
-            ? style.navigationMenuActive
-            : style.navigationMenuDeactive
-        }
-      />
-    </div>
-  );
-}
diff --git a/components/projects-components/HeroSection.jsx b/components/projects-components/HeroSection.jsx
index 275ba987..08215c1d 100644
--- a/components/projects-components/HeroSection.jsx
+++ b/components/projects-components/HeroSection.jsx
@@ -4,23 +4,25 @@ import styles from 'styles/projects/ProjectHeroSection.module.css';
 export default function HeroSection(props) {
   const backgroundImage = {
     backgroundImage: `${props.backgroundImage}`,
-    backgroundColor: `${props.backgroundColor}`,
+    backgroundColor: `${props.backgroundColor}`
   };
 
-  const { path } = props
+  const { path } = props;
 
   return (
     <div style={backgroundImage} className={styles.heroContainer}>
       <div className={styles.textContainer}>
         <h1>{props.title}</h1>
-        <h2>
-          {props.subtitle}
-        </h2>
+        <h2>{props.subtitle}</h2>
       </div>
-      <div className={styles.imgContainer}>
-        <img alt={"Projeto explodido do cubesat zensat mostrando cada uma de suas placase os paineis laterais"} src={`/images/Projetos/${path}`} />
-      </div>
-
+      {props.page !== 'launches' && (
+        <div className={styles.imgContainer}>
+          <img
+            alt="Projeto explodido do cubesat zensat mostrando cada uma de suas placase os paineis laterais"
+            src={`/images/Projetos/${path}`}
+          />
+        </div>
+      )}
     </div>
   );
 }
diff --git a/locales/en/common.json b/locales/en/common.json
index a56446b9..85ad00b9 100644
--- a/locales/en/common.json
+++ b/locales/en/common.json
@@ -1,7 +1,7 @@
 {
-    "navBar": ["ABOUT US", "PROJECTS", "KURUMIM", "SELECTION PROCESS", "OBSAT"],
-    "footer": {
-        "copyright": "© 2024  Zenith Aerospace",
-        "easterEgg": "MADE WITH TONS OF JAVASCRIPT AND CONFUSION ON DISCORD"
-    }
+  "navBar": ["ABOUT US", "PROJECTS", "KURUMIM", "SELECTION PROCESS", "OBSAT"],
+  "footer": {
+    "copyright": "©Zenith Aerospace",
+    "easterEgg": "MADE WITH TONS OF JAVASCRIPT AND CONFUSION ON DISCORD"
+  }
 }
diff --git a/locales/es/common.json b/locales/es/common.json
index af750480..3af9e5a1 100644
--- a/locales/es/common.json
+++ b/locales/es/common.json
@@ -1,7 +1,7 @@
 {
-    "navBar": ["SOBRE NÓS", "PROJETOS", "KURUMIM", "PROCESSO SELETIVO", "OBSAT"],
-    "footer": {
-        "copyright": "© 2024  Zenith Aerospace",
-        "easterEgg": "FEITO COM MUITO JAVASCRIPT E CONFUSÃO NO DISCORD"
-    }
+  "navBar": ["SOBRE NÓS", "PROJETOS", "KURUMIM", "PROCESSO SELETIVO", "LANÇAMENTOS", "OBSAT"],
+  "footer": {
+    "copyright": "© Zenith Aerospace",
+    "easterEgg": "FEITO COM MUITO JAVASCRIPT E CONFUSÃO NO DISCORD"
+  }
 }
diff --git a/locales/pt/allLaunches.json b/locales/pt/allLaunches.json
index 9dd5e55b..628406d5 100644
--- a/locales/pt/allLaunches.json
+++ b/locales/pt/allLaunches.json
@@ -1,4 +1,12 @@
 {
+  "metaTags": {
+    "pageName": "lançamentos",
+    "lang": "pt",
+    "pageTitle": "Lançamentos",
+    "title": "Lançamentos",
+    "description": "Acompanhe alguns  lançamentos e os dados de cada missão.",
+    "subtitle": "Acompanhe alguns  lançamentos e os dados de cada missão."
+  },
   "allLaunchesPage": {
     "header": {
       "title": "Lançamentos",
diff --git a/locales/pt/common.json b/locales/pt/common.json
index af750480..1ef11b64 100644
--- a/locales/pt/common.json
+++ b/locales/pt/common.json
@@ -1,7 +1,15 @@
 {
-    "navBar": ["SOBRE NÓS", "PROJETOS", "KURUMIM", "PROCESSO SELETIVO", "OBSAT"],
-    "footer": {
-        "copyright": "© 2024  Zenith Aerospace",
-        "easterEgg": "FEITO COM MUITO JAVASCRIPT E CONFUSÃO NO DISCORD"
-    }
+  "navBar": ["SOBRE NÓS", "PROJETOS", "KURUMIM", "PROCESSO SELETIVO", "LANÇAMENTOS", "OBSAT"],
+  "NAVBAR": {
+    "ABOUT_US": "SOBRE NÓS",
+    "PROJECTS": "PROJETOS",
+    "KURUMIM": "KURUMIM",
+    "RECRUITMENT_PROCESS": "PROCESSO SELETIVO",
+    "LAUNCHES": "LANÇAMENTOS",
+    "OBSAT": "OBSAT"
+  },
+  "footer": {
+    "copyright": "© Zenith Aerospace",
+    "easterEgg": "FEITO COM MUITO JAVASCRIPT E CONFUSÃO NO DISCORD"
+  }
 }
diff --git a/pages/index.jsx b/pages/index.jsx
index c3a9922e..d5a26039 100644
--- a/pages/index.jsx
+++ b/pages/index.jsx
@@ -1,26 +1,42 @@
 import React from 'react';
-import NavBar from 'components/navbar-components/NavBar';
+import HeadTags from 'components/general/HeadTags';
 import HighlightsSection from 'components/home-components/highlights-section/HighlightsSection';
 import ProjectBanner from 'components/banners-components/ProjectBanner';
 import SupportersBanner from 'components/banners-components/SupportersBanner';
 import Sectors from 'components/home-components/sectors-section/Sectors';
 import Footer from 'components/Footer';
 import useTranslation from 'next-translate/useTranslation';
-import HeadTags from 'components/general/HeadTags';
+import NavBar from '../src/components/Navbar/NavBar.tsx';
 import HomepageHeroSection from '../components/home-components/HeroSection';
 
 function Home() {
-
   const { t } = useTranslation();
   const metaTags = t('homePage:metaTags', { count: -1 }, { returnObjects: true });
   return (
     <>
-      <HeadTags pageName={metaTags.pageName} title={metaTags.title} description={metaTags.description} pageTitle={metaTags.pageTitle} lang={metaTags.lang} mainPage/>
+      <HeadTags
+        pageName={metaTags.pageName}
+        title={metaTags.title}
+        description={metaTags.description}
+        pageTitle={metaTags.pageTitle}
+        lang={metaTags.lang}
+        mainPage
+      />
       <NavBar />
       <HomepageHeroSection />
       <Sectors />
-      <ProjectBanner textContent={t('homePage:homePageBanners.genus', { count: -1 }, { returnObjects: true })} bgColor={"#605F62"} folderName={"genus-banner"} loop autoPlay />
-      <ProjectBanner textContent={t('homePage:homePageBanners.zenithMonitor', { count: -1 }, { returnObjects: true })} bgColor={"#000000"} folderName={"monitor-banner"} />
+      <ProjectBanner
+        textContent={t('homePage:homePageBanners.genus', { count: -1 }, { returnObjects: true })}
+        bgColor={'#605F62'}
+        folderName={'genus-banner'}
+        loop
+        autoPlay
+      />
+      <ProjectBanner
+        textContent={t('homePage:homePageBanners.zenithMonitor', { count: -1 }, { returnObjects: true })}
+        bgColor={'#000000'}
+        folderName={'monitor-banner'}
+      />
       <HighlightsSection />
       <SupportersBanner textContent={t('homePage:homePageSupporters', { count: -1 }, { returnObjects: true })} />
       <Footer />
@@ -28,6 +44,8 @@ function Home() {
   );
 }
 
-export function getServerSideProps() { return { props: {} }; }
+export function getServerSideProps() {
+  return { props: {} };
+}
 
 export default Home;
diff --git a/pages/kurumim.jsx b/pages/kurumim.jsx
index c290fd4b..9d7da444 100644
--- a/pages/kurumim.jsx
+++ b/pages/kurumim.jsx
@@ -1,116 +1,146 @@
-import React from "react";
+import React from 'react';
 import useTranslation from 'next-translate/useTranslation';
-import NavBar from 'components/navbar-components/NavBar';
 import HeroSection from 'components/general/HeroSection';
 import Footer from 'components/Footer';
-import FormWrapper from "components/general/FormWrapper"
-import CardContainer from "components/general/CardContainer";
-import Card from "components/general/Card";
-import boldParser from "components/utils/boldParser";
-import Config from "configs/configs.json";
+import FormWrapper from 'components/general/FormWrapper';
+import CardContainer from 'components/general/CardContainer';
+import Card from 'components/general/Card';
+import boldParser from 'components/utils/boldParser';
+import Config from 'configs/configs.json';
 import HeadTags from 'components/general/HeadTags';
 import UnderlinedButton from 'components/general/UnderlinedButton';
+import NavBar from '../src/components/Navbar/NavBar.tsx';
 
 function mapTable(content, idx) {
-    if (Array.isArray(content) && content.length === 2) {
-        return <p style={{ fontSize: '0.9em' }} key={idx}><b>{content[0]}</b>: <span>{content[1]}</span></p>;
-    }
+  if (Array.isArray(content) && content.length === 2) {
+    return (
+      <p style={{ fontSize: '0.9em' }} key={idx}>
+        <b>{content[0]}</b>: <span>{content[1]}</span>
+      </p>
+    );
+  }
 
-    return <p style={{ fontSize: '0.9em' }} key={idx}><b>{Array.isArray(content) ? content[0] : content}</b></p>;
+  return (
+    <p style={{ fontSize: '0.9em' }} key={idx}>
+      <b>{Array.isArray(content) ? content[0] : content}</b>
+    </p>
+  );
 }
 
 function mapStylish(content, idx) {
-    // TODO: Put style in class
-    return <p key={idx} style={{ textAlign: 'center', fontWeight: 'lighter' }}>
-        {content.line.map((part, idx) => {
-            if (typeof part === 'number') {
-                return <span key={idx} style={{ fontSize: '2.5rem', fontWeight: '500' }}>{part}</span>
-            } else {
-                return <span key={idx}> {part} </span>
-            }
-        })}
+  // TODO: Put style in class
+  return (
+    <p key={idx} style={{ textAlign: 'center', fontWeight: 'lighter' }}>
+      {content.line.map((part, idx) => {
+        if (typeof part === 'number') {
+          return (
+            <span key={idx} style={{ fontSize: '2.5rem', fontWeight: '500' }}>
+              {part}
+            </span>
+          );
+        } else {
+          return <span key={idx}> {part} </span>;
+        }
+      })}
     </p>
+  );
 }
 
 function Kurumim() {
-    const { t } = useTranslation();
-    const title = t('kurumim:kurumimHero.title');
-    const subtitle = t('kurumim:kurumimHero.subtitle');
-    const TextContent = t('kurumim:cards', { count: -1 }, { returnObjects: true });
-    const metaTags = t('kurumim:metaTags', { count: -1 }, { returnObjects: true });
-    return (
-        <>
-            <HeadTags pageName={metaTags.pageName} title={metaTags.title} description={metaTags.description} pageTitle={metaTags.pageTitle} lang={metaTags.lang}/>
-            <NavBar />
-            <HeroSection
-                backgroundImage="url(../images/Kurumim/header.webp)"
-                title={title}
-                subtitle={subtitle}
-            />
-            <CardContainer>
-                <Card
-                    lean="none"
-                    left={
-                        <>
-                            <h2 className="-homepage-section-title">{TextContent.kurumimCard1.title}</h2>
-                            {TextContent.kurumimCard1.text.map((a, idx) => <p key={idx}>{boldParser(a)}</p>)}
-                        </>
-                    }
-                    right={
-                        <>
-                            <h2 className="-homepage-section-title">{TextContent.kurumimCard2.title}</h2>
-                            {TextContent.kurumimCard2.text.map((a, idx) => <p key={idx}>{boldParser(a)}</p>)}
-                        </>
-                    }
-                    text={'right'}
-                />
-                <picture>
-                    <source media="(max-width: 768px)" srcSet="images/Kurumim/mobilePoster.webp" type="image/webp" />
-                    <img style={{ borderRadius: '0.75rem', width: '100%', margin: '0rem' }} src="../images/Kurumim/capa-kurumim-2026.png" alt="Kurumim 2026 - poster" />
-                </picture>
-                <Card
-                    lean="none"
-                    left={
-                        <>
-                            <h2 className="-homepage-section-title">{TextContent.kurumimCard3.titleSabado}</h2>
-                            {TextContent.kurumimCard3.textSabado.map((a, idx) => <p key={idx}>{boldParser(a)}</p>)}
+  const { t } = useTranslation();
+  const title = t('kurumim:kurumimHero.title');
+  const subtitle = t('kurumim:kurumimHero.subtitle');
+  const TextContent = t('kurumim:cards', { count: -1 }, { returnObjects: true });
+  const metaTags = t('kurumim:metaTags', { count: -1 }, { returnObjects: true });
+  return (
+    <>
+      <HeadTags
+        pageName={metaTags.pageName}
+        title={metaTags.title}
+        description={metaTags.description}
+        pageTitle={metaTags.pageTitle}
+        lang={metaTags.lang}
+      />
+      <NavBar />
+      <HeroSection backgroundImage="url(../images/Kurumim/header.webp)" title={title} subtitle={subtitle} />
+      <CardContainer>
+        <Card
+          lean="none"
+          left={
+            <>
+              <h2 className="-homepage-section-title">{TextContent.kurumimCard1.title}</h2>
+              {TextContent.kurumimCard1.text.map((a, idx) => (
+                <p key={idx}>{boldParser(a)}</p>
+              ))}
+            </>
+          }
+          right={
+            <>
+              <h2 className="-homepage-section-title">{TextContent.kurumimCard2.title}</h2>
+              {TextContent.kurumimCard2.text.map((a, idx) => (
+                <p key={idx}>{boldParser(a)}</p>
+              ))}
+            </>
+          }
+          text={'right'}
+        />
+        <picture>
+          <source media="(max-width: 768px)" srcSet="images/Kurumim/mobilePoster.webp" type="image/webp" />
+          <img
+            style={{ borderRadius: '0.75rem', width: '100%', margin: '0rem' }}
+            src="../images/Kurumim/capa-kurumim-2026.png"
+            alt="Kurumim 2026 - poster"
+          />
+        </picture>
+        <Card
+          lean="none"
+          left={
+            <>
+              <h2 className="-homepage-section-title">{TextContent.kurumimCard3.titleSabado}</h2>
+              {TextContent.kurumimCard3.textSabado.map((a, idx) => (
+                <p key={idx}>{boldParser(a)}</p>
+              ))}
 
-                            <h2 className="-homepage-section-title">{TextContent.kurumimCard3.titleParticipacao}</h2>
-                            {TextContent.kurumimCard3.detailParticipacao.map((a, idx) => <p key={idx}>{boldParser(a)}</p>)}
-                            
-                        </>
-                    }
-                    right={
-                        <>
-                            <h2 className="-homepage-section-title">{TextContent.kurumimCard4.titleDates}</h2>
-                            {TextContent.kurumimCard4.text.map((a, idx) => mapTable(a, idx))}
-                            <h2 className="-homepage-section-title">{TextContent.kurumimCard4.linksTitle}</h2>
-                            <div style={{display:"flex",flexDirection:"row"}}>
-                                <UnderlinedButton link={'https://drive.google.com/file/d/1dL26c7MvemdJ7or_wSK5g-TOPspCp3Ye/view'} label={TextContent.kurumimCard4.linkEdital} dark/>
-                            </div>
-                        </>
-                    }
-                    text={'right'}
+              <h2 className="-homepage-section-title">{TextContent.kurumimCard3.titleParticipacao}</h2>
+              {TextContent.kurumimCard3.detailParticipacao.map((a, idx) => (
+                <p key={idx}>{boldParser(a)}</p>
+              ))}
+            </>
+          }
+          right={
+            <>
+              <h2 className="-homepage-section-title">{TextContent.kurumimCard4.titleDates}</h2>
+              {TextContent.kurumimCard4.text.map((a, idx) => mapTable(a, idx))}
+              <h2 className="-homepage-section-title">{TextContent.kurumimCard4.linksTitle}</h2>
+              <div style={{ display: 'flex', flexDirection: 'row' }}>
+                <UnderlinedButton
+                  link={'https://drive.google.com/file/d/1dL26c7MvemdJ7or_wSK5g-TOPspCp3Ye/view'}
+                  label={TextContent.kurumimCard4.linkEdital}
+                  dark
                 />
-                
-                {(Config.kurumimOpen)
-                        ? <>
-                            <div style={{ display: 'flex', justifyContent: 'center' }}>
-                                <UnderlinedButton
-                                    link={Config.kurumimForms}
-                                    label={'Abrir formulário em nova guia'}
-                                    dark
-                                />
-                            </div>
-                            <FormWrapper className={'-section'} link={Config.kurumimForms} />
-                        </>
-                    : <> </>
-                }
-            </CardContainer>
-            <Footer />
-        </>
-    );
+              </div>
+            </>
+          }
+          text={'right'}
+        />
+
+        {Config.kurumimOpen ? (
+          <>
+            <div style={{ display: 'flex', justifyContent: 'center' }}>
+              <UnderlinedButton link={Config.kurumimForms} label={'Abrir formulário em nova guia'} dark />
+            </div>
+            <FormWrapper className={'-section'} link={Config.kurumimForms} />
+          </>
+        ) : (
+          <> </>
+        )}
+      </CardContainer>
+      <Footer />
+    </>
+  );
+}
+export function getServerSideProps() {
+  return { props: {} };
 }
-export function getServerSideProps() { return { props: {} }; }
 
 export default Kurumim;
diff --git a/pages/launches/[launchName].tsx b/pages/launches/[launchName].tsx
index ac4d1bc2..c6384a29 100644
--- a/pages/launches/[launchName].tsx
+++ b/pages/launches/[launchName].tsx
@@ -1,6 +1,5 @@
 import React, { useEffect, useMemo, useState } from 'react';
 import { useRouter } from 'next/router';
-import Link from 'next/link';
 import ArrowBackIcon from '@mui/icons-material/ArrowBack';
 import { Alert, Box, Button, Card, CardContent, Chip, CircularProgress, Container, Stack, Typography } from '@mui/material';
 import {
@@ -83,8 +82,7 @@ export default function LaunchDetailsPage() {
       <Container maxWidth="xl" sx={{ py: 2 }}>
         <Stack spacing={1}>
           <Button
-            component={Link}
-            href="/launches"
+            onClick={() => router.back()}
             startIcon={<ArrowBackIcon />}
             sx={{ width: 'fit-content', margin: 0, padding: 0 }}
           >
diff --git a/pages/launches/index.tsx b/pages/launches/index.tsx
index f21cd548..21619b34 100644
--- a/pages/launches/index.tsx
+++ b/pages/launches/index.tsx
@@ -6,8 +6,13 @@ import { Alert, Box, CircularProgress, Container, Stack, Typography } from '@mui
 import type {} from '@mui/lab/themeAugmentation';
 import useTranslation from 'next-translate/useTranslation';
 import LaunchSummaryCard from '@/src/components/LaunchCard/LaunchSummaryCard';
+import HeadTags from '@/components/general/HeadTags';
+import NavBar from '@/src/components/Navbar/NavBar';
+import HeroSection from '@/components/projects-components/HeroSection';
+import { LOCALE } from '@/src/shared/consts/locales.const';
 
 const SELECTED_LAUNCH_STORAGE_KEY = 'zenith-selected-launch';
+const SCROLL_POSITION_KEY = 'zenith-launches-scroll';
 
 // TODO mover textos para arquivo de tradução
 export default function LaunchesPage() {
@@ -18,58 +23,84 @@ export default function LaunchesPage() {
   const launchesTitle = t('allLaunches:allLaunchesPage.header.title');
   const launchesDescription = t('allLaunches:allLaunchesPage.header.description');
 
-  useEffect(() => {}, [isLoadingAllLaunches, launches]);
+  useEffect(() => {
+    if (isLoadingAllLaunches || launches.length === 0) return;
+
+    const savedScroll = sessionStorage.getItem(SCROLL_POSITION_KEY);
+    if (savedScroll) {
+      window.scrollTo({ top: parseInt(savedScroll), behavior: 'instant' });
+      sessionStorage.removeItem(SCROLL_POSITION_KEY);
+    }
+  }, [isLoadingAllLaunches, launches]);
 
   const handleLaunchDetails = (launch: (typeof launches)[number]) => {
     sessionStorage.setItem(SELECTED_LAUNCH_STORAGE_KEY, JSON.stringify(launch));
+    sessionStorage.setItem(SCROLL_POSITION_KEY, String(window.scrollY));
     router.push(`/launches/${slugifyLaunchName(launch.name)}`);
   };
 
   return (
-    <Container maxWidth="lg" sx={{ py: 6 }}>
-      <Stack spacing={1} sx={{ mb: 4 }}>
-        <Typography variant="h3" component="h1" sx={{ fontWeight: 800 }}>
-          {launchesTitle}
-        </Typography>
-        <Typography variant="body1" color="text.secondary">
-          {launchesDescription}
-        </Typography>
-      </Stack>
+    <>
+      <HeadTags
+        pageName={t(LOCALE.LAUNCHES.META_TAGS.PAGE_NAME)}
+        title={t(LOCALE.LAUNCHES.META_TAGS.TITLE)}
+        description={t(LOCALE.LAUNCHES.META_TAGS.DESCRIPTION)}
+        pageTitle={t(LOCALE.LAUNCHES.META_TAGS.PAGE_TITLE)}
+        lang={t(LOCALE.LAUNCHES.META_TAGS.LANG)}
+      />
+      <NavBar />
+      <HeroSection
+        backgroundImage="url(../images/Projetos/SondasAeroespaciais/Garatéa-II/photo4.webp)"
+        title={t(LOCALE.LAUNCHES.META_TAGS.TITLE)}
+        subtitle={t(LOCALE.LAUNCHES.META_TAGS.SUBTITLE)}
+        page="launches"
+      />
+      <Container maxWidth="lg" sx={{ py: 6 }}>
+        {/* <Stack spacing={1} sx={{ mb: 4 }}>
+          <Typography variant="h3" component="h1" sx={{ fontWeight: 800 }}>
+            {launchesTitle}
+          </Typography>
+          <Typography variant="body1" color="text.secondary">
+            {launchesDescription}
+          </Typography>
+        </Stack> */}
 
-      {error && (
-        <Alert severity="error" sx={{ mb: 3 }}>
-          {error}
-        </Alert>
-      )}
+        {error && (
+          <Alert severity="error" sx={{ mb: 3 }}>
+            {error}
+          </Alert>
+        )}
 
-      {isLoadingAllLaunches && (
-        <Box sx={{ display: 'flex', justifyContent: 'center', py: 10 }}>
-          <CircularProgress />
-        </Box>
-      )}
+        {isLoadingAllLaunches && (
+          <Box sx={{ display: 'flex', justifyContent: 'center', py: 10 }}>
+            <CircularProgress />
+          </Box>
+        )}
 
-      {!isLoadingAllLaunches && launches.length === 0 && <Alert severity="info">Nenhum lançamento encontrado.</Alert>}
+        {!isLoadingAllLaunches && launches.length === 0 && <Alert severity="info">Nenhum lançamento encontrado.</Alert>}
 
-      {!isLoadingAllLaunches && launches.length > 0 && (
-        <Box
-          sx={{
-            display: 'grid',
-            gap: 3,
-            gridTemplateColumns: {
-              xs: '1fr',
-              sm: 'repeat(2, minmax(0, 1fr))',
-              md: 'repeat(2, minmax(0, 1fr))'
-            }
-          }}>
-          {launches.map((launch) => (
-            <LaunchSummaryCard
-              key={`${launch.name}-${launch.launch_datetime}`}
-              launch={launch}
-              onDetailsClick={handleLaunchDetails}
-            />
-          ))}
-        </Box>
-      )}
-    </Container>
+        {!isLoadingAllLaunches && launches.length > 0 && (
+          <Box
+            sx={{
+              display: 'grid',
+              gap: 3,
+              gridTemplateColumns: {
+                xs: '1fr',
+                sm: 'repeat(2, minmax(0, 1fr))',
+                md: 'repeat(2, minmax(0, 1fr))'
+              }
+            }}
+          >
+            {launches.map((launch) => (
+              <LaunchSummaryCard
+                key={`${launch.name}-${launch.launch_datetime}`}
+                launch={launch}
+                onDetailsClick={handleLaunchDetails}
+              />
+            ))}
+          </Box>
+        )}
+      </Container>
+    </>
   );
 }
diff --git a/pages/processo-seletivo.jsx b/pages/processo-seletivo.jsx
index ed222da2..aea1ac6a 100644
--- a/pages/processo-seletivo.jsx
+++ b/pages/processo-seletivo.jsx
@@ -1,81 +1,87 @@
-import React from "react";
+import React from 'react';
 import useTranslation from 'next-translate/useTranslation';
-import NavBar from 'components/navbar-components/NavBar';
 import HeroSection from 'components/general/HeroSection';
 import Footer from 'components/Footer';
-import CardContainer from "components/general/CardContainer";
-import FormWrapper from "components/general/FormWrapper"
-import Card from "components/general/Card";
-import boldParser from "components/utils/boldParser";
-import Config from "configs/configs.json";
+import CardContainer from 'components/general/CardContainer';
+import FormWrapper from 'components/general/FormWrapper';
+import Card from 'components/general/Card';
+import boldParser from 'components/utils/boldParser';
+import Config from 'configs/configs.json';
 import styles from 'styles/ProcessoSeletivo.module.css';
 import HeadTags from 'components/general/HeadTags';
+import NavBar from '../src/components/Navbar/NavBar.tsx';
 
 function mapTable(content, idx) {
-    return <p className={styles.cronogram} key={idx}><b>{content[0]}</b>: <span key={idx}>{content[1]}</span></p>;
+  return (
+    <p className={styles.cronogram} key={idx}>
+      <b>{content[0]}</b>: <span key={idx}>{content[1]}</span>
+    </p>
+  );
 }
 
 function ProcessoSeletivo() {
-    const { t } = useTranslation();
-    const title = t('processoSeletivo:processoSeletivoHero.title');
-    const subtitle = t('processoSeletivo:processoSeletivoHero.subtitle');
-    const TextContent = t('processoSeletivo:cards', { count: -1 }, { returnObjects: true });
-    const metaTags = t('processoSeletivo:metaTags', { count: -1 }, { returnObjects: true });
-    return (
-        <>
-            <HeadTags pageName={metaTags.pageName} title={metaTags.title} description={metaTags.description} pageTitle={metaTags.pageTitle} lang={metaTags.lang}/>
-            <NavBar />
-            <HeroSection
-                backgroundImage="url(../images/ProcessoSeletivo/header.webp)"
-                title={title}
-                subtitle={subtitle}
-            />
-            <CardContainer>
-                <Card
-                    left={<img src="../images/ProcessoSeletivo/Card-1.webp" alt="Processo Seletivo Card" />}
-                    right={
-                        <>
-                            <h2>{TextContent.processoSeletivoCard1.title}</h2>
-                            {TextContent.processoSeletivoCard1.text.map((a, idx) => <p key={idx}>{boldParser(a)}</p>)}
+  const { t } = useTranslation();
+  const title = t('processoSeletivo:processoSeletivoHero.title');
+  const subtitle = t('processoSeletivo:processoSeletivoHero.subtitle');
+  const TextContent = t('processoSeletivo:cards', { count: -1 }, { returnObjects: true });
+  const metaTags = t('processoSeletivo:metaTags', { count: -1 }, { returnObjects: true });
+  return (
+    <>
+      <HeadTags
+        pageName={metaTags.pageName}
+        title={metaTags.title}
+        description={metaTags.description}
+        pageTitle={metaTags.pageTitle}
+        lang={metaTags.lang}
+      />
+      <NavBar />
+      <HeroSection backgroundImage="url(../images/ProcessoSeletivo/header.webp)" title={title} subtitle={subtitle} />
+      <CardContainer>
+        <Card
+          left={<img src="../images/ProcessoSeletivo/Card-1.webp" alt="Processo Seletivo Card" />}
+          right={
+            <>
+              <h2>{TextContent.processoSeletivoCard1.title}</h2>
+              {TextContent.processoSeletivoCard1.text.map((a, idx) => (
+                <p key={idx}>{boldParser(a)}</p>
+              ))}
+            </>
+          }
+          text={'right'}
+        />
 
-                        </>
-                    }
-                    text={'right'}
-                />
-
-                <Card
-                    left={
-                        <>
-                            <h2>{TextContent.processoSeletivoCard2.title}</h2>
-                            <p>{boldParser(TextContent.processoSeletivoCard2.detail)}</p>
-                            {TextContent.processoSeletivoCard2.text.map((a, idx) => mapTable(a, idx))}
-
-                        </>
-                    }
-                    right={<img src="../images/ProcessoSeletivo/Card-2.webp" alt="Processo Seletivo Card" />}
-                    text={'left'}
-                />
-                <Card
-                    left={<img src="../images/ProcessoSeletivo/Card-3.webp" alt="Processo Seletivo Card" />}
-                    right={
-                        <>
-                            <h2>{TextContent.processoSeletivoCard3.title}</h2>
-                            {TextContent.processoSeletivoCard3.text.map((a, idx) => <p key={idx}>{boldParser(a)}</p>)}
-
-                        </>
-                    }
-                    text={'right'}
-                />
-                {(Config.processoSeletivoOpen)
-                    ? <FormWrapper className={'-section'} link={Config.processoSeletivoForms} />
-                    : <> </>
-                }
-            </CardContainer>
-            <Footer />
-        </>
-    );
+        <Card
+          left={
+            <>
+              <h2>{TextContent.processoSeletivoCard2.title}</h2>
+              <p>{boldParser(TextContent.processoSeletivoCard2.detail)}</p>
+              {TextContent.processoSeletivoCard2.text.map((a, idx) => mapTable(a, idx))}
+            </>
+          }
+          right={<img src="../images/ProcessoSeletivo/Card-2.webp" alt="Processo Seletivo Card" />}
+          text={'left'}
+        />
+        <Card
+          left={<img src="../images/ProcessoSeletivo/Card-3.webp" alt="Processo Seletivo Card" />}
+          right={
+            <>
+              <h2>{TextContent.processoSeletivoCard3.title}</h2>
+              {TextContent.processoSeletivoCard3.text.map((a, idx) => (
+                <p key={idx}>{boldParser(a)}</p>
+              ))}
+            </>
+          }
+          text={'right'}
+        />
+        {Config.processoSeletivoOpen ? <FormWrapper className={'-section'} link={Config.processoSeletivoForms} /> : <> </>}
+      </CardContainer>
+      <Footer />
+    </>
+  );
 }
 
-export function getServerSideProps() { return { props: {} }; }
+export function getServerSideProps() {
+  return { props: {} };
+}
 
 export default ProcessoSeletivo;
diff --git a/pages/projetos.jsx b/pages/projetos.jsx
index 03893402..629717ed 100644
--- a/pages/projetos.jsx
+++ b/pages/projetos.jsx
@@ -1,10 +1,10 @@
 import React from 'react';
-import NavBar from 'components/navbar-components/NavBar';
 import useTranslation from 'next-translate/useTranslation';
 import HeroSection from 'components/projects-components/HeroSection';
 import ProjectTab from 'components/projects-components/ProjectTab';
 import Footer from 'components/Footer';
 import HeadTags from 'components/general/HeadTags';
+import NavBar from '../src/components/Navbar/NavBar.tsx';
 
 function Projetos() {
   const { t } = useTranslation();
@@ -13,20 +13,23 @@ function Projetos() {
   const metaTags = t('projetos:metaTags', { count: -1 }, { returnObjects: true });
   return (
     <>
-      <HeadTags pageName={metaTags.pageName} title={metaTags.title} description={metaTags.description} pageTitle={metaTags.pageTitle} lang={metaTags.lang}/>
-      <NavBar />
-      <HeroSection
-        backgroundColor="#000000"
-        title={title}
-        subtitle={subtitle}
-        path={"Hero/render.webp"}
+      <HeadTags
+        pageName={metaTags.pageName}
+        title={metaTags.title}
+        description={metaTags.description}
+        pageTitle={metaTags.pageTitle}
+        lang={metaTags.lang}
       />
+      <NavBar />
+      <HeroSection backgroundColor="#000000" title={title} subtitle={subtitle} path={'Hero/render.webp'} />
       <ProjectTab />
       <Footer />
     </>
   );
 }
 
-export function getServerSideProps() { return { props: {} }; }
+export function getServerSideProps() {
+  return { props: {} };
+}
 
 export default Projetos;
diff --git a/pages/zenith.jsx b/pages/zenith.jsx
index babedd02..cf1e1db7 100644
--- a/pages/zenith.jsx
+++ b/pages/zenith.jsx
@@ -1,101 +1,112 @@
-import React from "react";
+import React from 'react';
 import useTranslation from 'next-translate/useTranslation';
-import NavBar from 'components/navbar-components/NavBar';
 import Footer from 'components/Footer';
 import HeroSection from 'components/general/HeroSection';
 import ImageComponent from 'components/zenith-page-components/ImageComponent';
 import UnderlinedButton from 'components/general/UnderlinedButton';
-import Card from "components/general/Card";
-import CardContainer from "components/general/CardContainer";
-import TextWithIcons from "components/general/TextWithIcons";
-import boldParser from "components/utils/boldParser";
+import Card from 'components/general/Card';
+import CardContainer from 'components/general/CardContainer';
+import TextWithIcons from 'components/general/TextWithIcons';
+import boldParser from 'components/utils/boldParser';
 import HeadTags from 'components/general/HeadTags';
+import NavBar from '../src/components/Navbar/NavBar.tsx';
 
 const icons = ['sat.svg', 'sci.svg', 'ppl.svg', 'pro.svg'];
 
 function Zenith() {
-    const { t } = useTranslation();
-    const title = t('oZenith:oZenithHero.title');
-    const subtitle = t('oZenith:oZenithHero.subtitle');
-    const array = t('oZenith:oZenithHero.array', { count: -1 }, { returnObjects: true });
-    const card1 = t('oZenith:oZenithCard1', { count: -1 }, { returnObjects: true });
-    const card2 = t('oZenith:oZenithCard2', { count: -1 }, { returnObjects: true });
-    const card3 = t('oZenith:oZenithCard3', { count: -1 }, { returnObjects: true });
-    const card4 = t('oZenith:oZenithCard4', { count: -1 }, { returnObjects: true });
-    const metaTags = t('oZenith:metaTags', { count: -1 }, { returnObjects: true });
+  const { t } = useTranslation();
+  const title = t('oZenith:oZenithHero.title');
+  const subtitle = t('oZenith:oZenithHero.subtitle');
+  const array = t('oZenith:oZenithHero.array', { count: -1 }, { returnObjects: true });
+  const card1 = t('oZenith:oZenithCard1', { count: -1 }, { returnObjects: true });
+  const card2 = t('oZenith:oZenithCard2', { count: -1 }, { returnObjects: true });
+  const card3 = t('oZenith:oZenithCard3', { count: -1 }, { returnObjects: true });
+  const card4 = t('oZenith:oZenithCard4', { count: -1 }, { returnObjects: true });
+  const metaTags = t('oZenith:metaTags', { count: -1 }, { returnObjects: true });
 
-    return (
-        <>
-            <HeadTags pageName={metaTags.pageName} title={metaTags.title} description={metaTags.description} pageTitle={metaTags.pageTitle} lang={metaTags.lang}/>
-            <NavBar />
-            <HeroSection
-                backgroundImage="url(../images/Zenith/Header.webp)"
-                title={title}
-                subtitle={subtitle}
-                array={array}
-            />
-            <CardContainer>
-                <Card
-                    left={<img src="../images/Zenith/Card-1.webp" alt="Students working" />}
-                    right={
-                        <>
-                            <h2 className="-homepage-section-title">{card1.title}</h2>
-                            <TextWithIcons content={{ title: "", text: card1.text[0] }} index={0} icons={icons} />
-                            <br />
-                            <p>{card1.text[1]}</p>
-                        </>
-                    }
-                    text={'right'}
-                />
-            </CardContainer>
+  return (
+    <>
+      <HeadTags
+        pageName={metaTags.pageName}
+        title={metaTags.title}
+        description={metaTags.description}
+        pageTitle={metaTags.pageTitle}
+        lang={metaTags.lang}
+      />
+      <NavBar />
+      <HeroSection backgroundImage="url(../images/Zenith/Header.webp)" title={title} subtitle={subtitle} array={array} />
+      <CardContainer>
+        <Card
+          left={<img src="../images/Zenith/Card-1.webp" alt="Students working" />}
+          right={
+            <>
+              <h2 className="-homepage-section-title">{card1.title}</h2>
+              <TextWithIcons content={{ title: '', text: card1.text[0] }} index={0} icons={icons} />
+              <br />
+              <p>{card1.text[1]}</p>
+            </>
+          }
+          text={'right'}
+        />
+      </CardContainer>
 
-            <ImageComponent
-                images={["/images/Zenith/photo1.webp", "/images/Zenith/photo2.webp"]}
-                alt={["Mulher com camisa com o logo da EESC-USP", "Homem programando em seu notebook"]}
-            />
-            <CardContainer>
-                <Card
-                    lean="left"
-                    left={
-                        <>
-                            <h2 className="-homepage-section-title">{card2.title}</h2>
-                            {card2.text.map((a, idx) => <p key={idx}>{boldParser(a)}</p>)}
-                        </>
-                    }
-                    right={<img src="../images/Zenith/Card-2.webp" alt="Image from space" />}
-                    text={'left'}
-                />
+      <ImageComponent
+        images={['/images/Zenith/photo1.webp', '/images/Zenith/photo2.webp']}
+        alt={['Mulher com camisa com o logo da EESC-USP', 'Homem programando em seu notebook']}
+      />
+      <CardContainer>
+        <Card
+          lean="left"
+          left={
+            <>
+              <h2 className="-homepage-section-title">{card2.title}</h2>
+              {card2.text.map((a, idx) => (
+                <p key={idx}>{boldParser(a)}</p>
+              ))}
+            </>
+          }
+          right={<img src="../images/Zenith/Card-2.webp" alt="Image from space" />}
+          text={'left'}
+        />
 
-                <Card
-                    lean="left"
-                    left={<img src="../images/Zenith/Card-3.webp" alt="Board stack" />}
-                    right={
-                        <>
-                            <h2 className="-homepage-section-title">{card3.title}</h2>
-                            {card3.text.map((c, i) => <TextWithIcons content={c} key={i} index={i + 1} icons={icons} />)}
-                            <br />
-                        </>
-                    }
-                />
+        <Card
+          lean="left"
+          left={<img src="../images/Zenith/Card-3.webp" alt="Board stack" />}
+          right={
+            <>
+              <h2 className="-homepage-section-title">{card3.title}</h2>
+              {card3.text.map((c, i) => (
+                <TextWithIcons content={c} key={i} index={i + 1} icons={icons} />
+              ))}
+              <br />
+            </>
+          }
+        />
 
-                <Card
-                    lean="left"
-                    right={<img src="../images/Zenith/Card-4.webp" alt="Joãozinho" />}
-                    left={
-                        <>
-                            <h2 className="-homepage-section-title">{card4.title}</h2>
-                            {card4.text.map((a, idx) => <p key={idx}>{boldParser(a)}</p>)}
-                            {card4.links.map((l, idx) => <UnderlinedButton key={idx} link={l.url} label={l.text} dark />)}
-                        </>
-                    }
-                    text={'left'}
-                />
-            </CardContainer>
-            <Footer />
-        </>
-    );
+        <Card
+          lean="left"
+          right={<img src="../images/Zenith/Card-4.webp" alt="Joãozinho" />}
+          left={
+            <>
+              <h2 className="-homepage-section-title">{card4.title}</h2>
+              {card4.text.map((a, idx) => (
+                <p key={idx}>{boldParser(a)}</p>
+              ))}
+              {card4.links.map((l, idx) => (
+                <UnderlinedButton key={idx} link={l.url} label={l.text} dark />
+              ))}
+            </>
+          }
+          text={'left'}
+        />
+      </CardContainer>
+      <Footer />
+    </>
+  );
 }
 
-export function getServerSideProps() { return { props: {} }; }
+export function getServerSideProps() {
+  return { props: {} };
+}
 
 export default Zenith;
diff --git a/src/components/LaunchCard/LaunchSummaryCard.tsx b/src/components/LaunchCard/LaunchSummaryCard.tsx
index db646300..2940192a 100644
--- a/src/components/LaunchCard/LaunchSummaryCard.tsx
+++ b/src/components/LaunchCard/LaunchSummaryCard.tsx
@@ -34,7 +34,7 @@ export default function LaunchSummaryCard({ launch, onDetailsClick }: LaunchSumm
       </CardContent>
       <CardActions sx={{ justifyContent: 'flex-end' }}>
         <Button size="small" endIcon={<ChevronRightIcon />} onClick={() => onDetailsClick(launch)}>
-          Ver detalhes
+          Ver trajetória
         </Button>
       </CardActions>
     </Card>
diff --git a/components/navbar-components/NavBar.jsx b/src/components/Navbar/NavBar.tsx
similarity index 51%
rename from components/navbar-components/NavBar.jsx
rename to src/components/Navbar/NavBar.tsx
index 09380ceb..06e95995 100644
--- a/components/navbar-components/NavBar.jsx
+++ b/src/components/Navbar/NavBar.tsx
@@ -1,38 +1,20 @@
 import React, { useState, useEffect } from 'react';
 import NavHeader from './NavHeader';
-import NavMenu from './NavMenu';
 import style from 'styles/NavBar.module.css';
 
-function NavBar(props) {
-  const [menu, setMenuState] = useState(false);
-  const [scrollDir, setScrollDir] = useState('top');
-
-  const toggleMenu = (open) => {
-    setMenuState(open);
-  };
-
-  useEffect(() => {
-    const closeMenu = () => {
-      toggleMenu(false);
-    };
-
-    window.addEventListener('resize', closeMenu);
-
-    return () => window.removeEventListener('resize', closeMenu);
-  }, []);
+export default function NavBar() {
+  const [scrollDir, setScrollDir] = useState<'top' | 'up' | 'down'>('top');
 
   useEffect(() => {
-    toggleMenu(false);
     const threshold = 5;
-    const topThreshHold = 90;
-
+    const topThreshold = 90;
     let lastYPos = window.pageYOffset;
     let ticking = false;
 
     const updateScrollDir = () => {
       const currYPos = window.pageYOffset;
 
-      if (currYPos > topThreshHold) {
+      if (currYPos > topThreshold) {
         if (Math.abs(currYPos - lastYPos) < threshold) {
           ticking = false;
           return;
@@ -53,30 +35,16 @@ function NavBar(props) {
     };
 
     window.addEventListener('scroll', onScroll);
-
     return () => window.removeEventListener('scroll', onScroll);
-  }, [scrollDir]);
+  }, []);
 
   return (
-    <div
-      className={
-        scrollDir === 'down'
-          ? style.navBarContainerDeactive
-          : style.navBarContainerActive
-      }>
+    <div className={scrollDir === 'down' ? style.navBarContainerDeactive : style.navBarContainerActive}>
       <div
         className={style.navBarContainerBackground}
-        style={{
-          backgroundColor: scrollDir === 'top' ? 'transparent' : 'black',
-        }}
-      />
-      <NavHeader
-        toggleMenu={toggleMenu}
-        isMenuOpen={menu}
+        style={{ backgroundColor: scrollDir === 'top' ? 'transparent' : 'black' }}
       />
-      <NavMenu isMenuOpen={menu} />
+      <NavHeader />
     </div>
   );
 }
-
-export default NavBar;
diff --git a/src/components/Navbar/NavHeader.tsx b/src/components/Navbar/NavHeader.tsx
new file mode 100644
index 00000000..7100cb15
--- /dev/null
+++ b/src/components/Navbar/NavHeader.tsx
@@ -0,0 +1,80 @@
+import React, { useState } from 'react';
+import { AppBar, Toolbar, Box, Menu, List, IconButton } from '@mui/material';
+import MenuIcon from '@mui/icons-material/Menu';
+import CloseIcon from '@mui/icons-material/Close';
+import NavLinks from './NavLinks';
+
+export default function NavHeader() {
+  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);
+  const menuOpen = Boolean(anchorEl);
+
+  const handleOpen = (event: React.MouseEvent<HTMLElement>) => setAnchorEl(event.currentTarget);
+  const handleClose = () => setAnchorEl(null);
+
+  return (
+    <>
+      <AppBar position="relative" elevation={0} sx={appBarSx}>
+        <Toolbar sx={toolbarSx}>
+          <a href="./">
+            <img src="/images/NavigationBar/logo.svg" alt="Zenith Logo" width="150px" height="79px" />
+          </a>
+
+          <Box sx={desktopNavSx}>
+            <NavLinks />
+          </Box>
+
+          <IconButton
+            onClick={menuOpen ? handleClose : handleOpen}
+            sx={menuButtonSx}
+            aria-label={menuOpen ? 'fechar menu' : 'abrir menu'}
+          >
+            {menuOpen ? <CloseIcon fontSize="large" /> : <MenuIcon fontSize="large" />}
+          </IconButton>
+        </Toolbar>
+      </AppBar>
+
+      <Menu
+        anchorEl={anchorEl}
+        open={menuOpen}
+        onClose={handleClose}
+        slotProps={menuSlotProps}
+        transformOrigin={{ horizontal: 'right', vertical: 'top' }}
+        anchorOrigin={{ horizontal: 'right', vertical: 'bottom' }}
+      >
+        <List sx={menuListSx} aria-label="links de navegação">
+          <NavLinks mobile onNavigate={handleClose} />
+        </List>
+      </Menu>
+    </>
+  );
+}
+
+const appBarSx = {
+  backgroundColor: 'transparent',
+  zIndex: 3
+};
+
+const toolbarSx = {
+  justifyContent: 'space-between',
+  alignItems: 'center',
+  px: { xs: '1.5em', md: '2em' },
+  height: '90px',
+  minHeight: '90px !important'
+};
+
+const desktopNavSx = { display: { xs: 'none', md: 'flex' } };
+
+const menuButtonSx = { display: { xs: 'flex', md: 'none' }, color: 'white' };
+
+const menuSlotProps = {
+  paper: {
+    sx: {
+      backgroundColor: 'black',
+      width: '100vw',
+      maxWidth: '100vw',
+      left: '0 !important'
+    }
+  }
+};
+
+const menuListSx = { backgroundColor: 'black', width: '100%' };
diff --git a/src/components/Navbar/NavLinks.tsx b/src/components/Navbar/NavLinks.tsx
new file mode 100644
index 00000000..29f1134b
--- /dev/null
+++ b/src/components/Navbar/NavLinks.tsx
@@ -0,0 +1,53 @@
+import React from 'react';
+import Link from 'next/link';
+import useTranslation from 'next-translate/useTranslation';
+import { Box, Button, ListItem } from '@mui/material';
+import { NAV_LINKS } from '@/src/shared/consts/navLinks.const';
+
+interface NavLinksProps {
+  mobile?: boolean;
+  onNavigate?: () => void;
+  sx?: object;
+}
+
+export default function NavLinks({ mobile, onNavigate, sx }: NavLinksProps) {
+  const { t } = useTranslation();
+
+  const buttonSx = {
+    color: 'white',
+    fontWeight: 300,
+    fontSize: '18px',
+    textTransform: 'none',
+    '&:hover': { color: 'lightgray', backgroundColor: 'transparent' }
+  };
+
+  const mobileItemSx = {
+    borderBottom: '1px solid rgba(169, 169, 169, 0.3)',
+    py: '1.2em',
+    px: '1.5em'
+  };
+
+  if (mobile) {
+    return (
+      <>
+        {NAV_LINKS.map((link) => (
+          <ListItem key={link.href} sx={mobileItemSx}>
+            <Button component={link.external ? 'a' : Link} href={link.href} onClick={onNavigate} disableRipple sx={buttonSx}>
+              {t(link.labelKey)}
+            </Button>
+          </ListItem>
+        ))}
+      </>
+    );
+  }
+
+  return (
+    <Box component="nav" sx={{ display: 'flex', gap: 1, ...sx }}>
+      {NAV_LINKS.map((link) => (
+        <Button key={link.href} component={link.external ? 'a' : Link} href={link.href} disableRipple sx={buttonSx}>
+          {t(link.labelKey)}
+        </Button>
+      ))}
+    </Box>
+  );
+}
diff --git a/src/shared/consts/locales.const.ts b/src/shared/consts/locales.const.ts
new file mode 100644
index 00000000..b6e72d80
--- /dev/null
+++ b/src/shared/consts/locales.const.ts
@@ -0,0 +1,14 @@
+export const LAUNCHES = {
+  META_TAGS: {
+    PAGE_NAME: 'allLaunches:metaTags.pageName',
+    LANG: 'allLaunches:metaTags.lang',
+    PAGE_TITLE: 'allLaunches:metaTags.pageTitle',
+    TITLE: 'allLaunches:metaTags.title',
+    DESCRIPTION: 'allLaunches:metaTags.description',
+    SUBTITLE: 'allLaunches:metaTags.subtitle'
+  }
+} as const;
+
+export const LOCALE = {
+  LAUNCHES
+};
diff --git a/src/shared/consts/navLinks.const.ts b/src/shared/consts/navLinks.const.ts
new file mode 100644
index 00000000..62d415ee
--- /dev/null
+++ b/src/shared/consts/navLinks.const.ts
@@ -0,0 +1,14 @@
+type NavLinkType = {
+  href: string;
+  labelKey: string;
+  external?: boolean;
+};
+
+export const NAV_LINKS: readonly NavLinkType[] = [
+  { href: '/zenith', labelKey: 'common:NAVBAR.ABOUT_US' },
+  { href: '/projetos', labelKey: 'common:NAVBAR.PROJECTS' },
+  { href: '/kurumim', labelKey: 'common:NAVBAR.KURUMIM' },
+  { href: '/processo-seletivo', labelKey: 'common:NAVBAR.RECRUITMENT_PROCESS' },
+  { href: '/launches', labelKey: 'common:NAVBAR.LAUNCHES' }
+  // { href: 'https://ob-site.vercel.app/', labelKey: 'common:NAVBAR.OBSAT', external: true }
+] as const;
diff --git a/styles/projects/ProjectHeroSection.module.css b/styles/projects/ProjectHeroSection.module.css
index 8255e0a1..e39978c4 100644
--- a/styles/projects/ProjectHeroSection.module.css
+++ b/styles/projects/ProjectHeroSection.module.css
@@ -71,7 +71,7 @@
         flex-direction: column-reverse;
         align-items: center;
         justify-content: center;
-        
+        background-position: center;
     }
 
     .imgContainer {