import { Metadata } from 'next';
import { HeroSection } from '@/components/sections/HeroSection';
import { InfoHighlights } from '@/components/sections/InfoHighlights';
import { AcTypesSection } from '@/components/sections/AcTypesSection';
import { ProcessSteps } from '@/components/sections/ProcessSteps';
import { ConfiguratorTeaser } from '@/components/sections/ConfiguratorTeaser';
import { PricingTable } from '@/components/sections/PricingTable';
import { BrandsGrid } from '@/components/sections/BrandsGrid';
import { FeaturedProducts } from '@/components/sections/FeaturedProducts';
import { WhyUs } from '@/components/sections/WhyUs';
import { FaqAccordion } from '@/components/sections/FaqAccordion';
import { CtaBanner } from '@/components/sections/CtaBanner';
import { acProcessSteps } from '@/content/process';
import { dolnySlaskCities } from '@/content/cities';
import Link from 'next/link';
export const metadata: Metadata = {
  title: 'Montaż i Serwis Klimatyzacji | ThermCool',
  description: 'Profesjonalny montaż klimatyzacji typu split i multisplit. Posiadamy uprawnienia F-gaz. Bezpłatny audyt, dobór urządzeń i sprawdzony serwis.',
  alternates: {
    canonical: '/klimatyzacja',
  }
};

export default function KlimatyzacjaPage() {
  return (
    <main>
      <HeroSection
        eyebrow="15+ lat doświadczenia · Split i multisplit · Uprawnienia F-gaz"
        title="Montaż klimatyzacji — dobór, instalacja, serwis"
        subtitle="Zapewnij sobie idealny klimat w domu i biurze. Oferujemy kompleksowe usługi od bezpłatnego audytu po montaż i opiekę serwisową."
        ctaText="Dobierz klimatyzator"
        ctaLink="/sklep"
        secondaryCtaText="Sprawdź cennik"
        secondaryCtaLink="#cennik"
        backgroundImage="https://images.unsplash.com/photo-1527689638836-411945a2b57c?w=1600&q=80"
        features={[
          'Bezpłatny audyt',
          'Estetyczny montaż',
          'Zgodność z F-gaz',
          'Serwis gwarancyjny'
        ]}
      />

      <InfoHighlights
        description="Montaż klimatyzacji to inwestycja w komfort na lata. Dlatego kładziemy nacisk na precyzję, estetykę wykonania i czystość w miejscu pracy. Nasza ekipa używa profesjonalnych narzędzi, a każdy montaż kończymy szkoleniem z obsługi."
        highlights={[
          {
            icon: 'clock',
            title: 'Czas montażu',
            description: 'Standardowy montaż jednostki typu split trwa zazwyczaj od 4 do 8 godzin.'
          },
          {
            icon: 'price',
            title: 'Ceny od 1200 zł',
            description: 'Jasny cennik usług bez ukrytych opłat. Ostateczna wycena zawsze przed rozpoczęciem prac.'
          },
          {
            icon: 'map',
            title: 'Zasięg działania',
            description: 'Świadczymy usługi na terenie miasta i w promieniu 50 km z bezpłatnym dojazdem.'
          }
        ]}
      />

      <AcTypesSection />

      <ProcessSteps 
        steps={acProcessSteps}
        eyebrow="Krok po Kroku"
        title="Jak wygląda proces montażu?"
        subtitle="Od pierwszej wizyty do pełnego uruchomienia — zobacz, jak działamy u naszych klientów."
      />

      <ConfiguratorTeaser />

      <PricingTable />

      <BrandsGrid />

      <FeaturedProducts />

      <WhyUs />

      <FaqAccordion category="klimatyzacja" />

      {/* Sekcja miast dla SEO */}
      <section id="miasta" className="py-16 bg-slate-50 border-t border-border">
        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="text-center mb-10">
            <span className="text-xs font-semibold uppercase tracking-wider text-accent font-heading">
              Zasięg działania
            </span>
            <h2 className="text-2xl md:text-3xl font-bold text-primary font-heading mt-2">
              Montaż klimatyzacji na Dolnym Śląsku
            </h2>
            <p className="text-text-muted mt-3 max-w-xl mx-auto">
              Działamy na terenie całego Dolnego Śląska. Wybierz swoje miasto i dowiedz się więcej:
            </p>
          </div>
          <div className="flex flex-wrap justify-center gap-3">
            {dolnySlaskCities.map((city) => (
              <Link
                key={city.slug}
                href={`/klimatyzacja/${city.slug}`}
                className="px-4 py-2 rounded-full bg-white border border-border text-sm font-medium text-primary hover:border-accent hover:text-accent transition-colors shadow-sm"
              >
                Klimatyzacja {city.name}
              </Link>
            ))}
          </div>
        </div>
      </section>

      <CtaBanner 
        title="Niestandardowa instalacja?"
        subtitle="Potrzebujesz klimatyzacji w zabytkowym budynku lub masz specyficzne wymagania architektoniczne? Skontaktuj się z nami po indywidualną wycenę."
        ctaText="Zamów wycenę"
        ctaLink="/kontakt"
      />
    </main>
  );
}