import type { Metadata } from "next";
import { CheckCircle2 } from "lucide-react";
import { PageHero } from "@/components/page-hero";
import { ContactForm } from "@/components/contact-form";

export const metadata: Metadata = { title: "Contacto", description: "Prepare um pedido de diagnóstico estratégico para a Blue Peak Consulting." };

export default function ContactoPage() {
  return <>
    <PageHero eyebrow="Contacto" title="Comece por tornar o desafio claro." text="Partilhe o contexto da sua operação. A primeira conversa serve para compreender prioridades, maturidade e aderência à abordagem Blue Peak." action={false} />
    <section className="content-section"><div className="shell contact-layout"><aside className="contact-aside"><span className="eyebrow">Diagnóstico estratégico</span><h2>Uma conversa orientada ao que precisa de mudar.</h2><p>O pedido ajuda a organizar o contexto antes do primeiro contacto.</p><ul className="check-list"><li>Desafio e objetivo principal</li><li>Estrutura atual da operação</li><li>Prioridades e restrições</li><li>Próximos passos possíveis</li></ul></aside><ContactForm /></div></section>
    <section className="content-section alt"><div className="shell content-grid"><div><span className="eyebrow">Antes de avançar</span><h2>O que torna a conversa mais produtiva.</h2></div><div className="detail-grid"><article className="detail-card"><CheckCircle2/><h3>Contexto</h3><p>Em que mercado atua e como a operação comercial está organizada hoje.</p></article><article className="detail-card"><CheckCircle2/><h3>Prioridade</h3><p>Qual mudança precisa de acontecer primeiro e porque é relevante agora.</p></article><article className="detail-card"><CheckCircle2/><h3>Critério</h3><p>Como a empresa irá reconhecer que a intervenção produziu valor.</p></article></div></div></section>
  </>;
}