export default function Info() {
  return (
    <section id="info" className="py-20 bg-gray-100">
      <div className="container mx-auto px-4">
        <h2 className="text-3xl md:text-4xl font-bold text-center mb-12">Infos</h2>
        <div className="max-w-3xl mx-auto">
          <div className="mb-8">
            <h3 className="text-xl md:text-2xl font-bold mb-4">Karten</h3>
            <p>VVK € 10,- / AK € 12,-</p>
            <br />
            <p>Erhältlich bei</p>
            <ul className="list-disc pl-5">
              <li>Trafik Gressenbauer</li>
              <li>Der Salon - Monika Krammer</li>
              <li>Tapeziermeister Michäler</li>
              <li>FF-Mitglieder</li>
            </ul>
          </div>
          <div>
            <h3 className="text-xl md:text-2xl font-bold mb-4">Reinerlös</h3>
            <p>Der Reinerlös dient der Finanzierung von Fahrzeugen und Geräten der Feuerwehr.</p>
          </div>
        </div>
      </div>
    </section>
  );
}
