import Link from "next/link";
import ServiceCard from "@/components/ServiceCard";

export default function HomePage() {
  return (
    <>
      <section className="hero">
        <div className="container hero-content">
          <p className="eyebrow">Funktechnik, Elektronikservice, Werkstatt</p>
          <h1>Funktechnik Schubert</h1>
          <p className="lead">Service, Reparatur und technische Unterstützung für Funkgeräte und Kommunikationstechnik.</p>
          <div className="hero-actions">
            <Link className="button" href="/reparatur">Reparatur anfragen</Link>
            <Link className="button secondary" href="/leistungen">Leistungen ansehen</Link>
          </div>
        </div>
      </section>

      <section className="section">
        <div className="container">
          <div className="section-head">
            <p className="eyebrow">Leistungsbereiche</p>
            <h2>Technischer Service mit sauberer Diagnose</h2>
            <p className="lead">Von der ersten Fehlerbeschreibung bis zur dokumentierten Prüfung: Funktechnik Schubert verbindet Werkstatterfahrung mit strukturierter Kommunikation.</p>
          </div>
          <div className="grid three">
            <ServiceCard title="Funkgeräte-Service">Prüfung, Abgleich und Service für CB-Funk, Amateurfunk und ausgewählte Kommunikationstechnik.</ServiceCard>
            <ServiceCard title="Reparatur & Diagnose">Systematische Fehlersuche bei Empfang, Modulation, PLL, Frequenzstabilität und Stromversorgung.</ServiceCard>
            <ServiceCard title="Serviceunterlagen">Sorgfältiger Umgang mit Schaltplänen, Service Manuals und gerätespezifischen Dokumentationen.</ServiceCard>
          </div>
        </div>
      </section>

      <section className="section dark">
        <div className="container split">
          <div>
            <p className="eyebrow">Persönlicher Support</p>
            <h2>Direkte technische Einschätzung statt anonymer Abwicklung</h2>
            <p className="lead">Viele Fehlerbilder lassen sich bereits mit einer klaren Beschreibung eingrenzen. Die Reparaturannahme fragt deshalb die wichtigsten technischen Details strukturiert ab.</p>
            <div className="actions">
              <Link className="button" href="/reparatur">Reparaturformular öffnen</Link>
            </div>
          </div>
          <div className="card">
            <h3>Warum Funktechnik Schubert?</h3>
            <ul className="list">
              <li>Technischer Fokus auf Funkgeräte und Kommunikationstechnik</li>
              <li>Nachvollziehbare Diagnose statt pauschaler Austauschlogik</li>
              <li>Klare Rückmeldung zu Aufwand, Zustand und nächsten Schritten</li>
              <li>Vorbereitung für strukturierte Service- und Dokumentationsprozesse</li>
            </ul>
          </div>
        </div>
      </section>
    </>
  );
}
