import React, { useState } from "react"; import { motion } from "framer-motion"; import { Bot, Megaphone, Share2, ArrowRight, CheckCircle2, Sparkles, BarChart3, MessageCircle, Target, ShieldCheck, Zap, Menu, X, Star, PhoneCall, BrainCircuit, LineChart, Users, CalendarCheck, } from "lucide-react"; import { Button } from "@/components/ui/button"; import { Card, CardContent } from "@/components/ui/card"; const fadeUp = { hidden: { opacity: 0, y: 28 }, visible: { opacity: 1, y: 0 }, }; const stagger = { visible: { transition: { staggerChildren: 0.12, }, }, }; const services = [ { icon: Bot, title: "Agentes de IA para Atendimento", description: "Atendimento 24/7 com agentes inteligentes treinados para responder, qualificar leads, recuperar vendas e encaminhar oportunidades reais para seu time.", features: ["WhatsApp e site", "Qualificação automática", "Base de conhecimento", "Follow-up inteligente"], }, { icon: Megaphone, title: "Gestão de Tráfego Pago", description: "Campanhas orientadas por dados para transformar investimento em previsibilidade comercial, com criativos, funis e otimização contínua.", features: ["Meta Ads", "Google Ads", "Remarketing", "Otimização de CPA"], }, { icon: Share2, title: "Gestão de Redes Sociais", description: "Conteúdo com posicionamento, frequência e intenção comercial para construir autoridade, relacionamento e demanda qualificada.", features: ["Calendário editorial", "Design premium", "Copy estratégica", "Relatórios mensais"], }, ]; const phases = [ { number: "01", title: "Diagnóstico Comercial", text: "Mapeamos sua oferta, funil, canais, objeções, tom de voz e gargalos de conversão.", icon: Target, }, { number: "02", title: "Arquitetura da Máquina", text: "Desenhamos a jornada completa: anúncio, conteúdo, landing page, atendimento por IA e passagem para vendas.", icon: BrainCircuit, }, { number: "03", title: "Implementação Integrada", text: "Conectamos campanhas, agentes de IA, automações, CRM, criativos e redes sociais em um único fluxo.", icon: Zap, }, { number: "04", title: "Otimização e Escala", text: "Analisamos dados, testamos hipóteses e ampliamos o que traz leads, conversas e vendas com melhor custo.", icon: LineChart, }, ]; const metrics = [ { value: "24/7", label: "Atendimento ativo" }, { value: "+3x", label: "Mais velocidade no lead" }, { value: "360°", label: "Funil integrado" }, { value: "IA + Mídia", label: "Execução híbrida" }, ]; const plans = [ { name: "Start", price: "Essencial", description: "Para empresas que querem organizar presença digital e iniciar captação com inteligência.", items: ["Gestão de 1 rede social", "Campanhas iniciais", "Relatório mensal", "Configuração básica de IA"], }, { name: "Growth", price: "Mais escolhido", description: "Para negócios que desejam tráfego, conteúdo e atendimento automatizado trabalhando juntos.", highlighted: true, items: ["Gestão de tráfego completa", "Agente de IA treinado", "Calendário de conteúdo", "Otimização quinzenal", "Dashboard de performance"], }, { name: "Scale", price: "Avançado", description: "Para operações que precisam escalar vendas com automação, mídia e inteligência comercial.", items: ["Múltiplos agentes de IA", "Funis por segmento", "Testes A/B", "Integração com CRM", "Reuniões estratégicas"], }, ]; function Header() { const [open, setOpen] = useState(false); const links = ["Serviços", "Método", "Planos", "Contato"]; return (

NEXAIA

Marketing & Inteligência Artificial

{open && (
{links.map((link) => ( setOpen(false)} href={`#${link.toLowerCase()}`} className="text-slate-200"> {link} ))} setOpen(false)}>
)}
); } function SectionTitle({ eyebrow, title, description }) { return (

{eyebrow}

{title}

{description}

); } function Hero() { return (
Marketing, IA e vendas conectados em uma única operação Transforme atenção em conversa, conversa em lead e lead em venda. Criamos máquinas de crescimento com agentes de inteligência artificial, tráfego pago e redes sociais para empresas que querem vender mais sem perder oportunidades pelo caminho.

Painel de Crescimento

Operação integrada

Online
{[ { label: "Leads qualificados", value: "1.284", icon: Users }, { label: "Conversas por IA", value: "8.742", icon: MessageCircle }, { label: "ROAS em otimização", value: "4.7x", icon: BarChart3 }, ].map((item) => (

{item.label}

{item.value}

))}

Agente IA

“Olá! Posso entender sua necessidade e agendar uma conversa com o especialista ideal.”

); } function Metrics() { return (
{metrics.map((metric) => (

{metric.value}

{metric.label}

))}
); } function Services() { return (
{services.map((service) => (

{service.title}

{service.description}

{service.features.map((feature) => (
{feature}
))}
))}
); } function Method() { return (
{phases.map((phase, index) => (
{phase.number}

{phase.title}

{phase.text}

{index < phases.length - 1 &&
}
))}
); } function Benefits() { const items = [ { icon: MessageCircle, title: "Menos leads perdidos", text: "A IA responde rápido, coleta dados e mantém o interesse vivo até o contato humano certo." }, { icon: ShieldCheck, title: "Mais consistência comercial", text: "Toda interação segue uma lógica estratégica, com tom de voz, critérios e próximos passos definidos." }, { icon: CalendarCheck, title: "Mais reuniões qualificadas", text: "O atendimento automatizado filtra curiosos e prioriza oportunidades com intenção real de compra." }, { icon: BarChart3, title: "Mais clareza de performance", text: "Você acompanha o que atrai, engaja, conversa e converte — não apenas curtidas ou cliques." }, ]; return (

Por que funciona

Marketing não termina no clique. Ele começa na conversa.

Campanhas atraem atenção. Redes sociais constroem desejo. Agentes de IA transformam esse interesse em diálogo imediato. Quando essas frentes operam juntas, o crescimento deixa de depender de sorte.

A proposta é simples: criar um sistema que nunca deixa uma oportunidade esfriar.

{items.map((item, index) => (

{item.title}

{item.text}

))}
); } function Plans() { return (
{plans.map((plan) => ( {plan.highlighted &&
Recomendado
}

{plan.price}

{plan.name}

{plan.description}

{plan.items.map((item) => (
{item}
))}
))}
); } function CTA() { return (

Pronto para criar uma operação que responde, atrai e vende?

Solicite um diagnóstico e descubra como conectar agentes de IA, tráfego pago e redes sociais em um funil inteligente para o seu negócio.

); } function Footer() { return ( ); } export default function MarketingAgencyWebsite() { return (
); }