fixed pages not loading, beginning to add media

Websites/Jefes/Frontend/jefes/src/App.tsx

@@ -1,29 +1,22 @@
-import { useState } from "react";
+import React from "react";
-import reactLogo from "./assets/react.svg";
+
-import viteLogo from "/vite.svg";
+import Navbar from "./components/Navbar/Navbar";
-import {
-  AboutUs,
-  Chef,
-  FindUs,
-  Footer,
-  Gallery,
-  Header,
-  Intro,
-  Laurels,
-  SpecialMenu,
-} from "./container";
-import { Navbar } from "./components/Navbar/NavBar";
 import "./App.css";
+import AboutUs from "./container/AboutUs/AboutUs";
+import Header from "./container/Header/Header";
+import Chef from "./container/Chef/Chef";
+import Gallery from "./container/Gallery/Gallery";
+import Intro from "./container/Intro/Intro";
+import Laurels from "./container/Laurels/Laurels";
+import FindUs from "./container/FindUs/FindUs";
+import Footer from "./components/Footer/FooterOverlay";
 
-function App() {
+const App = () => (
-  // const [count, setCount] = useState(0)
+  <div>
-
-  return (
-    <div className="Header">
     <Navbar />
     <Header />
     <AboutUs />
-      <SpecialMenu />
+    {/* <SpecialMenu /> */}
     <Chef />
     <Intro />
     <Laurels />
@@ -32,6 +25,5 @@ function App() {
     <Footer />
   </div>
 );
-}
 
 export default App;

Websites/Jefes/Frontend/jefes/src/components/Navbar/NavBar.tsx

@@ -1,12 +0,0 @@
-import React from 'react'
-import { GiHamburgerMenu } from 'react-icons/gi';
-import {MdOutlineRestaurantMenu} from 'react-icons/md';
-
-
-const NavBar = () => {
-    return (
-        <div className="nav">fasfdsa</div>
-    )
-}
-
-export default NavBar

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

@@ -0,0 +1,9 @@
+import React from 'react'
+
+const Navbar = () => {
+  return (
+    <div>Navbar</div>
+  )
+}
+
+export default Navbar

Websites/Jefes/Frontend/jefes/src/components/index.js

@@ -2,7 +2,7 @@ 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 Navbar from './Navbar/Navbar'
 
 export {
     SubHeading,

Websites/Jefes/Frontend/jefes/src/index.css

@@ -1,131 +1,52 @@
+@import url('https://fonts.googleapis.com/css2?family=Cormorant+Upright:wght@300;400;500;600;700&family=Open+Sans:wght@300;400;500;600;700&display=swap');
+
 :root {
-  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  --font-base: 'Cormorant Upright', serif;
-  line-height: 1.5;
+  --font-alt: 'Open Sans', sans-serif;
-  font-weight: 400;
   
-  color-scheme: light dark;
+  --color-golden: #DCCA87;
-  color: rgba(255, 255, 255, 0.87);
+  --color-black: #0C0C0C;
-  background-color: #242424;
+  --color-gray: #545454;
-
+  --color-crimson: #F5EFDB;
-  font-synthesis: none;
+  --color-grey: #AAAAAA;
-  text-rendering: optimizeLegibility;
+  --color-white: #FFFFFF;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-text-size-adjust: 100%;
-
-  --primary:#1f3e72;
-  --secondary: rgba(255,255,255,0.78);
-  --black: #131110;
-  --blue-gradient: linear-gradient(97.05deg, #4066ff 3.76%, #2949c6 100%);
-  --orange-gradient: linear-gradient(97.05deg, #ffb978 3.76%, #ff922d 100%);
-  --blue: #4066ff;
-  --lightBlue: #eeeeff;
-  --shadow: 0px 23px 21px -8px rgba(136, 160, 255, 0.25);
 }
 
-/* a {
-  font-weight: 500;
-  color: #646cff;
-  text-decoration: inherit;
-}
-a:hover {
-  color: #535bf2;
-}
-
-body {
-  margin: 0;
-  display: flex;
-  place-items: center;
-  min-width: 320px;
-  min-height: 100vh;
-}
-
-h1 {
-  font-size: 3.2em;
-  line-height: 1.1;
-}
-
-button {
-  border-radius: 8px;
-  border: 1px solid transparent;
-  padding: 0.6em 1.2em;
-  font-size: 1em;
-  font-weight: 500;
-  font-family: inherit;
-  background-color: #1a1a1a;
-  cursor: pointer;
-  transition: border-color 0.25s;
-}
-button:hover {
-  border-color: #646cff;
-}
-button:focus,
-button:focus-visible {
-  outline: 4px auto -webkit-focus-ring-color;
-}
-
-@media (prefers-color-scheme: light) {
-  :root {
-    color: #213547;
-    background-color: #ffffff;
-  }
-  a:hover {
-    color: #747bff;
-  }
-  button {
-    background-color: #f9f9f9;
-  }
-} */
-
 * {
-  margin: 0;
-  padding: 0;
   box-sizing: border-box;
-  font-family: "Poppins", sans-serif;
+  padding: 0;
+  margin: 0;
   scroll-behavior: smooth;
 }
 
 a {
-  color: inherit;
+  color: unset;
   text-decoration: none;
 }
 
-.paddings{
+.slide-bottom {
-  padding: 1.5rem;
+  -webkit-animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
+	animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
 }
 
-
+@-webkit-keyframes slide-bottom {
-.innerwidth{
+  0% {
-  width: 100%;
+    -webkit-transform: translateY(-25%);
+            transform: translateY(-25%);
+  }
+  100% {
+    -webkit-transform: translateY(0);
+            transform: translateY(0);
+  }
 }
 
-.flexCenter{
+@keyframes slide-bottom {
-  display: flex;
+  0% {
-  row-gap: 2rem;
+    -webkit-transform: translateY(-25%);
-  justify-content: center;
+            transform: translateY(-25%);
-  align-items: center;
-  flex-wrap: wrap;
   }
-
+  100% {
-.flexColCenter{
+    -webkit-transform: translateY(0);
-  display: flex;
+            transform: translateY(0);
-  justify-content: center;
-  align-items: center;
-  flex-direction: column;
   }
-
-
-.flexColStart{
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: flex-start;
-}
-
-
-.flexColEnd{
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: flex-end;
 }

Websites/Jefes/Frontend/jefes/src/index.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+
+import './index.css';
+import App from './App';
+
+ReactDOM.render(<App />, document.getElementById('root'));