// FAQ — replaces the Wix blog. GEO/AEO-optimized: direct question→answer pairs,
// production note: emit schema.org FAQPage JSON-LD from this same data.
const { Cta, CloseBand } = window.GenAISchnitzlerDesignSystem_ce4f9c;

const gsnFaq = [
  {
    q: 'Sieht mein Produkt auf den Bildern wirklich exakt aus wie mein Produkt?',
    a: 'Ja — das ist der Kern von CampaignPilot. Aus Ihren realen Produktfotos entsteht zuerst eine bildgestützte Produkt-Spezifikation (Form, Farben, Materialien, Signatur-Details, Proportionen). Jedes generierte Bild wird dagegen geprüft; was abweicht, wird abgelehnt und neu generiert. Es wird nie ein Produkt per Textbeschreibung „erfunden".',
  },
  {
    q: 'Was kostet das im Vergleich zu einem klassischen Shooting?',
    a: 'Ein klassisches Kampagnen-Shooting kostet CHF 15–30\u2019000 — pro Kampagne, mit Wochen Vorlauf. Das GenAI Abo light kostet CHF 590.– pro Monat inklusive Produktion und Publishing. Die spätere Übernahme von CampaignPilot kostet einmalig CHF 9\u2019900.–.',
  },
  {
    q: 'Wem gehören die Bilder und Videos?',
    a: 'Ihnen. Sämtliche im Abo oder mit CampaignPilot produzierten Assets gehen vollständig an Sie — für Web, Social, Print und Plakat, ohne zusätzliche Lizenzkosten.',
  },
  {
    q: 'Brauche ich Prompting-Kenntnisse?',
    a: 'Nein. CampaignPilot wird ausschliesslich in natürlicher Sprache gebrieft — wie ein Fotograf, nicht wie ein Tool. Kein node-basierter Workflow, kein Prompt-Engineering. Im Abo briefen Sie uns; nach der Übernahme briefen Sie den Agenten direkt.',
  },
  {
    q: 'Was heisst „Übernahme von CampaignPilot" konkret?',
    a: 'Während der Abo-Phase trainiere ich CampaignPilot auf Ihre Marke: Bildwelt, wiederkehrende Modelle, Tonalität. Nach ein paar Monaten übernehmen Sie den trainierten Agenten (einmalig CHF 9\u2019900.–) und fahren die Produktion selbst — als WebApp oder als Agent auf einem Ihrer Rechner. Support und Updates nach Bedarf.',
  },
  {
    q: 'Wie schnell ist eine Kampagne fertig?',
    a: 'Stunden statt Wochen. Aus einem realen Produktfoto entsteht eine komplette Multi-Szenen-Kampagne — Studio-Heroes, Lifestyle, Makro, Panels, Bewegtbild — inklusive Publishing in Ihre Kanäle.',
  },
  {
    q: 'Werden die Inhalte auch publiziert oder nur produziert?',
    a: 'Beides. Freigegebene Assets werden terminiert und direkt in Instagram, Facebook und LinkedIn publiziert; das Kampagnen-Lookbook geht automatisch auf einer eigenen Subdomain live. Nichts wird ohne Ihre Freigabe publiziert.',
  },
  {
    q: 'Sehen die Bilder nach KI oder Stock aus?',
    a: 'Nein. Fotorealistisch, in Ihrer Bildsprache, mit wiederkehrenden Modellen und konsistenter Bildwelt über jede Serie. Sehen Sie selbst: Die Live-Lookbooks (Eyewear, Damen- und Herrenmode) sind unbearbeitete, reale Resultate.',
  },
  {
    q: 'Funktioniert das auch für meine Branche?',
    a: 'CampaignPilot wurde an Eyewear gehärtet — dem härtesten Treue-Fall: identische Fassung über jede Szene, jedes Gesicht, jedes Licht. Mode, Möbel, Immobilien, Automotive und weitere Produktkategorien folgen demselben Prinzip: reale Referenzen tragen jedes Bild.',
  },
  {
    q: 'Kann ich vorher sehen, ob es für mein Produkt funktioniert?',
    a: 'Ja. Senden Sie uns ein Produktfoto — wir zeigen Ihnen anhand Ihres eigenen Produkts, was CampaignPilot daraus macht. Oder buchen Sie direkt 15 Minuten.',
  },
];

function FaqItem({ q, a, open, onToggle }) {
  return (
    <div style={{ borderTop: '1px solid var(--line)' }}>
      <button onClick={onToggle} style={{
        display: 'flex', alignItems: 'baseline', justifyContent: 'space-between', gap: 24, width: '100%',
        padding: '22px 0', background: 'none', border: 'none', cursor: 'pointer', textAlign: 'left',
        fontFamily: 'var(--font)',
      }}>
        <span style={{ fontSize: '1.15rem', fontWeight: open ? 600 : 400, color: 'var(--ink)', lineHeight: 1.4 }}>{q}</span>
        <span style={{ fontSize: '1.2rem', fontWeight: 300, color: 'var(--gold-d)', flex: 'none' }}>{open ? '–' : '+'}</span>
      </button>
      {open && (
        <p style={{ margin: '0 0 26px', maxWidth: 680, fontSize: '.98rem', lineHeight: 1.65, color: 'var(--text-body)' }}>{a}</p>
      )}
    </div>
  );
}

function Blog() {
  const [open, setOpen] = React.useState(0);
  return (
    <main style={{ fontFamily: 'var(--font)' }}>
      <IntroSection eyebrow="FAQ" title={<span>Die Fragen, die uns <b>alle stellen.</b></span>}>
        <p style={{ margin: 0 }}>Direkte Antworten zu Produkttreue, Kosten, Rechten und der Übernahme von CampaignPilot.</p>
      </IntroSection>
      <WhiteSection>
        <div style={{ maxWidth: 820 }}>
          {gsnFaq.map((f, i) => (
            <FaqItem key={i} q={f.q} a={f.a} open={open === i} onToggle={() => setOpen(open === i ? -1 : i)} />
          ))}
          <div style={{ borderTop: '1px solid var(--line)' }}></div>
        </div>
      </WhiteSection>
      <CloseBand
        eyebrow="Ihre Frage fehlt?"
        title={<span>Fragen Sie direkt — <b>15 Minuten genügen.</b></span>}
        ctaLabel="Termin buchen »"
        ctaHref="https://calendly.com/hubert-genai-schnitzler/15-min-beratung"
      />
    </main>
  );
}

Object.assign(window, { Blog });