import Lauser from "../Lauser";

export default function Program() {
  return (
    <section id="program" className="py-20 bg-white">
      <div className="container mx-auto px-4">
        <h2 className="text-3xl md:text-4xl font-bold text-center mb-12">Programm</h2>
        <div className="flex flex-col md:flex-row md:space-x-8">
          <div className="flex-1 mb-8 md:mb-0">
            <h3 className="text-xl md:text-2xl font-bold mb-4">Samstag</h3>
            <p>Beginn: 19 Uhr</p>
            <p>Ab 21 Uhr Musik</p>
            <div className="aspect-[682/466] w-40 max-w-xs">
            <a href="https://www.lauser.at/" target="_blank" rel="noopener noreferrer">
              <Lauser></Lauser>
            </a>
            </div>
          </div>
          <div className="flex-1">
            <h3 className="text-xl md:text-2xl font-bold mb-4">Sonntag</h3>
            <p>Ab 8.45 Uhr Hl. Messe</p>
            <p>Musik: <span className="font-bold">MGV Wechselklang</span></p>
            <p className="mt-4">Festakt 150 Jahre FF Friedberg</p>
            <p className="mt-4">Präsentation der neuen Feuerwehrchronik</p>
            <p className="mt-4">Frühschoppen mit der <span className="font-bold">Stadtkapelle Friedberg</span></p>
          </div>
        </div>
      </div>
    </section>
  );
}