export default function Contact() {
  return (
    <section id="contact" 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">Kontakt & Anfahrt</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">Adresse</h3>
            <p>Steinbruch Friedberg</p>
            <p className="mt-4">Steinerstraße 253, 8240 Friedberg</p>
            <p>Bei Schlechtwetter im Sportzentrum Friedberg</p>
          </div>
          <div className="flex-1">
            <div className="aspect-w-16 aspect-h-9">
              <iframe
                src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3228.641194756047!2d16.055658899999997!3d47.448087799999996!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x476e7d7cb5936f95%3A0xab5b000c861e595b!2sSteinbruch%20Friedberg!5e1!3m2!1sde!2sat!4v1751542474148!5m2!1sde!2sat"
                width="100%"
                height="100%"
                style={{ border: 0 }}
                allowFullScreen={true}
                loading="lazy"
              ></iframe>
            </div>
          </div>
        </div>
      </div>
    </section>
  );
}
