/* ── Sub-service icons — Jandl-inspired: compound paths, fill+stroke mix ── */
function IcoBriefing({ s=44, c='#1D1D1B' }) {
/* Document with folded corner + diagonal pen + filled nib */
return (
);
}
function IcoCampanha({ s=44, c='#1D1D1B' }) {
/* Megaphone + wave arcs + filled dot at bell */
return (
);
}
function IcoBranding({ s=44, c='#1D1D1B' }) {
/* Circle seal + dashed inner ring + cross + pen nib touching circle */
return (
);
}
function IcoWorkshop({ s=44, c='#1D1D1B' }) {
/* Lightbulb + connecting arc inside + glow rays + filled center dot */
return (
);
}
function IcoHuntPersonal({ s=44, c='#1D1D1B' }) {
/* Eye lens + crosshair + filled person head at center + magnifier handle */
return (
);
}
function IcoSquads({ s=44, c='#1D1D1B' }) {
/* Three profiles + shoulder arcs + filled head dots + connection arcs */
return (
);
}
function IcoEstrutura({ s=44, c='#1D1D1B' }) {
/* Org chart: top box (semi-filled) + stem + 3 boxes below + small accent dots */
return (
);
}
function IcoAssets({ s=44, c='#1D1D1B' }) {
/* Two overlapping image frames + landscape + sun + sparkle */
return (
);
}
function IcoCamera({ s=44, c='#1D1D1B' }) {
/* Camera body + concentric lens rings + filled iris + AI cross */
return (
);
}
function IcoRetrato({ s=44, c='#1D1D1B' }) {
/* Portrait rectangle + face oval + filled eyes + shoulder arc + tick marks */
return (
);
}
function IcoDiagnostico({ s=44, c='#1D1D1B' }) {
/* Gear ring (outer + inner circles + 8 teeth) + magnifier + checkmark */
return (
);
}
function IcoAgente({ s=44, c='#1D1D1B' }) {
/* Chat bubble with tail + three filled circuit nodes + T-bar legs + lightning bolt */
return (
);
}
/* Map icons to sub-items by service index + item index */
const subIcons = [
[IcoBriefing, IcoCampanha, IcoBranding, IcoWorkshop],
[IcoHuntPersonal, IcoSquads, IcoEstrutura],
[IcoAssets, IcoCamera, IcoRetrato, IcoDiagnostico, IcoAgente],
];
/* Main category icons for the row header */
function IcoAsterisk({ s=36, c='#1D1D1B' }) {
/* Six-arm asterisk + filled centre dot */
return (
);
}
function IcoPerson({ s=36, c='#1D1D1B' }) {
/* Eye-lens containing a person head + filled pupil + shoulder arc */
return (
);
}
function IcoSpark({ s=36, c='#1D1D1B' }) {
/* Neural triangle: three filled corner nodes + edge lines + filled centre node */
return (
);
}
const serviceIcons = [IcoAsterisk, IcoPerson, IcoSpark];
const servicesData = [
{
num: '01',
title: 'Creative Marketing',
sub: 'Estratégia & Conceito',
desc: 'Consultoria de marketing estratégico para agências, marcas e startups de todos os tamanhos. Atuação flexível e sob demanda, cobrindo desde o briefing criativo até a entrega final.',
items: [
{ title: 'Briefing Master', desc: 'Ajudo a criar o modelo de briefing ideal para extrair o melhor do seu time criativo ou agência.' },
{ title: 'Campanhas & Direção Criativa', desc: 'Desenvolvimento e execução de campanhas, do conceito até a execução.' },
{ title: 'Design & Branding', desc: 'Projetos de identidade visual e branding sob medida.' },
{ title: 'Workshops & Brainstorms', desc: 'Sessões imersivas com equipes internas para destravar ideias, desenhar estratégias e acelerar processos criativos.' },
],
},
{
num: '02',
title: 'Talent Hunting',
sub: 'Times & Squads',
desc: 'Montar times de alta performance exige entender que um grande portfólio não garante resultado se os perfis não forem complementares. Uso minha experiência e rede de contatos para montar a equipe criativa que seu projeto precisa.',
items: [
{ title: 'Talent Hunting Personalizado', desc: 'Mapeamento e filtragem de profissionais criativos (designers, copywriters, ilustradores, motion designers) alinhados à cultura e aos desafios da empresa.' },
{ title: 'Squads On-Demand', desc: 'Curadoria de equipes de freelancers seniores para projetos de curto ou médio prazo.' },
{ title: 'Desenho de Estrutura', desc: 'Consultoria para diagnosticar gargalos internos e reestruturar o organograma criativo da sua empresa ou agência.' },
],
},
{
num: '03',
title: 'AI Solutions',
sub: 'Escala & Inovação',
desc: 'Conectar a potência da inteligência artificial à realidade prática e estética do mercado publicitário e corporativo. O foco é ganho de escala e inovação, sem perder o critério visual e técnico.',
items: [
{ title: 'Assets & Campanhas', desc: 'Criação de imagens, ilustrações e vídeos proprietários gerados por IA para campanhas publicitárias e mídias sociais.' },
{ title: 'AI Photoshoots', desc: 'Produção de fotos conceituais e cenários hiper-realistas sob medida, reduzindo custos logísticos de grandes produções fotográficas.' },
{ title: 'Retrato Profissional', desc: 'Transformo sua foto em uma foto profissional para releases, LinkedIn ou currículo.' },
{ title: 'Diagnóstico & Otimização', desc: 'Workshop para identificar tarefas que podem ser otimizadas com inteligência artificial.' },
{ title: 'Agentes Criativos Customizados', desc: 'Desenvolvimento e treinamento de LLMs configurados com o tom de voz da marca, guias de design e regras do negócio para auxiliar no dia a dia da empresa.' },
],
},
];
function Services() {
const { isMobile } = useViewport();
return (