import { Metadata } from 'next';
import { getProducts, getBrands } from '@/content/products';
import { ProductsGrid } from '@/components/shop/ProductsGrid';
import { HeroSection } from '@/components/sections/HeroSection';

export const metadata: Metadata = {
  title: 'Sklep z klimatyzatorami',
  description: 'Klimatyzatory split i multisplit — Gree, Rotenso, Haier, Daikin, LG, Samsung i inne. Szeroki wybór, konkurencyjne ceny, profesjonalny montaż.',
  alternates: { canonical: '/sklep' },
};

export default function ShopPage() {
  const products = getProducts();
  const brands = getBrands();
  const splitCount = products.filter(p => p.category === 'scienne').length;
  const multiCount = products.filter(p => p.category === 'multisplit').length;

  return (
    <main>
      <HeroSection
        eyebrow="Sklep ThermCool"
        title="Klimatyzatory split i multisplit"
        subtitle={`${splitCount} klimatyzatorów split i ${multiCount} jednostek multisplit. Gree, Rotenso, Haier, Daikin, LG, Samsung i inne marki. Z montażem lub bez.`}
        ctaText="Zapytaj o montaż"
        ctaLink="/kontakt"
        secondaryCtaText=""
        secondaryCtaLink=""
        backgroundImage="/images/hero/shop-section-image.webp"
      />
      <ProductsGrid products={products} brands={brands} />
    </main>
  );
}