import type { Metadata } from 'next';
import Link from 'next/link';
import { Check, Phone, ArrowRight, Wrench, Zap, Wind } from 'lucide-react';
import { companyDetails } from '@/content/company';

export const metadata: Metadata = {
  title: 'Cennik montażu klimatyzacji Wrocław 2026 — ile kosztuje montaż? | ThermCool',
  description: 'Sprawdź aktualne ceny montażu klimatyzacji we Wrocławiu. Montaż split od 1200 zł, bruzda 45 zł/mb, korytko 25 zł/mb. Bezpłatna wycena przed realizacją.',
  alternates: { canonical: '/cennik-montazu' },
  openGraph: {
    title: 'Cennik montażu klimatyzacji Wrocław 2026 | ThermCool',
    description: 'Aktualne ceny montażu klimatyzacji. Split od 1200 zł, multisplit od 2800 zł. Wrocław i Dolny Śląsk.',
  },
};

const faqItems = [
  {
    q: 'Ile kosztuje montaż klimatyzacji we Wrocławiu?',
    a: 'Montaż klimatyzatora split w jednym pomieszczeniu kosztuje od 1200 zł netto. Cena obejmuje montaż jednostki wewnętrznej i zewnętrznej, wykonanie trasy freonowej do 3 mb, podłączenie elektryczne i uruchomienie. Każdy metr trasy powyżej 3 mb to dodatkowe 25 zł (korytko) lub 45 zł (bruzda w ścianie).',
  },
  {
    q: 'Co jest droższe — bruzda czy korytko?',
    a: 'Bruzda w ścianie kosztuje 45 zł/mb i daje estetyczniejszy efekt — rury są niewidoczne. Korytko PCV to 25 zł/mb, jest tańsze i szybsze w montażu, ale rury są widoczne wzdłuż ściany. Przy nowym budownictwie lub remoncie zdecydowanie polecamy bruzdę. W blokach z gotowym wykończeniem korytko jest najczęstszym wyborem.',
  },
  {
    q: 'Czy cena montażu zawiera urządzenie?',
    a: 'Nie — ceny w cenniku to wyłącznie koszt robocizny i montażu. Klimatyzator możesz kupić u nas w sklepie lub dostarczyć własny. Jeśli kupujesz u nas, możemy zaproponować pakiet urządzenie + montaż w atrakcyjnej cenie.',
  },
  {
    q: 'Czy do ceny doliczacie VAT?',
    a: 'Tak, wszystkie ceny w cenniku są cenami netto. Do podanych kwot doliczamy VAT 23%. Wystawiamy faktury VAT — klimatyzacja w firmie to koszt uzyskania przychodu.',
  },
  {
    q: 'Dlaczego montaż na dachu lub poddaszu jest droższy?',
    a: 'Montaż w trudno dostępnych miejscach wymaga dodatkowego sprzętu (drabiny, rusztowania), więcej czasu pracy ekipy i często specjalistycznych uchwytów montażowych. Dlatego takie realizacje wyceniamy indywidualnie po oględzinach.',
  },
  {
    q: 'Jak uzyskać dokładną wycenę montażu?',
    a: 'Zadzwoń do nas lub wypełnij formularz kontaktowy. Przyjedziemy na bezpłatne oględziny, ocenimy warunki montażu i w ciągu 24 godzin wystawimy szczegółową wycenę. Cena w wycenie jest ceną ostateczną — bez ukrytych kosztów.',
  },
];

const CENNIK_MONTAZ = [
  { label: 'Montaż klimatyzatora split (1 pomieszczenie, trasa do 3 mb)', cena: 'od 1200 zł', highlight: true },
  { label: 'Montaż systemu multisplit — 2 jednostki wewnętrzne', cena: 'od 2800 zł', highlight: false },
  { label: 'Montaż systemu multisplit — 3 jednostki wewnętrzne', cena: 'od 3800 zł', highlight: false },
  { label: 'Montaż systemu multisplit — 4 jednostki wewnętrzne', cena: 'od 4800 zł', highlight: false },
  { label: 'Montaż klimatyzatora kasetonowego', cena: 'wycena indywidualna', highlight: false },
  { label: 'Montaż klimatyzatora kanałowego', cena: 'wycena indywidualna', highlight: false },
];

const CENNIK_TRASA = [
  { label: 'Trasa freonowa w korytku PCV', cena: '25 zł/mb' },
  { label: 'Trasa freonowa w bruździe ściennej', cena: '45 zł/mb' },
  { label: 'Konsola ścienna jednostki zewnętrznej', cena: 'od 120 zł' },
  { label: 'Montaż jednostki zewnętrznej na dachu / poddaszu', cena: 'wycena indywidualna' },
  { label: 'Dodatkowy przewiert przez ścianę', cena: 'od 80 zł' },
];

const CENNIK_SERWIS = [
  { label: 'Czyszczenie i odgrzybianie klimatyzatora', cena: 'od 250 zł' },
  { label: 'Przegląd techniczny (F-Gaz)', cena: 'od 150 zł' },
  { label: 'Uzupełnienie czynnika R32', cena: 'od 180 zł' },
  { label: 'Uzupełnienie czynnika R410A', cena: 'od 220 zł' },
  { label: 'Diagnostyka i naprawa', cena: 'wycena po diagnostyce' },
  { label: 'Serwis sezonowy / abonament', cena: 'od 199 zł/rok' },
];

export default function CennikMontazuPage() {
  const jsonLd = {
    '@context': 'https://schema.org',
    '@type': 'Service',
    name: 'Montaż klimatyzacji Wrocław — cennik',
    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: 'Cennik montażu klimatyzacji we Wrocławiu i na Dolnym Śląsku. Montaż split od 1200 zł, bruzda 45 zł/mb, korytko 25 zł/mb.',
    offers: [
      { '@type': 'Offer', name: 'Montaż klimatyzatora split', priceCurrency: 'PLN', price: '1200' },
      { '@type': 'Offer', name: 'Czyszczenie klimatyzatora', priceCurrency: 'PLN', price: '250' },
    ],
    mainEntityOfPage: {
      '@type': 'FAQPage',
      mainEntity: faqItems.map(f => ({
        '@type': 'Question',
        name: f.q,
        acceptedAnswer: { '@type': 'Answer', text: f.a },
      })),
    },
  };

  return (
    <>
      <script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify(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" />
              Aktualne ceny — 2026
            </div>
            <h1 className="text-3xl md:text-5xl font-extrabold font-heading leading-tight mb-6">
              Cennik montażu klimatyzacji<br />
              <span className="text-accent">Wrocław — bez ukrytych kosztów</span>
            </h1>
            <p className="text-lg text-white/80 mb-8 max-w-2xl">
              Przejrzyste ceny montażu klimatyzacji. Przed każdą realizacją wystawiamy
              bezpłatną wycenę — płacisz dokładnie tyle ile uzgodniono. Zero niespodzianek.
            </p>
            <div className="flex flex-col sm:flex-row gap-4">
              <a href={`tel:${companyDetails.phoneRaw}`}>
                <button className="flex items-center gap-2 px-6 py-3 bg-accent text-white rounded-xl font-bold hover:bg-accent/90 transition-colors">
                  <Phone className="size-5" /> Zadzwoń po wycenę
                </button>
              </a>
              <Link href="/kontakt">
                <button className="flex items-center gap-2 px-6 py-3 bg-white/10 text-white rounded-xl font-bold hover:bg-white/20 transition-colors border border-white/20">
                  Formularz kontaktowy <ArrowRight className="size-5" />
                </button>
              </Link>
            </div>
          </div>
        </section>

        {/* Cennik główny */}
        <section className="py-16 bg-white">
          <div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 flex flex-col gap-10">

            {/* Montaż */}
            <div>
              <div className="flex items-center gap-2 mb-4">
                <Wrench className="size-5 text-accent" />
                <h2 className="text-xl font-extrabold text-primary font-heading">Montaż klimatyzacji</h2>
              </div>
              <div className="rounded-2xl border border-border overflow-hidden">
                {CENNIK_MONTAZ.map((r, i) => (
                  <div key={i} className={`flex items-center justify-between px-5 py-4 gap-4 ${i > 0 ? 'border-t border-border' : ''} ${r.highlight ? 'bg-accent/5' : 'bg-white'}`}>
                    <div className="flex items-center gap-2">
                      {r.highlight && <Check className="size-4 text-accent shrink-0" />}
                      <span className={`text-sm ${r.highlight ? 'font-semibold text-primary' : 'text-primary'}`}>{r.label}</span>
                    </div>
                    <span className={`text-sm font-bold whitespace-nowrap ${r.highlight ? 'text-accent' : 'text-primary'}`}>{r.cena}</span>
                  </div>
                ))}
              </div>
            </div>

            {/* Trasa freonowa */}
            <div>
              <div className="flex items-center gap-2 mb-4">
                <Zap className="size-5 text-accent" />
                <h2 className="text-xl font-extrabold text-primary font-heading">Trasa freonowa i dodatkowe prace</h2>
              </div>
              <div className="rounded-2xl border border-border overflow-hidden bg-white">
                {CENNIK_TRASA.map((r, i) => (
                  <div key={i} className={`flex items-center justify-between px-5 py-4 gap-4 ${i > 0 ? 'border-t border-border' : ''}`}>
                    <span className="text-sm text-primary">{r.label}</span>
                    <span className="text-sm font-bold text-primary whitespace-nowrap">{r.cena}</span>
                  </div>
                ))}
              </div>
              <div className="mt-4 p-4 bg-amber-50 border border-amber-200 rounded-xl">
                <p className="text-xs text-amber-900 leading-relaxed">
                  <span className="font-bold">Bruzda vs korytko:</span> Bruzda w ścianie (45 zł/mb) daje niewidoczną instalację — polecana przy nowym budownictwie i remontach. Korytko PCV (25 zł/mb) jest szybsze i tańsze — popularne w gotowych mieszkaniach. Doradzimy najlepsze rozwiązanie po oględzinach.
                </p>
              </div>
            </div>

            {/* Serwis */}
            <div>
              <div className="flex items-center gap-2 mb-4">
                <Wind className="size-5 text-accent" />
                <h2 className="text-xl font-extrabold text-primary font-heading">Serwis i przeglądy</h2>
              </div>
              <div className="rounded-2xl border border-border overflow-hidden bg-white">
                {CENNIK_SERWIS.map((r, i) => (
                  <div key={i} className={`flex items-center justify-between px-5 py-4 gap-4 ${i > 0 ? 'border-t border-border' : ''}`}>
                    <span className="text-sm text-primary">{r.label}</span>
                    <span className="text-sm font-bold text-primary whitespace-nowrap">{r.cena}</span>
                  </div>
                ))}
              </div>
            </div>

            <p className="text-xs text-text-muted">
              * Wszystkie ceny są cenami netto. Do podanych kwot doliczany jest VAT 23%.
              Ostateczna wycena po oględzinach miejsca montażu. Cena w zatwierdzonej wycenie jest ceną ostateczną.
            </p>
          </div>
        </section>

        {/* FAQ */}
        <section className="py-16 bg-slate-50">
          <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 o cennik</h2>
            <div className="flex flex-col gap-4">
              {faqItems.map((item, i) => (
                <details key={i} className="group bg-white 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">
              Chcesz poznać dokładną cenę montażu?
            </h2>
            <p className="text-white/80 mb-8">
              Zadzwoń lub napisz — bezpłatna wycena w ciągu 24 godzin. Obsługujemy Wrocław i cały Dolny Śląsk.
            </p>
            <div className="flex flex-col sm:flex-row gap-4 justify-center">
              <a href={`tel:${companyDetails.phoneRaw}`}>
                <button className="flex items-center gap-2 px-8 py-4 bg-accent text-white rounded-xl font-bold text-lg hover:bg-accent/90 transition-colors">
                  <Phone className="size-5" /> {companyDetails.phone}
                </button>
              </a>
              <Link href="/kontakt">
                <button className="flex items-center gap-2 px-8 py-4 bg-white/10 text-white rounded-xl font-bold text-lg hover:bg-white/20 transition-colors border border-white/20">
                  Napisz do nas <ArrowRight className="size-5" />
                </button>
              </Link>
            </div>
          </div>
        </section>
      </main>
    </>
  );
}