import type { Metadata } from "next";
import PageHero from "@/components/PageHero";
import RepairForm from "@/components/RepairForm";
import { createMetadata } from "../seo";

export const metadata: Metadata = createMetadata("Reparaturannahme", "Reparaturanfrage für Funkgeräte strukturiert vorbereiten.", "/reparatur");

export default function RepairPage() {
  return (
    <>
      <PageHero eyebrow="Reparaturannahme" title="Reparatur anfragen">
        Beschreiben Sie Gerät, Fehlerbild und bisherige Vorarbeiten. Die Anfrage wird strukturiert erfasst und für eine spätere technische Übergabe vorbereitet.
      </PageHero>
      <section className="section">
        <div className="container split">
          <div>
            <h2>Vor der Einsendung</h2>
            <p className="lead">Bitte senden Sie Geräte erst nach Rückmeldung ein. Eine klare Fehlerbeschreibung hilft, den Aufwand besser einzuschätzen.</p>
            <ul className="list">
              <li>Hersteller, Modell und Seriennummer bereithalten</li>
              <li>Fehler möglichst reproduzierbar beschreiben</li>
              <li>Vorarbeiten und geöffnete Geräte ehrlich angeben</li>
              <li>Zubehör nur nach Absprache mitsenden</li>
            </ul>
          </div>
          <div className="panel">
            <RepairForm />
          </div>
        </div>
      </section>
    </>
  );
}
