'use client';

import { SiteHeader } from '@/src/components/layout/SiteHeader';
import { SiteFooter } from '@/src/components/layout/SiteFooter';
import { Breadcrumb } from '@/src/components/layout/Breadcrumb';
import { CatalogPage } from '@/src/components/catalog/CatalogPage';
import { getCategoryBySlug } from '@/src/config/categories';

export default function StampaciPage() {
  const category = getCategoryBySlug('stampaci')!;

  return (
    <div className="min-h-screen" style={{ background: 'var(--surface-primary)' }}>
      <SiteHeader currentCategory="stampaci" />
      <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6 sm:py-8">
        <article>
          <Breadcrumb items={[
            { label: 'Pocetna', href: '/' },
            { label: '3D Stampaci' },
          ]} />
          <div className="flex items-center gap-3 mt-3 mb-6">
            <div className="w-1.5 h-8 rounded-full" style={{ backgroundColor: category.colorHex }} />
            <h1
              className="text-2xl sm:text-3xl font-black tracking-tight"
              style={{ fontFamily: 'var(--font-display)', color: 'var(--text-primary)' }}
            >
              Bambu Lab 3D Stampaci
            </h1>
          </div>
          <CatalogPage
            category={category}
            seoContent={
              <p className="text-sm leading-relaxed max-w-3xl" style={{ color: 'var(--text-secondary)' }}>
                Bambu Lab 3D stampaci u privatnoj prodaji. U ponudi imamo A1 Mini, A1, P1S, X1C i druge modele. Novi i polovni stampaci u razlicitim stanjima. Svi stampaci su originalni Bambu Lab proizvodi sa svom originalnom opremom.
              </p>
            }
          />
        </article>
      </main>
      <SiteFooter />
    </div>
  );
}