import { Metadata } from 'next';
import { HeroSection } from '@/components/sections/HeroSection';
import { ProjectsGrid } from '@/components/sections/ProjectsGrid';
import { StatsBar } from '@/components/sections/StatsBar';
import { CtaBanner } from '@/components/sections/CtaBanner';

export const metadata: Metadata = {
  title: 'Realizacje | ThermCool',
  description: 'Zobacz nasze wybrane realizacje z zakresu klimatyzacji, pomp ciepła, remontów i usług hydraulicznych.',
  alternates: {
    canonical: '/realizacje',
  }
};

export default function RealizacjePage() {
  return (
    <main>
      <HeroSection
        eyebrow="Portfolio"
        title="Nasze realizacje"
        subtitle="Zobacz wybrane projekty, które zrealizowaliśmy dla naszych klientów. Każde zlecenie traktujemy indywidualnie, dbając o najwyższą jakość wykonania."
        ctaText="Zobacz ofertę"
        ctaLink="/uslugi-domowe"
        secondaryCtaText="Skontaktuj się"
        secondaryCtaLink="/kontakt"
        backgroundImage="https://images.unsplash.com/photo-1503387762-592deb58ef4e?w=1600&q=80"
      />

      <ProjectsGrid />

      <StatsBar />

      <CtaBanner 
        title="Chcesz uzyskać podobny efekt?"
        subtitle="Umów się na bezpłatną konsultację. Doradzimy, przygotujemy projekt i wycenimy prace bez żadnych zobowiązań."
        ctaText="Zamów darmową wycenę"
        ctaLink="/kontakt"
      />
    </main>
  );
}