import rolunk from "@/public/rolunk.png";

function About() {
  return (
    <section id="rolunk" className="bg-slate-900 py-24 sm:py-32">
      <div className="container mx-auto grid grid-cols-1 items-center gap-12 px-6 lg:grid-cols-2">
        <div>
          <h2 className="text-4xl font-bold tracking-tight text-amber-400">Történetünk</h2>
          <p className="mt-6 text-lg leading-8 text-slate-300">
            Az autentikus magyar ízek iránti szenvedélyből született a <strong>Budapest Bisztró</strong>, hogy elhozza kultúránk melegségét és gazdagságát az Ön asztalára. Séfjeink generációkon át örökített családi recepteket követnek, a legjobb helyi alapanyagokat felhasználva, hogy ételeink egyszerre legyenek hagyományosak és újszerűek.
          </p>
          <p className="mt-4 text-lg leading-8 text-slate-300">
            Lépjen be éttermünkbe, és merüljön el Budapest meghitt hangulatában, ahol minden étkezés az örökség és a vendégszeretet ünnepe.
          </p>
        </div>
        <img
          src={rolunk}
          alt="Séf ételt készít"
          className="rounded-lg shadow-2xl"
        />
      </div>
    </section>
  );
}

export default About;