import type { Metadata } from "next";
import { PageHero } from "@/components/page-hero";

export const metadata: Metadata = { title: "Insights", description: "Perspetivas Blue Peak sobre crescimento, vendas, dados e execução." };

const topics = [
  ["Crescimento B2B","Porque mais leads não corrigem um processo comercial desorganizado","Uma pauta preparada para explicar a relação entre procura, conversão e estrutura comercial."],
  ["Inteligência de mercado","Como transformar sinais de mercado em prioridades comerciais","Um espaço editorial para aprofundar mapeamento, segmentação e gatilhos de compra."],
  ["Smart Execution","O custo invisível de vendas e operações desalinhadas","Uma pauta sobre procura, S&OP, margem e capital de giro."],
] as const;

export default function InsightsPage() {
  return <>
    <PageHero eyebrow="Insights" title="Ideias para crescer com mais clareza." text="Um espaço para partilhar perspetivas sobre estratégia comercial, inteligência de mercado e execução operacional." action={false} />
    <section className="content-section alt"><div className="shell"><div className="section-head"><div><span className="eyebrow">Conteúdo editorial</span><h2>Temas preparados para a próxima etapa.</h2></div><p>Os artigos abaixo são placeholders editoriais: indicam a linha de conteúdo sem apresentar publicações fictícias como se já existissem.</p></div><div className="insights-grid">{topics.map(([category,title,text])=><article className="insight-card" key={title}><span>{category}</span><span className="placeholder-tag">Conteúdo em preparação</span><h2>{title}</h2><p>{text}</p></article>)}</div></div></section>
    <section className="content-section"><div className="shell content-grid"><div><span className="eyebrow">Estratégia de autoridade</span><h2>Conteúdo que ajuda o decisor a diagnosticar melhor.</h2></div><div className="content-copy"><p>O espaço de Insights pode apoiar a autoridade da Blue Peak e a aquisição orgânica, desde que os artigos partam de problemas reais e tragam pontos de vista aplicáveis.</p><p>Uma boa linha editorial combina diagnóstico de dores, explicação dos métodos e exemplos aprovados pela empresa.</p></div></div></section>
  </>;
}