update files to jsx

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;

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>
     )
 }
 

Websites/Jefes/Frontend/jefes/src/components/Navbar/Navbar.css

@@ -0,0 +1,4 @@
+.nav{
+    background-color: black;
+    color: white;
+}

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,

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,