// AboutIntro: two-column "Über uns" + "Woran wir glauben"
const AboutIntro = () => (
  <section style={{ padding: '96px 24px', background: '#FAFAFA' }}>
    <div style={{
      maxWidth: 1200, margin: '0 auto',
      display: 'grid', gridTemplateColumns: '320px 1fr', gap: 80,
    }}>
      <div>
        <div style={{ width: 32, height: 4, background: '#FFD500', borderRadius: 2, marginBottom: 20 }}/>
        <h2 style={{
          font: '700 36px/1.1 Roboto, sans-serif', letterSpacing: '-0.02em',
          color: '#0A0A0A', margin: 0,
        }}>
          Über uns
        </h2>
      </div>
      <div style={{ display: 'flex', flexDirection: 'column', gap: 24, maxWidth: 720 }}>
        <p style={{ font: '400 18px/1.65 Roboto, sans-serif', color: '#0A0A0A', margin: 0 }}>
          Goma-IT ist eine spezialisierte Agentur für künstliche Intelligenz und
          Prozess-Automatisierung mit Sitz in <strong>Bludenz, Vorarlberg</strong>.
          Unser Fokus: kleine und mittlere Unternehmen im DACH-Raum, die repetitive Arbeit an
          intelligente Systeme abgeben wollen — ohne dafür ein eigenes Tech-Team aufbauen zu müssen.
        </p>
        <p style={{ font: '400 18px/1.65 Roboto, sans-serif', color: '#525252', margin: 0 }}>
          Wir kommen nicht aus dem Consulting. Wir kommen aus der Umsetzung. Statt Strategiepapieren
          liefern wir laufende Systeme, die ab dem ersten Tag echte Arbeit übernehmen: Voice-AI für
          Telefonie, Chatbots für Webseiten, KI-gestützte Dokumentenverarbeitung und maßgeschneiderte
          Automatisierungen für interne Abläufe.
        </p>
      </div>
    </div>

    <div style={{
      maxWidth: 1200, margin: '96px auto 0',
      display: 'grid', gridTemplateColumns: '320px 1fr', gap: 80,
    }}>
      <div>
        <div style={{ width: 32, height: 4, background: '#FFD500', borderRadius: 2, marginBottom: 20 }}/>
        <h2 style={{
          font: '700 36px/1.1 Roboto, sans-serif', letterSpacing: '-0.02em',
          color: '#0A0A0A', margin: 0,
        }}>
          Woran wir glauben
        </h2>
      </div>
      <div style={{ display: 'flex', flexDirection: 'column', gap: 24, maxWidth: 720 }}>
        <p style={{ font: '400 18px/1.65 Roboto, sans-serif', color: '#525252', margin: 0 }}>
          Viele Unternehmen im DACH-Raum stehen vor demselben Problem: Die Auftragsbücher sind voll,
          aber die Hälfte der Zeit geht für Verwaltung, Telefonate und Datenübertragung drauf.
          Fachkräfte für genau diese Aufgaben sind kaum zu finden — und wenn, dann teuer.
        </p>
        <p style={{ font: '400 18px/1.65 Roboto, sans-serif', color: '#0A0A0A', margin: 0 }}>
          Wir sind überzeugt: <strong>Künstliche Intelligenz ist nicht das nächste große Buzzword.</strong>
          {' '}Sie ist das Werkzeug, das diese Lücke schließt. Nicht irgendwann, sondern jetzt.
          Nicht für Konzerne, sondern für den Handwerksbetrieb mit 15 Mitarbeitern, die Kanzlei
          mit drei Partnern, den Händler, der abends noch Angebote schreibt.
        </p>
        <p style={{ font: '400 18px/1.65 Roboto, sans-serif', color: '#525252', margin: 0 }}>
          Unser Job ist es, diese Technologie so zu verpacken, dass sie vom ersten Tag an
          funktioniert — ohne dass Sie verstehen müssen, was dahinter passiert.
        </p>
      </div>
    </div>
  </section>
);

window.AboutIntro = AboutIntro;
