import type { Metadata } from 'next';
import Image from 'next/image';
import Link from '../../components/site-link';
import { Breadcrumb } from '../../components/breadcrumb';
import { PageHero } from '../../components/page-hero';
import { featuredBrands } from '../../lib/featured-brands';
import { brandContent } from '../../lib/brand-content';
import { pageMetadata } from '../../lib/metadata';

export const metadata: Metadata = pageMetadata({ title: 'Marcas de Materiais Elétricos em Goiânia | Portal', description: 'Explore SIL, WEG, Tramontina, Soprano, WAGO e outras marcas comercializadas pela Portal. Conheça as linhas e organize sua cotação em Goiânia.', path: '/marcas' });

export default function BrandsPage() {
  return <main id="conteudo-principal"><Breadcrumb items={[{ label: 'Marcas' }]} /><PageHero eyebrow="MARCAS DO NOSSO CATÁLOGO" title="A marca que você procura. A referência que seu projeto pede." description="Encontre linhas de materiais elétricos e iluminação por fabricante. Escolha a marca, explore os produtos e leve os códigos para sua cotação." secondary={{ href: '/produtos', label: 'Explorar todos os produtos' }} /><section className="shell brand-index" aria-label="Marcas em destaque"><div className="brand-grid">{featuredBrands.map(brand => <Link className="brand-tile" href={`/marcas/${brand.slug}`} key={brand.slug}><Image src={`/images/marcas/${brand.slug}.png`} width={280} height={100} alt="" unoptimized loading="lazy" /><h2>{brand.name}</h2><p>{brandContent[brand.slug].line}</p><span>Conhecer produtos e linhas ↗</span></Link>)}</div><p className="rc-consult-note">Estas são algumas das marcas comercializadas pela Portal. Disponibilidade de modelos e condições são confirmadas na cotação. Para outras marcas, consulte a busca do catálogo.</p></section></main>;
}