diff --git a/Websites/Jefes/Frontend/jefes/src/App.tsx b/Websites/Jefes/Frontend/jefes/src/App.tsx
index 3b34be3..f919922 100644
--- a/Websites/Jefes/Frontend/jefes/src/App.tsx
+++ b/Websites/Jefes/Frontend/jefes/src/App.tsx
@@ -1,27 +1,37 @@
-import { useState } from 'react'
-import reactLogo from './assets/react.svg'
-import viteLogo from '/vite.svg'
-import { AboutUs, Chef, FindUs, Footer, Gallery, Header, Intro, Laurels, SpecialMenu } from './container';
-import { Navbar } from './components';
-import './App.css';
+import { useState } from "react";
+import reactLogo from "./assets/react.svg";
+import viteLogo from "/vite.svg";
+import {
+  AboutUs,
+  Chef,
+  FindUs,
+  Footer,
+  Gallery,
+  Header,
+  Intro,
+  Laurels,
+  SpecialMenu,
+} from "./container";
+import { Navbar } from "./components/Navbar/NavBar";
+import "./App.css";
 
 function App() {
   // const [count, setCount] = useState(0)
 
   return (
-      <div className='Header'>
-        <Navbar />
-        <Header />
-        <AboutUs />
-        <SpecialMenu />
-        <Chef />
-        <Intro />
-        <Laurels />
-        <Gallery />
-        <FindUs />
-        <Footer />
-      </div>
-  )
+    <div className="Header">
+      <Navbar />
+      <Header />
+      <AboutUs />
+      <SpecialMenu />
+      <Chef />
+      <Intro />
+      <Laurels />
+      <Gallery />
+      <FindUs />
+      <Footer />
+    </div>
+  );
 }
 
-export default App
+export default App;
diff --git a/Websites/Jefes/Frontend/jefes/src/components/Navbar/NavBar.tsx b/Websites/Jefes/Frontend/jefes/src/components/Navbar/NavBar.tsx
index 0cd3be9..c875451 100644
--- a/Websites/Jefes/Frontend/jefes/src/components/Navbar/NavBar.tsx
+++ b/Websites/Jefes/Frontend/jefes/src/components/Navbar/NavBar.tsx
@@ -1,8 +1,11 @@
 import React from 'react'
+import { GiHamburgerMenu } from 'react-icons/gi';
+import {MdOutlineRestaurantMenu} from 'react-icons/md';
+
 
 const NavBar = () => {
     return (
-        <div>NavBar</div>
+        <div className="nav">fasfdsa</div>
     )
 }
 
diff --git a/Websites/Jefes/Frontend/jefes/src/components/Navbar/Navbar.css b/Websites/Jefes/Frontend/jefes/src/components/Navbar/Navbar.css
index e69de29..ff948a8 100644
--- a/Websites/Jefes/Frontend/jefes/src/components/Navbar/Navbar.css
+++ b/Websites/Jefes/Frontend/jefes/src/components/Navbar/Navbar.css
@@ -0,0 +1,4 @@
+.nav{
+    background-color: black;
+    color: white;
+}
\ No newline at end of file
diff --git a/Websites/Jefes/Frontend/jefes/src/components/index.js b/Websites/Jefes/Frontend/jefes/src/components/index.js
index 5e3f784..76f94d2 100644
--- a/Websites/Jefes/Frontend/jefes/src/components/index.js
+++ b/Websites/Jefes/Frontend/jefes/src/components/index.js
@@ -1,8 +1,8 @@
-import SubHeading from './SubHeading/SubHeading';
-import Newsletter from './Footer/Newsletter';
-import FooterOverlay from './Footer/FooterOverlay';
-import MenuItem from './Menuitem/MenuItem';
-import Navbar from './Navbar/Navbar';
+import SubHeading from './SubHeading/SubHeading'
+import Newsletter from './Footer/Newsletter'
+import FooterOverlay from './Footer/FooterOverlay'
+import MenuItem from './MenuItem/MenuItem'
+import Navbar from './Navbar/NavBar'
 
 export {
     SubHeading,
diff --git a/Websites/Jefes/Frontend/jefes/src/container/AboutUs/AboutUs.js b/Websites/Jefes/Frontend/jefes/src/container/AboutUs/AboutUs.jsx
similarity index 100%
rename from Websites/Jefes/Frontend/jefes/src/container/AboutUs/AboutUs.js
rename to Websites/Jefes/Frontend/jefes/src/container/AboutUs/AboutUs.jsx
diff --git a/Websites/Jefes/Frontend/jefes/src/container/Chef/Chef.js b/Websites/Jefes/Frontend/jefes/src/container/Chef/Chef.jsx
similarity index 100%
rename from Websites/Jefes/Frontend/jefes/src/container/Chef/Chef.js
rename to Websites/Jefes/Frontend/jefes/src/container/Chef/Chef.jsx
diff --git a/Websites/Jefes/Frontend/jefes/src/container/FindUs/FindUs.js b/Websites/Jefes/Frontend/jefes/src/container/FindUs/FindUs.jsx
similarity index 100%
rename from Websites/Jefes/Frontend/jefes/src/container/FindUs/FindUs.js
rename to Websites/Jefes/Frontend/jefes/src/container/FindUs/FindUs.jsx
diff --git a/Websites/Jefes/Frontend/jefes/src/container/Footer/Footer.js b/Websites/Jefes/Frontend/jefes/src/container/Footer/Footer.jsx
similarity index 100%
rename from Websites/Jefes/Frontend/jefes/src/container/Footer/Footer.js
rename to Websites/Jefes/Frontend/jefes/src/container/Footer/Footer.jsx
diff --git a/Websites/Jefes/Frontend/jefes/src/container/Gallery/Gallery.js b/Websites/Jefes/Frontend/jefes/src/container/Gallery/Gallery.jsx
similarity index 100%
rename from Websites/Jefes/Frontend/jefes/src/container/Gallery/Gallery.js
rename to Websites/Jefes/Frontend/jefes/src/container/Gallery/Gallery.jsx
diff --git a/Websites/Jefes/Frontend/jefes/src/container/Header/Header.js b/Websites/Jefes/Frontend/jefes/src/container/Header/Header.jsx
similarity index 100%
rename from Websites/Jefes/Frontend/jefes/src/container/Header/Header.js
rename to Websites/Jefes/Frontend/jefes/src/container/Header/Header.jsx
diff --git a/Websites/Jefes/Frontend/jefes/src/container/Intro/Intro.js b/Websites/Jefes/Frontend/jefes/src/container/Intro/Intro.jsx
similarity index 100%
rename from Websites/Jefes/Frontend/jefes/src/container/Intro/Intro.js
rename to Websites/Jefes/Frontend/jefes/src/container/Intro/Intro.jsx
diff --git a/Websites/Jefes/Frontend/jefes/src/container/Laurels/Laruels.js b/Websites/Jefes/Frontend/jefes/src/container/Laurels/Laurels.jsx
similarity index 100%
rename from Websites/Jefes/Frontend/jefes/src/container/Laurels/Laruels.js
rename to Websites/Jefes/Frontend/jefes/src/container/Laurels/Laurels.jsx
diff --git a/Websites/Jefes/Frontend/jefes/src/container/Menu/Menu.tsx b/Websites/Jefes/Frontend/jefes/src/container/Menu/Menu.jsx
similarity index 100%
rename from Websites/Jefes/Frontend/jefes/src/container/Menu/Menu.tsx
rename to Websites/Jefes/Frontend/jefes/src/container/Menu/Menu.jsx
diff --git a/Websites/Jefes/Frontend/jefes/src/container/index.js b/Websites/Jefes/Frontend/jefes/src/container/index.js
index 3dff709..c031551 100644
--- a/Websites/Jefes/Frontend/jefes/src/container/index.js
+++ b/Websites/Jefes/Frontend/jefes/src/container/index.js
@@ -1,12 +1,12 @@
 import AboutUs from './AboutUs/AboutUs';
 import Chef from './Chef/Chef';
-import FindUs from './Findus/FindUs';
+import FindUs from './FindUs/FindUs';
 import Footer from './Footer/Footer';
 import Gallery from './Gallery/Gallery';
 import Header from './Header/Header';
 import Intro from './Intro/Intro';
 import Laurels from './Laurels/Laurels';
-import SpecialMenu from './Menu/SpecialMenu';
+import SpecialMenu from './Menu/Menu';
 
 export {
     AboutUs,