import Image from "next/image";
import Link from "next/link";

export default function ComboMeal() {
  return (
    <>
      <div className="kcgcontainer my-10">
        <div className="grid grid-cols-1 md:grid-cols-2 gap-10">
          <div className="flex items-center">
            <div className="text-center">
              <h3 className="text-kcred sm:text-4xl text-3xl font-[500]">
                Mall Staff Combo Meal
              </h3>
              <h5 className="text-kcred sm:text-8xl text-6xl font-bold">
                AED 24
              </h5>
              <p className="">
                For AED 24, mall staff can enjoy a meal with 1 main dish, 2
                sides, and 1 soft drink.
              </p>
              <a href="/pdf/Menu.pdf" target="_blank">
                <button className="btn-red mt-5">Download Menu</button>
              </a>
            </div>
          </div>
          <div className="flex items-center">
            <Image
              src="/images/asdfzadasd.jpg"
              width={500}
              height={500}
              className="object-cover w-full rounded-lg"
            />
          </div>
        </div>
      </div>
    </>
  );
}
