src/components/BreadCrumb/BreadCreumb.tsx

@@ -15,7 +15,7 @@ export const BreadCrumb = () => {
             {pathname !== "/" && (
                 <ul className={styles["breadNav"]}>
                     <li className={styles["navItem"]}>
-                        <Link to="/institucional/sobre">
+                        <Link to="/sobre">
                             <img src={homeIcon} alt="Icone de home" />
                         </Link>
                     </li>
@@ -25,6 +25,7 @@ export const BreadCrumb = () => {
 
                         <span className={styles["routeName"]}>
                             {routeName}
+                            {/* Institucional */}
                         </span>
                     </li>
 

src/components/Footer/ButtonsFixeds/Buttons.module.scss

@@ -5,13 +5,13 @@
     flex-direction: column;
     height: 137px;
     position: fixed;
-    bottom: 255px;
+    bottom: 25%;
     right: 16px;
 
     @media (max-width:2499px) {
         height: 73px;
         position: fixed;
-        bottom: 225px;
+        bottom: 35%;
         right: 16px;
     }
 

src/components/Footer/SocialMedia/SocialMedia.tsx

@@ -15,23 +15,23 @@ export const SocialMedia = () => {
 
         <div className={styleSocialMedia["wrapper"]}>
             <div className={styleSocialMedia["wrapper__social__media"]}>
-                <IconLink link={"https://web.facebook.com/digitalm3"}
+                <IconLink link={"/"}
                     sourceImg={facebook}
                     altText="Logo da rede social "
                 />
-                <IconLink link={"https://www.instagram.com/m3.ecommerce/"}
+                <IconLink link={"/"}
                     sourceImg={instagram}
                     altText="Logo da rede social "
                 />
-                <IconLink link={"https://twitter.com/eCommerce_Br/status/1443210495784366089"}
+                <IconLink link={"/"}
                     sourceImg={twitter}
                     altText="Logo da rede social "
                 />
-                <IconLink link={"https://www.youtube.com/@m3e-commerce796"}
+                <IconLink link={"/"}
                     sourceImg={youtube}
                     altText="Logo da rede social "
                 />
-                <IconLink link={"https://www.linkedin.com/company/m3ecommerce/"}
+                <IconLink link={"/"}
                     sourceImg={linkedin}
                     altText="Logo da rede social "
                 />

src/components/Header/HeaderDesk/HeaderBottom.tsx

@@ -7,10 +7,10 @@ export const HeaderBottom = () => {
         <div className={styleHeader["header__bottom"]}>
             <nav className={styleHeader["navBar__items"]}>
 
-                <Link className={styleHeader["list__items__link"]} to="/institucional/sobre">
+                <Link className={styleHeader["list__items__link"]} to="/cursos">
                     Cursos
                 </Link>
-                <Link className={styleHeader["list__items__link"]} to="/institucional/sobre">
+                <Link className={styleHeader["list__items__link"]} to="/saiba-mais">
                     Saiba Mais
                 </Link>
                 <Link className={styleHeader["list__items__link"]} to="/institucional/sobre">

src/components/Header/HeaderDesk/HeaderTop.tsx

@@ -10,21 +10,21 @@ export const HeaderTop = () => {
     return (
         <div className={styleHeader["header__top"]}>
             <div className={styleHeader["container__header__top"]}>
-                <Link to="/institucional/sobre" className={styleHeader["container__logo"]}>
+                <Link to="/" className={styleHeader["container__logo"]}>
                     < img src={logo} alt="Logo M3" className={styleHeader["container__logo__img"]} />
                 </Link>
                 <form className={styleHeader["container__search"]}>
                     <input className={styleHeader["container__search__input"]} type="text" placeholder="Buscar..." />
-                    <Link className={styleHeader["container__search__link"]} to="/institucional/sobre">
+                    <a className={styleHeader["container__search__link"]} href="/">
                         <img className={styleHeader["container__search__link__img"]} src={search} alt="Icone de busca" />
-                    </Link>
+                    </a>
                 </form>
                 <div className={styleHeader["container__menu"]} >
                     <span className={styleHeader["container__menu__enter"]}>
-                        <Link to="/institucional/sobre">Entrar</Link>
+                        <a href="/">Entrar</a>
                     </span>
                     <span className={styleHeader["container__menu__cart"]}>
-                        <Link to="/institucional/sobre" >
+                        <Link to="/" >
                             <img src={cart} alt="icone de cart" />
                         </Link>
                     </span>

src/components/Header/HeaderMobile/BurguerMenu.tsx

@@ -30,10 +30,10 @@ export const BurguerMenu = ({ isOpenMenu, setisOpenMenu }: MenuMobile) => {
                     </div>
                 </div>
                 <nav className={styleHeader["navBar__items"]}>
-                    <Link className={styleHeader["list__items__link"]} to="/institucional/sobre">
+                    <Link className={styleHeader["list__items__link"]} to="/cursos">
                         Cursos
                     </Link>
-                    <Link className={styleHeader["list__items__link"]} to="/institucional/sobre">
+                    <Link className={styleHeader["list__items__link"]} to="/saiba-mais">
                         Saiba Mais
                     </Link>
                     <Link className={styleHeader["list__items__link"]} to="/institucional/sobre">

src/components/Header/HeaderMobile/HeaderMobile.tsx

@@ -23,13 +23,13 @@ export const HeaderMobile = () => {
                 </div>
                 <div className={styleHeader["container__menu"]} >
                     <span className={styleHeader["container__menu_cart"]}>
-                        <a href="/institucional/sobre" ><img src={cart} alt="icone de cart" /></a>
+                        <a href="/" ><img src={cart} alt="icone de cart" /></a>
                     </span>
                 </div>
             </div>
             <form className={styleHeader["container__search__mobile"]}>
                 <input className={styleHeader["container__search__input"]} type="text" placeholder="Buscar..." />
-                <a className={styleHeader["container__search__link"]} href="/institucional/sobre">
+                <a className={styleHeader["container__search__link"]} href="/">
                     <img src={search} alt="Icone de busca" />
                 </a>
             </form>

src/components/Layout/index.tsx

@@ -1,25 +0,0 @@
-import { Outlet } from "react-router-dom"
-import { Footer } from "../Footer/Footer"
-import { Header } from "../Header/Header"
-import { BreadCrumb } from "../BreadCrumb/BreadCreumb"
-import styles from "./styles.module.scss"
-
-
-
-
-
-export const Layout = () => {
-
-
-    return (
-        <div className={styles["container"]}>
-            <Header />
-            <BreadCrumb />
-            <main className={styles["main"]}>
-                <Outlet />
-            </main>
-
-            <Footer />
-        </div >
-    )
-}

src/components/Layout/styles.module.scss

@@ -1,57 +0,0 @@
-@import "../../variaveis";
-
-
-.container {
-    display: flex;
-    flex-direction: column;
-
-    height: 100%;
-    overflow: hidden;
-
-    @media (min-width:3000px) {
-        height: 100vh;
-        flex: 1;
-    }
-
-}
-
-.main {
-    display: flex;
-
-    height: auto;
-    margin: 0 100px;
-
-
-    flex-direction: column;
-
-    @media (min-width: 3000px) {
-        min-height: 897px;
-        flex: 1;
-        height: 100vh;
-    }
-
-    @media (max-width:$tablets) {
-        margin: 0 16px;
-        // z-index: -9;
-
-    }
-
-    h1 {
-        text-align: center;
-        font-family: $font-family;
-        font-style: normal;
-        font-weight: 400;
-        font-size: 24px;
-        line-height: 28px;
-        letter-spacing: 0.1em;
-        text-transform: uppercase;
-
-        color: $color-black1;
-
-        @media (min-width:$full) {
-            font-size: 48px;
-            line-height: 56px;
-        }
-
-    }
-}

src/components/utils/IconLink.tsx

@@ -9,7 +9,7 @@ interface IconLink {
 export const IconLink = ({ link, sourceImg, altText }: IconLink) => {
     return (
         <li>
-            <a href={link} target="_blank">
+            <a href={link}>
                 <img src={sourceImg} alt={altText} />
             </a>
         </li>

src/pages/Home.tsx

@@ -1,6 +1,7 @@
-
-
-
+import { Outlet } from "react-router-dom"
+import { Footer } from "../components/Footer/Footer"
+import { Header } from "../components/Header/Header"
+import { BreadCrumb } from "../components/BreadCrumb/BreadCreumb"
 import styles from "./styles.module.scss"
 
 
@@ -9,10 +10,15 @@ import styles from "./styles.module.scss"
 
 export const Home = () => {
 
-
     return (
         <div className={styles["container"]}>
-            <h1>HOME</h1>
+            <Header />
+            <BreadCrumb />
+            <main className={styles["main"]}>
+                <Outlet />
+            </main>
+
+            <Footer />
         </div >
     )
 }

src/pages/Intitucional/Instituitional.tsx

@@ -1,9 +1,9 @@
+import React from "react";
 import { NavLink, Outlet } from "react-router-dom";
 
 import styleInstitucional from "./Instituitional.module.scss"
 
-export const Institucional = () => {
-
+export const Instituitional = () => {
 
     return (
         <>

src/pages/styles.module.scss

@@ -7,12 +7,6 @@
 
     height: 100%;
     overflow: hidden;
-
-    @media (min-width:3000px) {
-        height: 100vh;
-        flex: 1;
-    }
-
 }
 
 .main {
@@ -27,10 +21,6 @@
     @media (min-width: 3000px) {
         min-height: 897px;
 
-        height: 100vh;
-        flex: 1;
-        border: 1px solid blue;
-
     }
 
     @media (max-width:$tablets) {

src/routes.tsx

@@ -1,25 +1,21 @@
-import { Routes as ReactRouterRoutes, Route, Navigate } from "react-router-dom"
+import { Routes as ReactRouterRoutes, Route } from "react-router-dom"
 import { Home } from "./pages/Home"
 import { Contact } from "./pages/Intitucional/Contact"
 import { Delivery } from "./pages/Intitucional/Delivery"
 import { FormOfPayment } from "./pages/Intitucional/FormOfPayment"
-import { Institucional } from "./pages/Intitucional"
+import { Instituitional } from "./pages/Intitucional/Instituitional"
 import { SecurityAndPrivacy } from "./pages/Intitucional/SecurityAndPrivacy"
 import { About } from "./pages/Intitucional/About"
 import { ExchangeAndEvolution } from "./pages/Intitucional/ExchangeAndEvolution"
-import { Layout } from "./components/Layout"
 
 
 
 export const Routes = () => {
 
-
-
     return (
         <ReactRouterRoutes>
-            <Route path="/" element={<Layout />}>
-                <Route index element={<Navigate to="/institucional/sobre" replace />} />
-                <Route path="institucional" element={<Institucional />}>
+            <Route path="/" element={< Home />}>
+                < Route path="institucional" element={<Instituitional />} >
                     <Route path="sobre" element={<About />} />
                     <Route path="forma-de-pagamento" element={<FormOfPayment />} />
                     <Route path="entrega" element={<Delivery />} />
@@ -27,8 +23,6 @@ export const Routes = () => {
                     <Route path="seguranca-e-privacidade" element={<SecurityAndPrivacy />} />
                     <Route path="contato" element={<Contact />} />
                 </Route>
-
-
             </Route>
         </ReactRouterRoutes >
     )