import { LegacyContent } from "../../components/legacy-page";
import type { Metadata } from "next";
import { Breadcrumb } from "../../components/breadcrumb";
import { ContactForm } from "../../components/contact-form";
import { PageHero } from "../../components/page-hero";
import { pageMetadata } from "../../lib/metadata";
import { whatsappUrl } from "../../lib/whatsapp";

export const metadata: Metadata = pageMetadata({
  title: "Contato e Orçamento | Portal Distribuidora Goiânia",
  description: "Envie sua lista, solicite orçamento ou fale com a Portal em Goiânia. Escolha o assunto para começar o atendimento pelo WhatsApp.",
  path: "/contato",
});

export default function ContactPage() {
  return (
    <main id="conteudo-principal">
      <Breadcrumb items={[{ label: "Contato" }]} />
      <PageHero eyebrow="Contato · Goiânia" title="Sua lista, seu projeto ou seu pedido. Fale com a Portal." description="Materiais elétricos, iluminação, painéis e engenharia: conte o que você precisa e comece a conversa com nossa equipe. Sem cadastro para pedir uma cotação." primary={{ href: whatsappUrl("Olá, Portal! Vim pela página de contato e gostaria de falar com a equipe."), label: "Conversar no WhatsApp ↗" }} secondary={{ href: "tel:+556232907222", label: "Ligar para a Portal" }} />
      <section className="section" id="atendimento"><div className="shell contact-layout">
        <div className="contact-panel"><p className="eyebrow">Nossa loja em Goiânia</p><h2>Também esperamos você na Portal.</h2><div className="contact-detail"><span>Telefone e WhatsApp</span><a href="tel:+556232907222">(62) 3290-7222</a></div><div className="contact-detail"><span>Endereço</span><p>Av. Ville, 1983<br />Res. Center Ville<br />Goiânia — GO</p><a href="https://www.google.com/maps/search/?api=1&query=Portal+Distribuidora+Av+Ville+1983+Goiania" target="_blank" rel="noopener noreferrer">Ver endereço no mapa ↗</a></div><div className="contact-detail"><span>Antes de visitar</span><p>Confirme o horário de atendimento e a disponibilidade dos itens com a equipe.</p></div></div>
        <ContactForm />
      </div></section>
    <LegacyContent path="/contato" expandable /></main>
  );
}