const OurStory = () => {
  return (
    <section className="section-dark section-padding">
      <div className="container-narrow text-center">
        <h2 className="text-section-title text-[hsl(var(--dark-text))] mb-12">
          Unsere <span className="text-secondary">Geschichte</span>
        </h2>

        <div className="grid md:grid-cols-3 gap-8 mb-16">
          <div className="spacing-small">
            <div className="w-12 h-12 mx-auto bg-secondary/20 rounded-full flex items-center justify-center">
              <div className="w-6 h-6 bg-secondary rounded-full"></div>
            </div>
            <h3 className="text-xl font-semibold text-[hsl(var(--dark-text))]">Die Idee</h3>
            <p className="text-dark-muted text-sm leading-relaxed">
              2019 erkannten wir eine kritische Marktlücke: Unternehmen benötigten intelligente,
              nachhaltige Konnektivitätslösungen für die digitale Transformation.
            </p>
          </div>

          <div className="spacing-small">
            <div className="w-12 h-12 mx-auto bg-secondary/20 rounded-full flex items-center justify-center">
              <div className="w-6 h-6 bg-secondary rounded-full"></div>
            </div>
            <h3 className="text-xl font-semibold text-[hsl(var(--dark-text))]">Die Mission</h3>
            <p className="text-dark-muted text-sm leading-relaxed">
              Wir entwickelten innovative B2B-Lösungen, die Unternehmen dabei unterstützen,
              effizienter zu arbeiten und nachhaltiges Wachstum zu erzielen.
            </p>
          </div>

          <div className="spacing-small">
            <div className="w-12 h-12 mx-auto bg-secondary/20 rounded-full flex items-center justify-center">
              <div className="w-6 h-6 bg-secondary rounded-full"></div>
            </div>
            <h3 className="text-xl font-semibold text-[hsl(var(--dark-text))]">Die Zukunft</h3>
            <p className="text-dark-muted text-sm leading-relaxed">
              Heute sind wir stolz darauf, hunderte Unternehmen dabei zu unterstützen,
              ihre digitalen Ziele zu erreichen und neue Märkte zu erschließen.
            </p>
          </div>
        </div>

        <p className="text-large text-dark-muted leading-relaxed max-w-3xl mx-auto">
          Was als Vision begann, traditionelle Geschäftsprozesse zu revolutionieren, ist heute eine
          bewährte Plattform für digitale Innovation. B2in schließt die Lücke zwischen
          traditionellen Unternehmen und modernen, digitalen Lösungen durch maßgeschneiderte
          Konnektivitätsservices, die Effizienz steigern und nachhaltiges Wachstum fördern.
        </p>
      </div>
    </section>
  );
};

export default OurStory;
