const Headline = ({ mb = "105" }) => {
  return (
    <div className={`headline-area mb-${mb} rmb-85 rel z-1`}>
      <span className="marquee-wrap">
        <span className="marquee-inner left">
          <span className="marquee-item">Soups</span>
          <span className="marquee-item">
            <i className="flaticon-star" />
          </span>
          <span className="marquee-item">Appetizers</span>
          <span className="marquee-item">
            <i className="flaticon-star" />
          </span>
          <span className="marquee-item">Idly</span>
          <span className="marquee-item">
            <i className="flaticon-star" />
          </span>
        </span>
        <span className="marquee-inner left">
          <span className="marquee-item">Dosa</span>
          <span className="marquee-item">
            <i className="flaticon-star" />
          </span>
          <span className="marquee-item">Uttappam</span>
          <span className="marquee-item">
            <i className="flaticon-star" />
          </span>
          <span className="marquee-item">Poori & Parotta</span>
          <span className="marquee-item">
            <i className="flaticon-star" />
          </span>
        </span>
        <span className="marquee-inner left">
          <span className="marquee-item">Hakka Flavours</span>
          <span className="marquee-item">
            <i className="flaticon-star" />
          </span>
          <span className="marquee-item">Egg Delights</span>
          <span className="marquee-item">
            <i className="flaticon-star" />
          </span>
          <span className="marquee-item">Veg Rice</span>
          <span className="marquee-item">
            <i className="flaticon-star" />
          </span>
        </span>
        <span className="marquee-inner left">
          <span className="marquee-item">Biryani</span>
          <span className="marquee-item">
            <i className="flaticon-star" />
          </span>
          <span className="marquee-item">Curry</span>
          <span className="marquee-item">
            <i className="flaticon-star" />
          </span>
          <span className="marquee-item">Desserts</span>
          <span className="marquee-item">
            <i className="flaticon-star" />
          </span>
          <span className="marquee-item">Beverages</span>
          <span className="marquee-item">
            <i className="flaticon-star" />
          </span>
        </span>

      </span>
      <div className="headline-shapes">
        <div className="shape one">
          <img src="assets/images/shapes/tomato.png" alt="Shape" />
        </div>
        <div className="shape two">
          <img src="assets/images/shapes/burger.png" alt="Shape" />
        </div>
      </div>
    </div>
  );
};
export default Headline;