import React from 'react'
import Image from 'next/image'

const page = () => {
  return (
    <div>
      <div className="heading">
        <h2 className="bev-h2">Quesadillas</h2>
        <p className="">
          Contains bell peppers, tomatoes, onions with a side of guacamole salad
          upon request. Add rice & beans $2.{" "}
          <span className="detail">Choose from the following proteins:</span>{" "}
        </p>
        <div className="head">
          <h4>
            ASADA | CHICKEN | CHORIZO | CARNITAS | AL PASTOR | SHRIMP | FISH |
            BARBACOA - $11
          </h4>
        </div>
        <div className="decor" aria-hidden="true">
          <div className="left"></div>
          <Image
            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>Grilled Chicken & Bacon Quesadilla</h4>
            <span>- $10</span>
          </div>
        </li>
        <li className="item">
          <div className="head">
            <h4>Quesadilla Del Mar</h4>
            <span>- $12</span>
          </div>
        </li>
        <li className="item">
          <div className="head">
            <h4>Fajita Quesadilla</h4>
            <span>- $11</span>
          </div>
          <p>Chicken or Steak</p>
        </li>
      </ul>
    </div>
  )
}

export default page