import type { Metadata } from "next";
import Link from "../../components/site-link";
import { Breadcrumb } from "../../components/breadcrumb";
import { PageHero } from "../../components/page-hero";
import { SectionHeading } from "../../components/section-heading";
import { pageMetadata } from "../../lib/metadata";
import { whatsappUrl } from "../../lib/whatsapp";

export const metadata: Metadata = pageMetadata({
  title: "Materiais Elétricos para Empresas e Construtoras | Portal",
  description: "Cote materiais elétricos para obras, empresas e manutenção industrial. Envie itens, quantidades, prioridades e documentos do projeto à Portal em Goiânia.",
  path: "/empresas",
});

const quoteUrl = whatsappUrl("Olá, Portal! Represento uma empresa e quero cotar materiais para uma obra ou operação. Vou enviar a relação de itens, quantidades e prioridades.");

export default function BusinessPage() {
  return (
    <main id="conteudo-principal">
      <Breadcrumb items={[{ label: "Empresas e construtoras" }]} />
      <PageHero eyebrow="Para empresas e construtoras" title="Sua operação tem prioridades. A cotação precisa acompanhar." description="Um item sem referência ou uma quantidade incompleta pode atrasar a decisão de compra. Reúna a lista por obra, etapa ou aplicação e converse com a Portal sobre os materiais de que sua empresa precisa." primary={{ href: quoteUrl, label: "Cotar materiais da empresa ↗" }} secondary={{ href: "/produtos", label: "Explorar catálogo" }} image={{ src: "/images/equipe-obra.jpg", alt: "Equipe de obra analisando documentos e planejamento", credit: "Imagem ilustrativa · Unsplash" }} />

      <section className="section"><div className="shell">
        <SectionHeading eyebrow="A compra no contexto da operação" title="O que sua empresa precisa resolver agora?" description="Identifique a finalidade da compra para orientar a consulta de materiais e as prioridades da cotação." />
        <div className="value-grid">
          <article><h3>Etapa de obra</h3><p>Separe infraestrutura, instalação e acabamento. Informe o que precisa ser comprado em cada etapa.</p></article>
          <article><h3>Manutenção</h3><p>Compartilhe os códigos dos componentes e destaque os itens necessários para a intervenção.</p></article>
          <article><h3>Compras recorrentes</h3><p>Envie as referências usadas pela empresa, suas quantidades e a frequência prevista de compra.</p></article>
          <article><h3>Nova instalação</h3><p>Apresente a relação especificada e os documentos disponíveis para conversar sobre o fornecimento.</p></article>
        </div>
      </div></section>

      <section className="section section--cream" id="como-funciona"><div className="shell split-copy">
        <div><p className="eyebrow">Uma cotação mais clara</p><h2>Sua planilha já pode ser o ponto de partida.</h2><p>Envie os arquivos no WhatsApp e identifique a obra ou a aplicação. A equipe confirma disponibilidade, condições e logística conforme a demanda.</p><Link className="button button--ghost" href="/conteudos/como-organizar-lista-material-eletrico">Ver guia para organizar materiais</Link></div>
        <div><ul className="check-list"><li>Relação de materiais com referência e quantidade</li><li>Marca especificada e restrições de substituição</li><li>Itens prioritários e data desejada</li><li>Cidade e local de utilização</li><li>Documentos do projeto, quando aplicável</li></ul><p>Qualquer alternativa que altere a especificação deve ser avaliada pelo responsável técnico do projeto.</p></div>
      </div></section>

      <section className="section"><div className="shell">
        <SectionHeading eyebrow="Além da lista de materiais" title="Painéis, engenharia e automação para sua demanda industrial." description="Se a compra faz parte de um projeto maior, apresente o escopo à Portal. Conheça os caminhos para iniciar a conversa." />
        <div className="value-grid value-grid--three">
          <article><h3>Painéis elétricos</h3><p>Compartilhe a aplicação, os diagramas disponíveis e as necessidades do quadro ou painel.</p><Link href="/solucoes/paineis-eletricos">Conhecer painéis elétricos →</Link></article>
          <article><h3>Engenharia elétrica</h3><p>Apresente a instalação e os objetivos do projeto para conversar sobre o escopo necessário.</p><Link href="/solucoes/engenharia-eletrica">Conhecer engenharia →</Link></article>
          <article><h3>Automação industrial</h3><p>Conte como o processo funciona e quais equipamentos precisam de comando ou acionamento.</p><Link href="/solucoes/automacao-industrial">Conhecer automação →</Link></article>
        </div>
      </div></section>

      <section className="final-cta"><div className="shell final-cta__inner">
        <div><p className="eyebrow">Sua próxima compra</p><h2>Vamos começar pelos materiais que são prioridade?</h2></div>
        <div><p>Envie sua lista e conte para qual obra ou operação ela se destina. Preços, disponibilidade e condições são confirmados na cotação.</p><a className="button button--dark" href={quoteUrl} data-cta="empresas_lista_whatsapp" target="_blank" rel="noopener noreferrer">Solicitar cotação empresarial ↗</a></div>
      </div></section>
    </main>
  );
}