// Über mich — founder page with real copy from the live site.
const { CloseBand, ImageGrid, Cta } = window.GenAISchnitzlerDesignSystem_ce4f9c;

function UeberMich() {
  return (
    <main style={{ fontFamily: 'var(--font)' }}>
      <IntroSection
        eyebrow="Über mich"
        title={<span>Warum GenAI Schnitzler? Weil Technologie erst mit Führung, Geschmack und Präzision <b>echten Wert schafft.</b></span>}
      >
        <p style={{ margin: 0 }}>Generative KI eröffnet Unternehmen heute Möglichkeiten, die vor kurzer Zeit noch grossen Produktionen vorbehalten waren. Doch zwischen technischer Machbarkeit und marktfähigem Resultat liegt ein grosser Unterschied.</p>
      </IntroSection>

      <WhiteSection>
        <div style={{ display: 'grid', gridTemplateColumns: '2fr 1fr', gap: 48, alignItems: 'start' }}>
          <div style={{ fontSize: '1.02rem', lineHeight: 1.7, color: 'var(--text-body)', display: 'grid', gap: 16 }}>
            <p style={{ margin: 0 }}>Ich unterstütze Schweizer KMU dabei, neue Technologien nicht nur zu verstehen, sondern gezielt für Wachstum, Sichtbarkeit und hochwertige Kommunikation einzusetzen.</p>
            <p style={{ margin: 0 }}>Mit GenAI Schnitzler habe ich mich auf die professionelle Umsetzung generativer Bild- und Videowelten spezialisiert: für Produkte, Marken, Immobilien und Kampagnen. Dabei geht es nicht um KI um der KI willen, sondern um Ergebnisse, die verkaufen, Vertrauen schaffen und Ihre Marke stärker machen.</p>
            <p style={{ margin: 0 }}>Ich sehe mich als digitalen Handwerker. Die Tools sind wichtig — entscheidend ist, wie man sie einsetzt. Mein Anspruch ist, für Schweizer Unternehmen Inhalte zu schaffen, die hochwertig aussehen, sauber umgesetzt sind und im Markt Wirkung entfalten.</p>
            <div style={{ borderTop: '1px solid var(--line)', paddingTop: 18, marginTop: 8 }}>
              <div style={{ fontWeight: 600, color: 'var(--ink)' }}>Hubert Schnitzler</div>
              <div style={{ fontSize: '.9rem', color: 'var(--muted)' }}>Gründer & Inhaber, GenAI Schnitzler</div>
            </div>
          </div>
          <ImageGrid variant="g1" ratio="3 / 4" images={[{ src: 'assets/hubert-schnitzler-portrait.jpg', caption: 'Hubert Schnitzler — Gründer & Inhaber' }]} />
        </div>
      </WhiteSection>

      <WhiteSection>
        <div style={{ display: 'grid', gap: 24, borderTop: '1px solid var(--line)', paddingTop: 40 }}>
          <div style={{ fontSize: 'var(--fs-eyebrow)', fontWeight: 600, letterSpacing: 'var(--ls-eyebrow)', textTransform: 'uppercase', color: 'var(--gold)' }}>So arbeiten wir zusammen</div>
          <h3 style={{ margin: 0, fontSize: 'var(--fs-h2)', fontWeight: 300, lineHeight: 1.3, maxWidth: 720 }}>Starten Sie managed — ab CHF 590.– <b style={{ fontWeight: 700 }}>pro Monat.</b></h3>
          <p style={{ margin: 0, maxWidth: 680, fontSize: '1.02rem', lineHeight: 1.65, color: 'var(--text-body)' }}>Mit dem GenAI Abo light produziere und publiziere ich Ihre Bildserien und Videos — in Ihrer Bildsprache, regelmässig in Ihre Kanäle. Und wenn Sie bereit sind, übernehmen Sie CampaignPilot und fahren die Produktion selbst.</p>
          <div><Cta href="https://calendly.com/hubert-genai-schnitzler/15-min-beratung" button>15 Minuten, live an Ihrem Produkt »</Cta></div>
        </div>
      </WhiteSection>

      <CloseBand
        eyebrow="Kontakt"
        title={<span>Ich zeige es Ihnen live — an <b>Ihrem Produkt.</b></span>}
        ctaLabel="15 Minuten, live an Ihrem Produkt »"
        ctaHref="https://calendly.com/hubert-genai-schnitzler/15-min-beratung"
      >
        <p style={{ margin: '32px 0 0', fontSize: '.94rem', color: 'var(--on-dark-2)' }}>
          hubert@genai-schnitzler.ch · +41 79 583 28 80 · LinkedIn · Instagram · Facebook
        </p>
      </CloseBand>
    </main>
  );
}

Object.assign(window, { UeberMich });