/* global React, ReactDOM */
const SERVICES = [
  {slug:'industriereinigung', n:'01', t:'Industriereinigung', short:'Hallen, Maschinen und Produktionslinien — auch im laufenden Betrieb. Hochdruck, Trockeneis, Saugen.'},
  {slug:'tankreinigung', n:'02', t:'Tank- & Behälterreinigung', short:'Lagertanks, Reaktoren, Silos und Druckbehälter von DN 800 bis 6000. Mit Inertisierung und PSA Klasse III.'},
  {slug:'trockeneisstrahlen', n:'03', t:'Trockeneisstrahlen', short:'Schonende Reinigung empfindlicher Oberflächen — ohne Strahlmittel, ohne Sekundärabfälle, kein Wasser.'},
  {slug:'rohrreinigung', n:'04', t:'Rohr- & Kanalreinigung', short:'Verstopfte Produktionsrohre, Abwasserkanäle, Wärmetauscher. Hochdruck bis 2500 bar, Kamerainspektion.'},
  {slug:'havarie', n:'05', t:'Sonderreinigung & Havarie', short:'Brand-, Wasser- und Chemiehavarie. 24/7-Notdienst, Erstsicherung und Beweissicherung.'},
  {slug:'wartungsvertraege', n:'06', t:'Wartungsverträge', short:'Geplante Reinigungszyklen mit fester Crew, festen Slots und transparenter Abrechnung.'},
];

const Page = () => (
  <SubPage
    active="leistungen"
    breadcrumb={[{label:'Start', href:'../index.html'}, {label:'Leistungen'}]}
    kicker="Alle Leistungen"
    title="Industrieservice von A bis Z."
    sub="Sechs Kerngebiete, eine Crew, ein Ansprechpartner. Alle Leistungen aus eigenem Haus — keine Subunternehmer, keine versteckten Aufschläge."
  >
    <section className="pc-section">
      <div className="pc-container">
        <div className="pc-services-grid">
          {SERVICES.map(s => (
            <article className="pc-service" key={s.slug}>
              <div className="pc-service-head">
                <span className="pc-service-num">{s.n}</span>
                <h3 className="pc-service-title">{s.t}</h3>
              </div>
              <p className="pc-service-desc">{s.short}</p>
              <a className="pc-service-link" href={`${s.slug}.html`}>Detailseite ansehen <Arrow/></a>
            </article>
          ))}
        </div>
      </div>
    </section>
  </SubPage>
);
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(<Page/>);