import type { Metadata } from 'next';
import { JsonLd } from '@/components/ui/JsonLd';
import Link from 'next/link';
import { Check, Phone, Wrench, AlertTriangle, ArrowRight } from 'lucide-react';
import { companyDetails } from '@/content/company';
import { buttonClasses, Button } from '@/components/ui/Button';


export const metadata: Metadata = {
  title: 'Serwis klimatyzacji Mitsubishi Electric Wrocław — naprawa i przegląd',
  description: 'Serwis klimatyzatorów Mitsubishi Electric na Dolnym Śląsku. Przegląd, czyszczenie, naprawa MSZ, MXZ, MLZ. Szybki termin, oryginalne części. Zadzwoń!',
  alternates: { canonical: '/serwis-mitsubishi' },
  openGraph: {
    title: 'Serwis klimatyzacji Mitsubishi Electric Wrocław',
    description: 'Naprawa, przegląd i czyszczenie klimatyzatorów Mitsubishi Electric. Wrocław i Dolny Śląsk.',
  },
};

const faqItems = [
  {
    q: 'Ile kosztuje serwis klimatyzatora Mitsubishi Electric?',
    a: 'Przegląd techniczny klimatyzatora Mitsubishi Electric zaczyna się od 150 zł, czyszczenie z odgrzybianiem od 250 zł. Mitsubishi Electric to urządzenia premium — serwis wykonujemy starannie, z użyciem oryginalnych części i pełną dokumentacją.',
  },
  {
    q: 'Czy serwisujecie Mitsubishi Electric na gwarancji?',
    a: 'Tak, wykonujemy przeglądy gwarancyjne wymagane przez Mitsubishi Electric do zachowania gwarancji producenta. Wystawiamy pełną dokumentację z przeglądu. W przypadku usterek gwarancyjnych pomagamy w kontakcie z importerem.',
  },
  {
    q: 'Jakie kody błędów Mitsubishi Electric naprawiacie?',
    a: 'Diagnozujemy i naprawiamy usterki powiązane z kodami E1, E2, E4, E6, P1, P4, P8, U1 i innymi. Posiadamy doświadczenie w diagnostyce sterowników Mitsubishi Electric i znamy typowe usterki poszczególnych serii.',
  },
  {
    q: 'Czy naprawiacie Mitsubishi Electric MSZ i MXZ?',
    a: 'Tak, serwisujemy zarówno jednostki wewnętrzne serii MSZ (ścienne) jak i jednostki zewnętrzne MXZ (systemy multisplit). Obsługujemy też systemy kanałowe SEZ.',
  },
  {
    q: 'Klimatyzator Mitsubishi wyświetla kod błędu — co robić?',
    a: 'Nie ignoruj kodu błędu — może oznaczać poważną usterkę która nieleczona uszkodzi sprężarkę. Zadzwoń do nas, podaj kod błędu i model urządzenia — często możemy wstępnie zdiagnozować problem przez telefon i przyjechać z odpowiednimi częściami.',
  },
  {
    q: 'Czy przyjeżdżacie poza Wrocław?',
    a: 'Tak, obsługujemy cały Dolny Śląsk — Legnicę, Wałbrzych, Jelenią Górę, Lubin, Świdnicę i okoliczne miejscowości. Koszt dojazdu ustalamy indywidualnie.',
  },
];

export default function SerwisMitsubishiPage() {
  const jsonLd = {
    '@context': 'https://schema.org',
    '@type': 'Service',
    name: 'Serwis klimatyzacji Mitsubishi Electric',
    provider: {
      '@type': 'HVACBusiness',
      name: companyDetails.name,
      telephone: companyDetails.phone,
      address: {
        '@type': 'PostalAddress',
        addressLocality: companyDetails.address.city,
        addressRegion: companyDetails.address.region,
        addressCountry: 'PL',
      },
    },
    areaServed: { '@type': 'AdministrativeArea', name: 'Dolny Śląsk' },
    description: 'Serwis, naprawa i przegląd klimatyzatorów Mitsubishi Electric na Dolnym Śląsku.',
    mainEntityOfPage: {
      '@type': 'FAQPage',
      mainEntity: faqItems.map(f => ({
        '@type': 'Question',
        name: f.q,
        acceptedAnswer: { '@type': 'Answer', text: f.a },
      })),
    },
  };

  return (
    <>
      <JsonLd data={jsonLd} />
      <main>
        {/* Hero */}
        <section className="bg-primary text-white py-16 md:py-24">
          <div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
            <div className="inline-flex items-center gap-2 px-3 py-1.5 bg-white/10 rounded-full text-sm font-medium mb-6">
              <Wrench className="size-4" />
              Specjalistyczny serwis Mitsubishi Electric
            </div>
            <h1 className="text-3xl md:text-5xl font-extrabold font-heading leading-tight mb-6">
              Serwis klimatyzacji<br />
              <span className="text-accent">Mitsubishi Electric — Wrocław</span>
            </h1>
            <p className="text-lg text-white/80 mb-8 max-w-2xl">
              Mitsubishi Electric to japoński standard niezawodności i precyzji. Serwisujemy
              wszystkie serie — MSZ, MXZ, MLZ, SEZ — z pełną dokumentacją przeglądową
              i oryginalnymi częściami zamiennymi.
            </p>
            <div className="inline-flex flex-col gap-4">
              <a href={`tel:${companyDetails.phoneRaw}`} className="w-full">
                <Button variant="primary" size="md" className="w-full">
                  <Phone className="size-5" /> Zadzwoń: {companyDetails.phone}
                </Button>
              </a>
              <Link href="/zgloszenie-awarii" className={buttonClasses({ variant: 'outline', size: 'md', className: 'w-full' })}>

                  Zgłoś awarię online <ArrowRight className="size-5" />
                
</Link>
            </div>
          </div>
        </section>

        {/* Dlaczego my */}
        <section className="py-16 bg-white">
          <div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
            <div className="flex items-start gap-4 p-5 bg-blue-50 border border-blue-200 rounded-2xl mb-10">
              <AlertTriangle className="size-6 text-blue-500 shrink-0 mt-0.5" />
              <div>
                <p className="font-bold text-primary mb-1">Mitsubishi Electric — urządzenie premium wymaga serwisu premium</p>
                <p className="text-sm text-text-muted">
                  Klimatyzatory Mitsubishi Electric to jedne z najtrwalszych urządzeń na rynku,
                  ale ich zaawansowane układy inwerterowe i elektronika wymagają właściwej diagnostyki.
                  Błędny serwis może skrócić żywotność urządzenia wartego kilka tysięcy złotych.
                  My znamy te urządzenia i serwisujemy je z należytą starannością.
                </p>
              </div>
            </div>

            <h2 className="text-2xl font-extrabold text-primary font-heading mb-8">Co robimy dla Twojego Mitsubishi Electric?</h2>
            <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
              {[
                { title: 'Przegląd gwarancyjny i pogwarancyjny', desc: 'Pełna dokumentacja wymagana przez Mitsubishi Electric. Kontrola szczelności F-Gaz, ciśnień i parametrów pracy.' },
                { title: 'Czyszczenie i odgrzybianie', desc: 'Czyszczenie filtrów (w tym filtrów antyalergicznych i enzymatycznych), lameli, tacy i wentylatora.' },
                { title: 'Diagnostyka i odczyt kodów błędów', desc: 'Odczyt kodów E1, E2, E4, E6, P1, P4, P8, U1. Precyzyjna diagnoza przed naprawą — bez strzelania na ślepo.' },
                { title: 'Uzupełnienie czynnika R32/R410A', desc: 'Lokalizacja nieszczelności, próba ciśnieniowa azotem, próżniowanie i uzupełnienie czynnika.' },
                { title: 'Naprawa układu elektrycznego', desc: 'Wymiana płyt głównych, modułów WiFi (Mitsubishi MELCloud), czujników temperatury i sterowników.' },
                { title: 'Serwis systemów multisplit MXZ', desc: 'Diagnostyka i naprawa jednostek zewnętrznych MXZ obsługujących wiele pomieszczeń jednocześnie.' },
              ].map((item, i) => (
                <div key={i} className="flex gap-3 p-4 bg-slate-50 rounded-xl">
                  <Check className="size-5 text-accent shrink-0 mt-0.5" />
                  <div>
                    <p className="font-bold text-primary text-sm">{item.title}</p>
                    <p className="text-xs text-text-muted mt-0.5">{item.desc}</p>
                  </div>
                </div>
              ))}
            </div>
          </div>
        </section>

        {/* Serie Mitsubishi */}
        <section className="py-16 bg-slate-50">
          <div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
            <h2 className="text-2xl font-extrabold text-primary font-heading mb-6">
              Obsługiwane serie klimatyzatorów Mitsubishi Electric
            </h2>
            <div className="flex flex-wrap gap-2">
              {[
                'MSZ-AP (Standard)', 'MSZ-AY (Premium)', 'MSZ-EF (Design)', 'MSZ-LN (Premium)',
                'MXZ (Multisplit)', 'MLZ (Kasetonowy)', 'SEZ (Kanałowy)', 'PCA (Kasetonowy 4-drożny)',
                'Mitsubishi City Multi', 'Mitsubishi Mr. Slim',
              ].map(s => (
                <span key={s} className="px-4 py-2 bg-white border border-border rounded-xl text-sm font-semibold text-primary">
                  {s}
                </span>
              ))}
            </div>
            <p className="text-xs text-text-muted mt-4">
              Nie widzisz swojego modelu? Zadzwoń — prawdopodobnie też go obsługujemy.
            </p>
          </div>
        </section>

        {/* FAQ */}
        <section className="py-16 bg-white">
          <div className="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8">
            <h2 className="text-2xl font-extrabold text-primary font-heading mb-8">
              Często zadawane pytania
            </h2>
            <div className="flex flex-col gap-4">
              {faqItems.map((item, i) => (
                <details key={i} className="group bg-slate-50 rounded-xl border border-border overflow-hidden">
                  <summary className="flex items-center justify-between p-5 cursor-pointer font-semibold text-primary text-sm list-none">
                    {item.q}
                    <ArrowRight className="size-4 text-text-muted group-open:rotate-90 transition-transform shrink-0 ml-3" />
                  </summary>
                  <div className="px-5 pb-5 text-sm text-text-muted leading-relaxed border-t border-border pt-4">
                    {item.a}
                  </div>
                </details>
              ))}
            </div>
          </div>
        </section>

        {/* CTA */}
        <section className="py-16 bg-primary text-white">
          <div className="max-w-2xl mx-auto px-4 text-center">
            <h2 className="text-2xl font-extrabold font-heading mb-4">
              Masz problem z klimatyzatorem Mitsubishi Electric?
            </h2>
            <p className="text-white/80 mb-8">
              Zadzwoń lub zgłoś awarię online — przyjeżdżamy na Dolny Śląsk.
            </p>
            <div className="flex flex-col sm:flex-row gap-4 justify-center">
              <a href={`tel:${companyDetails.phoneRaw}`}>
                <Button variant="primary" size="md">
                  <Phone className="size-5" /> {companyDetails.phone}
                </Button>
              </a>
              <Link href="/zgloszenie-awarii" className={buttonClasses({ variant: 'outline', size: 'md' })}>

                  Zgłoś online <ArrowRight className="size-5" />
                
</Link>
            </div>
          </div>
        </section>
      </main>
    </>
  );
}