import wolt from "@/public/wolt.png";
import foodora from "@/public/foodora.png";

export default function Delivery() {
  return (
    <section id="szallitas" className="py-24 text-center bg-slate-900">
      <div className="container mx-auto px-6">
        <h2 className="text-4xl font-bold tracking-tight text-amber-400">
          Inkább otthon étkeznél?
        </h2>
        <p className="mx-auto mt-4 max-w-2xl text-lg text-slate-300">
          Élvezd a Budapest Bisztró autentikus ízeit otthonod kényelméből!
          Rendelj most hivatalos házhozszállító partnereinken keresztül.
        </p>

        <div className="mt-10 flex flex-wrap justify-center gap-6">
          <a
            href="https://wolt.com/hu"
            target="_blank"
            rel="noopener noreferrer"
            className="flex items-center rounded-md px-6 py-3 shadow-md transition hover:scale-105"
          >
            <img
              src={wolt}
              alt="Wolt logó"
              className="h-32 w-auto"
            />
          </a>

          <a
            href="https://www.foodora.hu"
            target="_blank"
            rel="noopener noreferrer"
            className="flex items-center rounded-md px-6 py-3 shadow-md transition hover:scale-105"
          >
            <img
              src={foodora}
              alt="Foodora logó"
              className="h-32 w-auto"
            />
          </a>
        </div>
      </div>
    </section>
  );
}
