Portfolio/Websites/jefes-nextjs/app/menu/page.tsx

import React from "react";
import Appetizers from "./Appetizers/page";

const menu = () => {
  return (
    <div>
      <Appetizers />
      

      <div className="heading">
        <h2>Soups & Salads</h2>
        <div className="decor" aria-hidden="true">
          <div className="left"></div>
          <img
            src="/gun01.svg"
            alt="gun icon for decor"
            className=""
            width="61"
            height="101"
          />
          <div className="right"></div>
        </div>
      </div>
      <ul className="items">
        <li className="item">
          <div className="head">
            <h4>Tortilla Soup</h4>
            <span>- cup - $4 | bowl - $6</span>
          </div>
          <p>
            Chicken, corn, and black beans topped with seasoned tortilla strips.
          </p>
        </li>
        <li className="item">
          <div className="head">
            <h4>Guacamole Salad</h4>
            <span>- $6</span>
          </div>
          <p>
            Crispy lettuce topped with a side of guacamole, sour cream, and Pico
            de Gallo.
          </p>
        </li>
        <li className="item">
          <div className="head">
            <h4>Chepesalad</h4>
            <span>- $12</span>
          </div>
          <p>
            Grilled chicken or steak with shrimp(4), lettuce, tomatoes, queso
            fresco, corn,topped withavocado slices.
          </p>
        </li>
        <li className="item">
          <div className="head">
            <h4>Southwest Salad</h4>
            <span>- $10</span>
          </div>
          <p>
            Grilled chicken, lettuce, corn, black beans, avocado, Picode Gallo,
            topped with tortilla strips and served with salsa.
          </p>
        </li>
        <li className="item">
          <div className="head">
            <h4>Taco Salad</h4>
            <span>- $8</span>
          </div>
          <p>
            Ground beef or chicken with shredded cheese and guacamole salad
            topped in a deep-fried flour tortilla bowl. Served with a side of
            rice and beans. <span>Fajita style add $2</span>{" "}
          </p>
        </li>
      </ul>

      <div className="heading">
        <h2 className="bev-h2">Chimichangas</h2>
        <p className="kids-para">
          Deep fried burrito served with rice and refried beans! Your choice of
          the following:
        </p>
        <div className="decor" aria-hidden="true">
          <div className="left"></div>
          <img
            src="/gun01.svg"
            alt="gun icon for decor"
            className=""
            width="61"
            height="101"
          />
          <div className="right"></div>
        </div>
      </div>
      <ul className="items items-small">
        <li className="item">
          <div className="head">
            <h4>GROUND BEEF, SHREDDED CHICKEN, OR SHREDDED BEEF</h4>
            <span>- $19</span>
          </div>
        </li>
        <li className="item">
          <div className="head">
            <h4>Fajita Chimi</h4>
            <span>- $12</span>
          </div>
          <p>Grilled chicken or steak, onions, tomatoes, and bell peppers.</p>
        </li>
        <li className="item">
          <div className="head">
            <h4>Chimichanga Del Mar</h4>
            <span>- $13</span>
          </div>
          <p>Shrimp, crab, onions, tomatoes and bell peppers.</p>
        </li>
        <li className="item">
          <div className="head">
            <h4>Pollo-T Chimi</h4>
            <span>- $10</span>
          </div>
          <p>Grilled chicken strips, and chorizo.</p>
        </li>
      </ul>

      <div className="heading heading-2">
  <div className="flex">
    <h2 className="bev-h2">Jefe's Taqueria</h2>
    <div className="flex">
      <span>- $11</span>
      <img src="/star.svg" width="25" height="25" alt="star" />
    </div>
  </div>
  <p className=""> <span className='detail'>Asada | Chicken | Chorizo | Carnitas | Al Pastor | Shrimp | Fish |
      Barbacoa</span> </p>
      <div className="mb-3" >
              <h4>5 Street tacos with your choice of protein topped with cilantro and onions.
                Served with our signature salsas. Add rice and refried beans $2.</h4>
            </div>
  <div className="decor" aria-hidden="true">
    <div className="left"></div>
    <img src="/gun01.svg" alt="gun icon for decor" className="" width="61" height="101" />
    <div className="right"></div>
  </div>
  </div>
  


<div className="heading">
  <h2 className="bev-h2">Tortas</h2>
  <p className="kids-para">Mexican sandwich served with french-fries
    and a side of jalapenos!</p>
  <div className="decor" aria-hidden="true">
    <div className="left"></div>
    <img src="/gun01.svg" alt="gun icon for decor" className="" width="61" height="101" />
    <div className="right"></div>
  </div>
</div>
<ul className="items">
  <li className="item">
    <div className="head">
      <h4>Jamon</h4>
      <span>- $8</span>
    </div>
    <p>Ham, mayo, lettuce, tomato, onions,
      avocado, queso fresco.</p>
  </li>
  <li className="item">
    <div className="head">
      <h4>Hawaiana</h4>
      <span>- $8</span>
    </div>
    <p>Ham, pineapple, mayo, lettuce, tomato,
      onions, avocado, and queso fresco.</p>
  </li>
  <li className="item">
    <div className="head">
      <h4>Cubana</h4>
      <span>- $10</span>
    </div>
    <p>Chorizo, ham, hot-dog, mayo, lettuce,
      tomato, onions, avocado, and queso
      fresco.</p>
  </li>
  <li className="item">
    <div className="head">
      <h4>Milaneza</h4>
      <span>- $10</span>
    </div>
    <p>Breaded chicken or steak, mayo lettuce,
      tomato, onions, avocado, and queso fresco.</p>
  </li>
  <li className="item">
    <div className="head">
      <h4>Alemana</h4>
      <span>- $10</span>
    </div>
    <p>Chorizo, ham, milaneza, hot-dog,
      pineapple, mayo, lettuce, onions, avocado,
      queso fresco.</p>
  </li>
  <li className="item">
    <div className="head">
      <h4>Build Your Own</h4>
      <span>- $12</span>
    </div>
    <p>Contains mayo, lettuce, tomato, onions,
      avocado, queso frescoand jalapeños. <span className="detail">Choose up to 3 proteins: <span
          className="inner">Asada, al Pastor, ham, grilled
          chicken, chorizo, bacon, hot-dog, milaneza, or carnitas.</span></span></p>
  </li>
</ul>

<div className="heading">
  <h2 className="bev-h2">Burritos</h2>
  <p className="kids-para">12” Flour tortilla filled with your choice of protein. Topped with queso, red or green
    sauce. Served with Guacamole salad!</p>
  <div className="decor" aria-hidden="true">
    <div className="left"></div>
    <img src="/gun01.svg" alt="gun icon for decor" className="" width="61" height="101" />
    <div className="right"></div>
  </div>
</div>

<ul className="items">
  <li className="item">
    <div className="head">
      <h4>Al Pastor</h4>
      <span>- $11</span>
    </div>
    <p>Marinated pork, rice, beans, and cheese.</p>
  </li>
  <li className="item">
    <div className="head">
      <h4>Carnitas</h4>
      <span>- $11</span>
    </div>
    <p>Deep fried pork, grilled onions, and avocado.</p>
  </li>
  <li className="item">
    <div className="head">
      <h4>Chicken</h4>
      <span>- $10</span>
    </div>
    <p>Grilled chicken, rice, beans, and cheese.</p>
  </li>
  <li className="item">
    <div className="head">
      <h4>Burritos Vaquero</h4>
      <div className="flex">
        <span>- $11</span>
        <img src="/star.svg" alt="" width="25" height="25"/>
      </div>
    </div>
    <p>Grilled chicken, rice, beans, and cheese.</p>
  </li>
  <li className="item">
    <div className="head">
      <h4>Kevin's Burrito</h4>
      <span>- $12</span>
    </div>
    <p>Grilled chicken or steak, bell peppers, onions,
      and tomatoes.</p>
  </li>
  <li className="item">
    <div className="head">
      <h4>Shrimp</h4>
      <span>- $12</span>
    </div>
    <p>Grilled shrimp with rice, black beans, and sour
      cream.</p>
  </li>
  <li className="item">
    <div className="head">
      <h4>West Coast</h4>
      <span>- $11</span>
    </div>
    <p>Shredded chicken, grilled chicken or steak
      with french-fries, rice,beans, and avocado.</p>
  </li>
  <li className="item">
    <div className="head">
      <h4>Barbacoa</h4>
      <span>- $10</span>
    </div>
    <p>Slow roasted beef, rice, beans, and pico de gallo.</p>
  </li>
</ul>

<div className="heading">
  <h2>Enchiladas</h2>
  <div className="decor" aria-hidden="true">
    <div className="left"></div>
    <img src="/gun01.svg" alt="gun icon for decor" className="" width="61" height="101" />
    <div className="right"></div>
  </div>
</div>
<ul className="items">
  <li className="item">
    <div className="head">
      <h4>Enchiladas Platter</h4>
      <div className="flex">
        <span>- $12</span>
        <img src="/star.svg" alt="" width="25" height="25"/>
      </div>
    </div>
    <p>4 enchiladas, 1 grilled chicken, 1 steak, 1
      carnitas, and 1 cheese. Topped with creamy
      white queso and served with a side of
      guacamole salad.</p>
  </li>
  <li className="item">
    <div className="head">
      <h4>Enchiladas De Carnitas</h4>
      <span>- $10</span>
    </div>
    <p>3 deep fried pork enchiladas. Served with
      rice and beans.</p>
  </li>
  <li className="item">
    <div className="head">
      <h4>Spinach Enchiladas</h4>
      <span>- $9</span>
    </div>
    <p>4 spinach and cheese enchiladas topped
      with queso, red, or green sauce. Served
      with guacamole salad.</p>
  </li>
  <li className="item">
    <div className="head">
      <h4>Enchiladas Del Mar</h4>
      <span>- $12</span>
    </div>
    <p>3 crab and shrimp enchiladas. Topped with
      yourchoice of sauce, served with a side ofrice,
      and beans.</p>
  </li>
  <li className="item">
    <div className="head">
      <h4>Los Enchiladas</h4>
      <span>- $12</span>
    </div>
    <p>3 cheese enchiladas topped with grilled shrimp
      and creamy white queso sauce. Served with
      rice and beans.</p>
  </li>
  <li className="item">
    <div className="head">
      <h4>Enchiladas Suizas</h4>
      <span>- $9</span>
    </div>
    <p>3 chicken enchiladas with green sauce topped
      with sour cream. Served with rice and beans.</p>
  </li>
</ul>

<div className="heading">
  <h2>Steaks</h2>
  <div className="decor" aria-hidden="true">
    <div className="left"></div>
    <img src="/gun01.svg" alt="gun icon for decor" className="" width="61" height="101" />
    <div className="right"></div>
  </div>
</div>
<ul className="items">
  <li className="item">
    <div className="head">
      <h4>Carne Asada</h4>
      <span>- $15</span>
    </div>
    <p>Grilled steak served with onion, chile
      toreado, charro beans, rice and your choice
      of flour or corn tortillas.</p>
  </li>
  <li className="item">
    <div className="head">
      <h4>Steak Mariposa</h4>
      <div className="flex">
        <span>- $14</span>
        <img src="red-chili-pepper.svg" width="25" height="25" alt=""/>
      </div>
    </div>
    <p>Steak mixed with jalapenos and creamy
      white queso. Served with charro beans and
      rice.</p>
  </li>
  <li className="item">
    <div className="head">
      <h4>Steak Con Rajas</h4>
      <div className="flex">
        <span>- $14</span>
        <img src="red-chili-pepper.svg" width="25" height="25" alt=""/>
      </div>
    </div>
    <p>Steak mixed with poblano peppers, white
      queso sauce. Served with a side of rice and
      refried beans.</p>
  </li>
  <li className="item">
    <div className="head">
      <h4>Steak Ranchero</h4>
      <span>- $15</span>
    </div>
    <p>Ribeye steak topped with grilled onions, bell
      peppers, and tomatoes. Served with
      guacamole salad, rice, and charro beans.</p>
  </li>
  <li className="item">
    <div className="head">
      <h4>Milaneza Empanizada</h4>
      <span>- $13</span>
    </div>
    <p>Breaded chicken or steak, served with chile
      toreado, guacamole salad, rice and refried
      beans.</p>
  </li>
  <li className="item">
    <div className="head">
      <h4>Novillo Endiablado</h4>
      <div className="flex">
        <span>- $16</span>
        <img src="red-chili-pepper.svg" width="25" height="25" alt=""/>
      </div>
    </div>
    <p>Ribeye steak and grilled spicy shrimp.
      Served with rice and black beans.</p>
  </li>
</ul>

<div className="heading">
  <h2 className="bev-h2">Fajitas</h2>
  <p className="kids-para">Jefe’s sizzling hot fajitas served with grilled onions, tomatoes, and bell peppers with
    a side
    of sour cream, guacamole salad, rice and refried beans. Your choice of flour or corn tortillas.</p>
  <div className="decor" aria-hidden="true">
    <div className="left"></div>
    <img src="/gun01.svg" alt="gun icon for decor" className="" width="61" height="101" />
    <div className="right"></div>
  </div>
</div>
<ul className="items">
  <li className="item">
    <div className="head">
      <h4>Fajitas Tipicas</h4>
      <span>one - $15 | two - $24</span>
    </div>
    <p>Grilled chicken, steak, or mix.</p>
  </li>
  <li className="item">
    <div className="head">
      <h4>Fajitas Del Mar</h4>
      <span>one - $17 | two - $25</span>
    </div>
    <p>Shrimp and crab.</p>
  </li>
  <li className="item">
    <div className="head">
      <h4>Fajita Azteca</h4>
      <span>one - $15 | two - $23</span>
    </div>
    <p>Grilled chicken with broccoli, cauliflower,
      carrots, onions and cheese.</p>
  </li>
  <li className="item">
    <div className="head">
      <h4>Fajita Poblana</h4>
      <div className="flex">
        <span>one - $15 | two - $23</span>
        <img src="/star.svg" width="25" height="25" alt="star" />
      </div>
    </div>
    <p>Grilled chicken or steak mixed with
      poblano peppers and shredded cheese.</p>
  </li>
  <li className="item">
    <div className="head">
      <h4>Fajita Norteñas</h4>
      <span>one - $13 | two - $20</span>
    </div>
    <p>Carnitas.</p>
  </li>
  <li className="item">
    <div className="head">
      <h4>KEVIN’S PAPRILLADA</h4>
      <div className="flex">
        <span>serves 2 - $25</span>
        <img src="/star.svg" width="25" height="25" alt="" />
      </div>
    </div>
    <p>This delicious platter offers grilled chicken,
      shrimp, steak, carnitas, two hotdogs, and
      chorizo.</p>
  </li>
  <li className="item">
    <div className="head">
      <h4>Jefe's Molcajete</h4>
      <span>- $24</span>
    </div>
    <p>Combination of grilled steak and chicken, 4
      shrimp, chorizo, grilled onions, and cactus
      topped with queso fresco served in a stone
      bowl with our signature sauce.</p>
  </li>
</ul>
    </div>
  );
};

export default menu;