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

export const metadata: Metadata = createMetadata("Kontakt", "Kontakt zu Funktechnik Schubert aufnehmen.", "/kontakt");

export default function ContactPage() {
  return (
    <>
      <PageHero eyebrow="Kontakt" title="Kontakt aufnehmen">
        Beschreiben Sie kurz Ihr Anliegen. Für Reparaturen nutzen Sie idealerweise die strukturierte Reparaturannahme.
      </PageHero>
      <section className="section">
        <div className="container split">
          <div>
            <h2>Direkt und technisch</h2>
            <p className="lead">Je genauer Gerät, Anliegen und gewünschte Unterstützung beschrieben werden, desto gezielter kann die Rückmeldung erfolgen.</p>
          </div>
          <div className="panel">
            <ContactForm />
          </div>
        </div>
      </section>
    </>
  );
}