fixed components

Author: latifii

05-menu/public/images/item-1.jpeg renamed to public/images/menu/item-1.jpeg

@@ -1,6 +1,7 @@
 import { useEffect, useState } from "react";
 import Loading from "./Loading";
 import Tour from "./Tour";
+import TitlePage from "../../components/TitlePage";
 
 const url = "https://course-api.com/react-tours-project";
 
@@ -53,9 +54,7 @@ export default function Tours() {
 
   return (
     <div className={backgroundClass}>
-      <h1 className="text-gray-800 text-4xl font-bold text-center mb-20 relative before:content-[''] before:absolute before:-bottom-4 before:left-0 before:right-0 before:mx-auto   before:w-1/10 before:h-1 before:bg-blue-400">
-        Our Tours
-      </h1>
+      <TitlePage title="our tours" />
       <div className="grid grid-cols-3 gap-5">
         {dataTours.map((tour) => (
           <Tour key={tour.id} {...tour} handleDelete={handleDelete} />

05-menu/public/images/item-10.jpeg renamed to public/images/menu/item-10.jpeg

@@ -3,6 +3,7 @@ import { FaAngleRight } from "react-icons/fa6";
 import { FaAngleLeft } from "react-icons/fa6";
 import { FaQuoteRight } from "react-icons/fa6";
 import reviews from "./data";
+import TitlePage from "../../components/TitlePage";
 const backgroundClass = "bg-blue-50 min-h-screen py-10 px-10";
 
 export default function Reviews() {
@@ -32,9 +33,7 @@ export default function Reviews() {
 
   return (
     <div className={backgroundClass}>
-      <h1 className="text-gray-800 text-4xl font-bold text-center capitalize mb-10 relative before:content-[''] before:absolute before:-bottom-4 before:left-0 before:right-0 before:mx-auto   before:w-1/10 before:h-1 before:bg-blue-400">
-        our reviews
-      </h1>
+      <TitlePage title="our reviews" />
       <div className="w-1/2 mx-auto  p-5 bg-white rounded-md shadow-2xl flex flex-col items-center">
         <div className="relative">
           <img

05-menu/public/images/item-2.jpeg renamed to public/images/menu/item-2.jpeg

@@ -0,0 +1,3 @@
+export default function Menu() {
+  return <div>Menu</div>;
+}

05-menu/public/images/item-3.jpeg renamed to public/images/menu/item-3.jpeg

@@ -0,0 +1,75 @@
+const menu = [
+  {
+    id: 1,
+    title: "buttermilk pancakes",
+    category: "breakfast",
+    price: 15.99,
+    img: "./images/item-1.jpeg",
+    desc: `I'm baby woke mlkshk wolf bitters live-edge blue bottle, hammock freegan copper mug whatever cold-pressed `,
+  },
+  {
+    id: 2,
+    title: "diner double",
+    category: "lunch",
+    price: 13.99,
+    img: "./images/item-2.jpeg",
+    desc: `vaporware iPhone mumblecore selvage raw denim slow-carb leggings gochujang helvetica man braid jianbing. Marfa thundercats `,
+  },
+  {
+    id: 3,
+    title: "godzilla milkshake",
+    category: "shakes",
+    price: 6.99,
+    img: "./images/item-3.jpeg",
+    desc: `ombucha chillwave fanny pack 3 wolf moon street art photo booth before they sold out organic viral.`,
+  },
+  {
+    id: 4,
+    title: "country delight",
+    category: "breakfast",
+    price: 20.99,
+    img: "./images/item-4.jpeg",
+    desc: `Shabby chic keffiyeh neutra snackwave pork belly shoreditch. Prism austin mlkshk truffaut, `,
+  },
+  {
+    id: 5,
+    title: "egg attack",
+    category: "lunch",
+    price: 22.99,
+    img: "./images/item-5.jpeg",
+    desc: `franzen vegan pabst bicycle rights kickstarter pinterest meditation farm-to-table 90's pop-up `,
+  },
+  {
+    id: 6,
+    title: "oreo dream",
+    category: "shakes",
+    price: 18.99,
+    img: "./images/item-6.jpeg",
+    desc: `Portland chicharrones ethical edison bulb, palo santo craft beer chia heirloom iPhone everyday`,
+  },
+  {
+    id: 7,
+    title: "bacon overflow",
+    category: "breakfast",
+    price: 8.99,
+    img: "./images/item-7.jpeg",
+    desc: `carry jianbing normcore freegan. Viral single-origin coffee live-edge, pork belly cloud bread iceland put a bird `,
+  },
+  {
+    id: 8,
+    title: "american classic",
+    category: "lunch",
+    price: 12.99,
+    img: "./images/item-8.jpeg",
+    desc: `on it tumblr kickstarter thundercats migas everyday carry squid palo santo leggings. Food truck truffaut  `,
+  },
+  {
+    id: 9,
+    title: "quarantine buddy",
+    category: "shakes",
+    price: 16.99,
+    img: "./images/item-9.jpeg",
+    desc: `skateboard fam synth authentic semiotics. Live-edge lyft af, edison bulb yuccie crucifix microdosing.`,
+  },
+];
+export default menu;

05-menu/public/images/item-4.jpeg renamed to public/images/menu/item-4.jpeg

@@ -0,0 +1,7 @@
+export default function TitlePage({ title }) {
+  return (
+    <h1 className="text-gray-800 text-4xl font-bold text-center capitalize mb-10 relative before:content-[''] before:absolute before:-bottom-4 before:left-0 before:right-0 before:mx-auto   before:w-1/10 before:h-1 before:bg-blue-400">
+      {title}
+    </h1>
+  );
+}

05-menu/public/images/item-5.jpeg renamed to public/images/menu/item-5.jpeg

@@ -5,6 +5,7 @@ import Tours from "../challanges/02-tours/Tours";
 import Reviews from "../challanges/03-reviews/reviews";
 import Accordion from "../challanges/04-accordion-I/Accordion";
 import AccordionII from "../challanges/05-accordion-II/AccordionII";
+import Menu from "../challanges/06-menu/Menu";
 
 const router = createBrowserRouter([
   {
@@ -32,6 +33,10 @@ const router = createBrowserRouter([
     path: "/accordion-II",
     element: <AccordionII />,
   },
+  {
+    path: "/menu",
+    element: <Menu />,
+  },
 ]);
 
 export default router;

05-menu/public/images/item-6.jpeg renamed to public/images/menu/item-6.jpeg

@@ -18,6 +18,9 @@ export default function Home() {
       <Link to="/accordion-II" className="underline text-blue-500">
         Accordion II
       </Link>
+      <Link to="/menu" className="underline text-blue-500">
+        Menu
+      </Link>
     </div>
   );
 }