/* global React, ReactDOM */
const Page = () => {
  const C = window.PC.COMPANY;
  return (
    <RootSubPage
      active="kontakt"
      breadcrumb={[{label:'Start', href:'index.html'}, {label:'Kontakt'}]}
      kicker="Kontakt & Angebot"
      title="Kostenfreies Angebot. Schriftlich und verbindlich."
      sub="Beschreiben Sie uns kurz Ihren Reinigungsbedarf. Innerhalb eines Werktags rufen wir zurück, nehmen Maße vor Ort und liefern ein verbindliches Festpreis-Angebot."
    >
      <section className="pc-section pc-section-contact">
        <div className="pc-container pc-contact-grid">
          <div className="pc-contact-info">
            <h2 className="pc-h2">Hier sitzt ein Mensch, kein Callcenter.</h2>
            <p className="pc-contact-lead">Mo–Fr 7–18 Uhr meldet sich ein Techniker. Außerhalb dessen unser 24/7-Notdienst — gleiche Nummer, andere Stimme.</p>
            <div className="pc-contact-blocks">
              <div className="pc-contact-block pc-contact-emergency">
                <div className="pc-contact-block-kicker"><span className="pc-pulse"></span>24/7 Notdienst</div>
                <a className="pc-contact-block-val" href={C.emergencyLink}>{C.emergency}</a>
                <div className="pc-contact-block-sub">Rund um die Uhr · auch an Sonn- und Feiertagen</div>
              </div>
              <div className="pc-contact-block">
                <div className="pc-contact-block-kicker">Zentrale</div>
                <a className="pc-contact-block-val" href={C.phoneLink}>{C.phone}</a>
                <div className="pc-contact-block-sub">{C.email} · Mo–Fr 7–18 Uhr</div>
              </div>
              <div className="pc-contact-block">
                <div className="pc-contact-block-kicker">Hauptsitz</div>
                <div className="pc-contact-block-val pc-contact-addr">PolClean Dienstleistungen<br/>Scharnhorststr. 178<br/>52351 Düren</div>
                <div className="pc-contact-block-sub">Auch persönlich vorbeikommen — wir kochen Kaffee.</div>
              </div>
            </div>
          </div>
          <ContactForm/>
        </div>
      </section>
    </RootSubPage>
  );
};
ReactDOM.createRoot(document.getElementById('root')).render(<Page/>);