1import{c as u,r as x,j as e,B as h,L as k,H as U}from"./index-LklB1Cuv.js";import{S as Q,a as J}from"./SiteFooter-CCxbpZJQ.js";import{f as Z}from"./flo-grafite-aceno-C-ObuPqh.js";import{f as X}from"./flo-grafite-celular-BkoBkiet.js";import{u as L}from"./use-reduced-motion-BEJhHssZ.js";import{A as f,I as K}from"./instagram-DnE5qA3k.js";import{C as V}from"./check-DsaSPr6i.js";import{m as c}from"./proxy-D-BT_hzW.js";import{C as O,B as E,S as A,Z as Y}from"./zap-CpaajTSM.js";import{T as D,G as ee,U as P}from"./users-DTvSE-BI.js";import{M as T}from"./message-circle-CjHhSLzo.js";import{S as ae}from"./search-C9e3A7Ow.js";import{D as se}from"./database-sofUe2IR.js";import"./flooxs-logo-white-D5lZdaU0.js";/** 2 * @license lucide-react v0.462.0 - ISC 3 * 4 * This source code is licensed under the ISC license. 5 * See the LICENSE file in the root directory of this source tree. 6 */const W=u("CalendarClock",[["path",{d:"M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5",key:"1osxxc"}],["path",{d:"M16 2v4",key:"4m81vk"}],["path",{d:"M8 2v4",key:"1cmpym"}],["path",{d:"M3 10h5",key:"r794hk"}],["path",{d:"M17.5 17.5 16 16.3V14",key:"akvzfd"}],["circle",{cx:"16",cy:"16",r:"6",key:"qoo3c4"}]]);/** 7 * @license lucide-react v0.462.0 - ISC 8 * 9 * This source code is licensed under the ISC license. 10 * See the LICENSE file in the root directory of this source tree. 11 */const re=u("ChartLine",[["path",{d:"M3 3v16a2 2 0 0 0 2 2h16",key:"c24i48"}],["path",{d:"m19 9-5 5-4-4-3 3",key:"2osh9i"}]]);/** 12 * @license lucide-react v0.462.0 - ISC 13 * 14 * This source code is licensed under the ISC license. 15 * See the LICENSE file in the root directory of this source tree. 16 */const te=u("FileInput",[["path",{d:"M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4",key:"1pf5j1"}],["path",{d:"M14 2v4a2 2 0 0 0 2 2h4",key:"tnqrlb"}],["path",{d:"M2 15h10",key:"jfw4w8"}],["path",{d:"m9 18 3-3-3-3",key:"112psh"}]]);/** 17 * @license lucide-react v0.462.0 - ISC 18 * 19 * This source code is licensed under the ISC license. 20 * See the LICENSE file in the root directory of this source tree. 21 */const oe=u("ListChecks",[["path",{d:"m3 17 2 2 4-4",key:"1jhpwq"}],["path",{d:"m3 7 2 2 4-4",key:"1obspn"}],["path",{d:"M13 6h8",key:"15sg57"}],["path",{d:"M13 12h8",key:"h98zly"}],["path",{d:"M13 18h8",key:"oe0vm4"}]]);/** 22 * @license lucide-react v0.462.0 - ISC 23 * 24 * This source code is licensed under the ISC license. 25 * See the LICENSE file in the root directory of this source tree. 26 */const ne=u("Megaphone",[["path",{d:"m3 11 18-5v12L3 14v-3z",key:"n962bs"}],["path",{d:"M11.6 16.8a3 3 0 1 1-5.8-1.6",key:"1yl0tm"}]]);/** 27 * @license lucide-react v0.462.0 - ISC 28 * 29 * This source code is licensed under the ISC license. 30 * See the LICENSE file in the root directory of this source tree. 31 */const G=u("RefreshCw",[["path",{d:"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8",key:"v9h5vc"}],["path",{d:"M21 3v5h-5",key:"1q7to0"}],["path",{d:"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16",key:"3uifl3"}],["path",{d:"M8 16H3v5",key:"1cv678"}]]);/** 32 * @license lucide-react v0.462.0 - ISC 33 * 34 * This source code is licensed under the ISC license. 35 * See the LICENSE file in the root directory of this source tree. 36 */const ie=u("Tags",[["path",{d:"m15 5 6.3 6.3a2.4 2.4 0 0 1 0 3.4L17 19",key:"1cbfv1"}],["path",{d:"M9.586 5.586A2 2 0 0 0 8.172 5H3a1 1 0 0 0-1 1v5.172a2 2 0 0 0 .586 1.414L8.29 18.29a2.426 2.426 0 0 0 3.42 0l3.58-3.58a2.426 2.426 0 0 0 0-3.42z",key:"135mg7"}],["circle",{cx:"6.5",cy:"9.5",r:".5",fill:"currentColor",key:"5pm5xn"}]]);/** 37 * @license lucide-react v0.462.0 - ISC 38 * 39 * This source code is licensed under the ISC license. 40 * See the LICENSE file in the root directory of this source tree. 41 */const de=u("Target",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["circle",{cx:"12",cy:"12",r:"6",key:"1vlfrh"}],["circle",{cx:"12",cy:"12",r:"2",key:"1c9p78"}]]);/** 42 * @license lucide-react v0.462.0 - ISC 43 * 44 * This source code is licensed under the ISC license. 45 * See the LICENSE file in the root directory of this source tree.
46 */const le=u("Workflow",[["rect",{width:"8",height:"8",x:"3",y:"3",rx:"2",key:"by2w9f"}],["path",{d:"M7 11v4a2 2 0 0 0 2 2h4",key:"xkn7yn"}],["rect",{width:"8",height:"8",x:"13",y:"13",rx:"2",key:"1cgmvn"}]]),ce="/assets/flooxs-hero-DDdskXbO.png",me="/assets/flo-lime-aceno-C8PzbeUy.png",xe="/assets/meta-tech-provider-CWnapEex.png",C=[["01","Analisamos","Conversas, funil, campanhas e resultados.",O],["02","Planejamos","Segmentos, campanhas, ajustes e prioridades.",W],["03","EvoluÃmos","Agentes, fluxos e oportunidades do próximo ciclo.",D]],p=[["01","Conectar","Canais, pessoas, dados e sistemas."],["02","Conversar","IA e pessoas atendem com contexto."],["03","Agir","Consulta, registra, transfere e aciona."],["04","Entender","Transforma conversas em sinais."],["05","Melhorar","Ajusta atendimento, campanhas e gestão."]],pe=["WhatsApp · Instagram · Site · Google","Agentes de IA · Atendimento humano","CRM · ERP · Agenda · Transferências","Origem · Interesse · Score · Resultado","Atendimento · Campanhas · Gestão"],_=[{lead:"Onde a Flooxs ajuda: os canais e sistemas que sua operação já usa passam a falar a mesma lÃngua.",items:[[T,"WhatsApp oficial","Números, equipes e unidades"],[K,"Instagram","Direct e comentários"],[ee,"Site e webchat","Visitante virando conversa"],[ae,"Google","Anúncios e perfil da empresa"]]},{lead:"Onde a Flooxs ajuda: IA e time atendem juntos, com histórico e contexto completos.",items:[[E,"Agentes de IA","Respondem com dados reais"],[P,"Atendimento humano","Assume em um clique"],[A,"Contexto contÃnuo","Nada se repete para o cliente"],[T,"Central única","Todos os canais no mesmo lugar"]]},{lead:"Onde a Flooxs ajuda: a conversa executa tarefas dentro dos seus sistemas.",items:[[se,"CRM e ERP","Consulta e registra na hora"],[W,"Agenda","Marca, confirma e lembra"],[P,"Transferências","Para a pessoa certa"],[le,"Ações automáticas","Próximo passo sempre criado"]]},{lead:"Onde a Flooxs ajuda: cada conversa vira informação organizada para decidir.",items:[[de,"Origem","De qual canal ou campanha veio"],[ie,"Interesse","O que o cliente realmente quer"],[D,"Score","Quem está pronto para comprar"],[re,"Resultado","O que virou venda"]]},{lead:"Onde a Flooxs ajuda: o aprendizado do mês volta para a operação.",items:[[E,"Atendimento","Agentes e fluxos ajustados"],[ne,"Campanhas","Segmentos que respondem melhor"],[O,"Gestão","Prioridades do próximo ciclo"],[G,"Ciclo contÃnuo","A operação melhora sozinha"]]}],ue=[["A Flooxs substitui meu WhatsApp atual?","Não. A Flooxs usa a integração oficial da Meta com o seu número, mantendo histórico, equipes e unidades organizados."],["A IA responde sozinha ou meu time atende?","Os dois. A IA resolve o repetitivo com dados reais e o time assume a conversa quando ela pede atenção humana."],["Preciso trocar meu CRM ou ERP?","Não. A Flooxs conversa com os sistemas que você já usa e registra tudo o que acontece na conversa."],["Quanto tempo leva para começar a operar?","A implantação é feita pelo nosso time, com canais, agentes e integrações configurados junto com você."],["E depois que está no ar?","Todos os meses acompanhamos os resultados, ajustamos agentes e campanhas e definimos as prioridades do próximo ciclo."],["Serve para operações com várias unidades?","Sim. Cada unidade mantém sua operação e a gestão enxerga todas em uma única visão."]],v=[{id:"central",group:"Atendimento",label:"Central de mensagens",kicker:"Central de mensagens",title:"A IA atende. Seu time acompanha e assume quando precisa.",text:"As conversas de todos os canais chegam ao mesmo lugar. A IA consulta sistemas, responde em tempo real e transfere com todo o histórico.",bullets:["WhatsApp, Instagram, site e Google","Consulta a ERP durante a conversa","Takeover humano em um clique"]},{id:"central-digital",group:"Atendimento",label:"Central digital",kicker:"Reputação e canais sociais",title:"Comentários e avaliações também viram atendimento.",text:"Acompanhe avaliações do Google e comentários do Instagram sem espalhar o time por várias telas.",bullets:["Google e Instagram em uma visão","Contexto antes de responder","Novos canais no mesmo fluxo"]},{id:"respostas",group:"Atendimento",label:"Respostas rápidas",kicker:"Respostas rápidas",title:"O time responde melhor sem escrever tudo de novo.",text:"Mensagens prontas e personalizáveis mantêm agilidade e padrão, sem tirar o tom humano da conversa.",bullets:["Envio com um clique","Variáveis com dados do cliente","Conteúdo por agente ou equipe"]},{id:"crm-leads",group:"Vendas",label:"CRM e leads",kicker:"CRM alimentado pela conversa",title:"Nenhum cliente esquecido no meio do caminho.",text:"Cada conversa vira lead com origem, score, tags e etapa do funil. A informação nasce pronta para o comercial agir.",bullets:["Score e temperatura automáticos","Origem do lead registrada","Próxima ação e responsável definidos"]},{id:"segmentos",group:"Vendas",label:"Segmentos e campanhas",kicker:"Campanhas e segmentação",title:"Sua base volta a gerar conversa, oportunidade e venda.",text:"A Flooxs cria segmentos com linguagem natural, organiza templates aprovados pela Meta e acompanha cada resposta.",bullets:["Segmentação por comportamento","Criação e disparo de campanhas","Resultado conectado ao atendimento"]},{id:"jornadas",group:"Vendas",label:"Jornadas",kicker:"Jornadas automáticas",title:"Cada oportunidade recebe o próximo contato no tempo certo.",text:"Crie sequências de relacionamento que respeitam horários e retomam leads quando uma conversa esfria.",bullets:["Gatilhos pelo comportamento","Etapas e esperas configuráveis","Retorno automático para o time"]},{id:"termometro",group:"Aquisição e análise",label:"Termômetro de anúncios",kicker:"Termômetro de anúncios",title:"Você enxerga quais anúncios trazem conversa de verdade.",text:"Acompanhe a jornada desde o clique até a qualificação e c
46ompare campanhas pelo resultado gerado.",bullets:["Origem de cada contato","Qualificação por anúncio","Ranking de campanhas e criativos"]},{id:"formularios",group:"Aquisição e análise",label:"Formulários",kicker:"Captura de leads",title:"Leads de qualquer página entram organizados na operação.",text:"Conecte formulários, calculadoras e páginas externas para transformar cada envio em contato acionável.",bullets:["Uma origem para cada integração","Entrada automática no CRM","Chaves que podem ser revogadas"]},{id:"relatorios",group:"Aquisição e análise",label:"Relatórios",kicker:"Relatórios da operação",title:"Decisões baseadas no que realmente aconteceu.",text:"Conversas, leads, eficiência da IA, campanhas e receita aparecem juntos para mostrar onde agir no próximo ciclo.",bullets:["Do anúncio à venda fechada","Eficiência da IA e do time","Leitura mensal acompanhada"]}],ge=["Atendimento","Vendas","Aquisição e análise"],he=["Agentes de IA","Múltiplas unidades","Integrações e skills","Agenda integrada","Custos e consumo","Conexões"],fe={hidden:{opacity:0,y:24},visible:{opacity:1,y:0}},m=({children:o,className:t=""})=>{const s=L();return e.jsx(c.div,{initial:s?!1:"hidden",whileInView:"visible",viewport:{once:!0,amount:.18},variants:fe,transition:{duration:.65,ease:[.22,1,.36,1]},className:t,children:o})},$=({label:o,title:t,text:s,badge:d})=>e.jsxs(m,{className:"border-t border-border pt-6",children:[e.jsx("p",{className:"text-xs font-semibold text-muted-foreground",children:o}),e.jsxs("div",{className:"mt-5 flex max-w-4xl flex-wrap items-center justify-between gap-6",children:[e.jsx("h2",{className:"text-3xl font-semibold leading-tight tracking-normal text-foreground md:text-5xl",children:t}),d]}),e.jsx("p",{className:"mt-5 max-w-2xl text-base leading-7 text-muted-foreground",children:s})]}),be=({active:o})=>o==="crm-leads"?e.jsxs("div",{className:"space-y-5 p-6 md:p-8",children:[e.jsxs("div",{className:"flex items-center gap-4 border-b border-border pb-6",children:[e.jsx("div",{className:"grid size-12 place-items-center rounded-full bg-accent font-semibold text-accent-foreground",children:"CS"}),e.jsxs("div",{children:[e.jsx("p",{className:"font-semibold",children:"Carlos Silva"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Veio do Instagram · DDD 31"})]}),e.jsxs("div",{className:"ml-auto bg-primary px-4 py-3 text-center text-primary-foreground",children:[e.jsx("span",{className:"block text-xs",children:"AI Score"}),e.jsx("strong",{className:"text-2xl text-accent",children:"82"})]})]}),e.jsx("div",{className:"grid divide-y divide-border border-y border-border text-sm sm:grid-cols-3 sm:divide-x sm:divide-y-0",children:[["Etapa atual","Proposta"],["Valor estimado","R$ 1.159,60"],["Próxima ação","Confirmar endereço"]].map(([t,s])=>e.jsxs("div",{className:"p-4",children:[e.jsx("span",{className:"block text-xs text-muted-foreground",children:t}),e.jsx("strong",{className:"mt-2 block break-words",children:s})]},t))}),e.jsxs("p",{className:"flex gap-3 text-sm",children:[e.jsx(A,{className:"size-5 text-lime-deep"})," Interesse e produtos identificados pela conversa."]})]}):o==="central-digital"?e.jsxs("div",{className:"p-6 md:p-8",children:[e.jsxs("div",{className:"flex flex-wrap gap-2 border-b border-border pb-5 text-xs",children:[e.jsx("span",{className:"bg-primary px-3 py-2 text-primary-foreground",children:"Google · 128"}),e.jsx("span",{className:"bg-secondary px-3 py-2",children:"Instagram · 46"})]}),[["â
â
â
â
â
","Atendimento rápido e equipe muito atenciosa.","Responder avaliação"],["â
â
â
â
â","Encontrei o produto pelo Instagram.","Ver comentário"]].map(([t,s,d])=>e.jsxs("div",{className:"grid gap-3 border-b border-border py-5 sm:grid-cols-[90px_1fr_auto] sm:items-center",children:[e.jsx("strong",{className:"text-sm text-lime-deep",children:t}),e.jsx("p",{className:"text-sm",children:s}),e.jsxs("span",{className:"text-xs font-semibold",children:[d," â"]})]},s))]}):o==="respostas"?e.jsx("div",{className:"space-y-3 p-6 md:p-8",children:[["Assumindo da IA","Oi, {nome}! Sou Ana e vou seguir com seu atendimento."],["Confirmação de dados","Pode confirmar seu e-mail e telefone?"],["Follow-up","Você ainda tem interesse na proposta que enviamos?"]].map(([t,s],d)=>e.jsxs(c.div,{initial:{opacity:0,x:12}
46,animate:{opacity:1,x:0},transition:{delay:d*.08},className:"flex items-start gap-4 border border-border p-4",children:[e.jsx("span",{className:"grid size-9 shrink-0 place-items-center rounded-full bg-accent",children:e.jsx(Y,{className:"size-4"})}),e.jsxs("div",{children:[e.jsx("strong",{className:"text-sm",children:t}),e.jsx("p",{className:"mt-1 text-xs leading-5 text-muted-foreground",children:s})]}),e.jsx(f,{className:"ml-auto size-4 shrink-0"})]},t))}):o==="segmentos"?e.jsxs("div",{className:"space-y-6 p-6 md:p-8",children:[e.jsxs("div",{className:"bg-secondary p-6",children:[e.jsx("p",{className:"text-xs font-semibold text-lime-deep",children:"Segmento por IA"}),e.jsx("p",{className:"mt-3 text-lg font-semibold",children:"âquem é de BH e não compra há 30 diasâ"}),e.jsx("strong",{className:"mt-5 block text-4xl",children:"1.284"}),e.jsx("span",{className:"text-sm text-muted-foreground",children:"pessoas encontradas"})]}),e.jsxs("div",{className:"grid grid-cols-3 divide-x divide-border border-y border-border py-5 text-center",children:[e.jsxs("div",{children:[e.jsx("strong",{className:"block text-xl",children:"96%"}),e.jsx("span",{className:"text-xs text-muted-foreground",children:"entregues"})]}),e.jsxs("div",{children:[e.jsx("strong",{className:"block text-xl",children:"38%"}),e.jsx("span",{className:"text-xs text-muted-foreground",children:"responderam"})]}),e.jsxs("div",{children:[e.jsx("strong",{className:"block text-xl",children:"124"}),e.jsx("span",{className:"text-xs text-muted-foreground",children:"oportunidades"})]})]})]}):o==="jornadas"?e.jsxs("div",{className:"p-6 md:p-8",children:[e.jsxs("div",{className:"flex items-center justify-between border-b border-border pb-5",children:[e.jsxs("div",{children:[e.jsx("span",{className:"text-xs text-muted-foreground",children:"Jornada"}),e.jsx("strong",{className:"block",children:"Reengajamento"})]}),e.jsx("span",{className:"bg-tint-lime px-3 py-2 text-xs font-semibold text-lime-deep",children:"Ativa"})]}),e.jsx("div",{className:"mt-7 flex flex-col items-stretch gap-3 sm:flex-row sm:items-center",children:[["01","Sem resposta","4 horas"],["02","Enviar mensagem","Template aprovado"],["03","Voltar ao time","Lead respondeu"]].map(([t,s,d],g)=>e.jsxs("div",{className:"contents",children:[e.jsxs("div",{className:"min-w-0 flex-1 border border-border p-4",children:[e.jsx("span",{className:"text-[10px] text-lime-deep",children:t}),e.jsx("strong",{className:"mt-2 block text-sm",children:s}),e.jsx("span",{className:"mt-1 block text-xs text-muted-foreground",children:d})]}),g<2&&e.jsx(f,{className:"mx-auto size-4 rotate-90 text-muted-foreground sm:rotate-0"})]},s))})]}):o==="termometro"?e.jsxs("div",{className:"p-6 md:p-8",children:[e.jsx("div",{className:"grid grid-cols-3 gap-px bg-border",children:[["Conversas","284"],["Qualificados","103"],["Vendas","31"]].map(([t,s])=>e.jsxs("div",{className:"bg-card p-4",children:[e.jsx("span",{className:"text-xs text-muted-foreground",children:t}),e.jsx("strong",{className:"mt-2 block text-xl",children:s})]},t))}),e.jsx("div",{className:"mt-6 space-y-4",children:[["Converse conosco",82,"24 vendas"],["Oferta de setembro",61,"15 vendas"],["Conheça a novida
46de",38,"7 vendas"]].map(([t,s,d])=>e.jsxs("div",{className:"grid grid-cols-[minmax(0,1fr)_auto] items-center gap-4",children:[e.jsxs("div",{children:[e.jsx("div",{className:"mb-2 flex justify-between text-xs",children:e.jsx("strong",{children:t})}),e.jsx("div",{className:"h-2 bg-secondary",children:e.jsx(c.div,{initial:{width:0},whileInView:{width:`${s}%`},className:"h-full bg-accent"})})]}),e.jsx("span",{className:"text-xs text-muted-foreground",children:d})]},String(t)))})]}):o==="formularios"?e.jsxs("div",{className:"p-6 md:p-8",children:[e.jsxs("div",{className:"flex items-center gap-4 border border-border p-5",children:[e.jsx("span",{className:"grid size-12 place-items-center bg-secondary",children:e.jsx(te,{className:"size-5"})}),e.jsxs("div",{children:[e.jsx("strong",{className:"block",children:"Calculadora do site"}),e.jsx("span",{className:"text-xs text-muted-foreground",children:"Recebeu 86 leads este mês"})]}),e.jsx("span",{className:"ml-auto size-2 rounded-full bg-accent"})]}),e.jsxs("div",{className:"mt-5 grid grid-cols-2 gap-4 text-sm",children:[e.jsxs("div",{className:"bg-secondary p-5",children:[e.jsx("span",{className:"text-xs text-muted-foreground",children:"Entraram hoje"}),e.jsx("strong",{className:"mt-2 block text-3xl",children:"12"})]}),e.jsxs("div",{className:"bg-secondary p-5",children:[e.jsx("span",{className:"text-xs text-muted-foreground",children:"Já atendidos"}),e.jsx("strong",{className:"mt-2 block text-3xl",children:"10"})]})]}),e.jsxs("p",{className:"mt-5 flex items-center gap-3 text-sm",children:[e.jsx(oe,{className:"size-5 text-lime-deep"})," Cada envio cria o contato, registra a origem e inicia o próximo passo."]})]}):o==="relatorios"?e.jsxs("div",{className:"p-6 md:p-8",children:[e.jsx("div",{className:"grid grid-cols-2 gap-px bg-border md:grid-cols-4",children:[["Conversas","2.846"],["Leads","684"],["Vendas","187"],["Receita","R$ 214 mil"]].map(([t,s])=>e.jsxs("div",{className:"bg-card p-4",children:[e.jsx("span",{className:"text-xs text-muted-foreground",children:t}),e.jsx("strong",{className:"mt-2 block text-xl",children:s}),e.jsx("span",{className:"text-xs text-lime-deep",children:"â este mês"})]},t))}),e.jsx("div",{className:"mt-8 flex h-48 items-end gap-3 border-b border-border",children:[35,52,44,68,61,84,73,92].map((t,s)=>e.jsx(c.span,{initial:{height:0},whileInView:{height:`${t}%`},transition:{delay:s*.05,duration:.6},className:"flex-1 bg-accent"},s))})]}):e.jsxs("div",{className:"p-6 md:p-8",children:[e.jsxs("div",{className:"mb-6 flex items-center gap-3 border-b border-border pb-5",children:[e.jsx("span",{className:"grid size-10 place-items-center rounded-full bg-accent text-sm font-semibold",children:"CS"}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[11px] leading-tight text-muted-foreground",children:"Origem: anúncio Meta - campanha de aniversário"}),e.jsx("strong",{className:"block text-sm",children:"Carlos Silva"}),e.jsx("span",{className:"text-xs text-muted-foreground",children:"WhatsApp · agora"})]}),e.jsx("span",{className:"ml-auto bg-primary px-3 py-2 text-xs text-primary-foreground",children:"Assumir"})]}),e.jsxs("div",{className:"min-h-64 space-y-3 bg-secondary p-5 text-sm",children:[e.jsx("p",{className:"max-w-xs bg-muted p-3",children:"Tem tinta acrÃlica 18L branca? Quanto sai?"}),e.jsx("span",{className:"block text-xs text-muted-foreground",children:"consultando o ERP · 1,8s"}),e.jsx("p",{className:"ml-auto max-w-sm bg-accent p-3",children:"Tenho sim! 4 unidades, R$ 289,90. Retira hoje ou recebe até quinta?"}),e.jsx("p",{className:"max-w-xs bg-muted p-3",children:"Recebo em casa. Fecha!"})]})]}),je=[{id:"central",screen:"Central de mensagens",title:"Central de mensagens",desc:"WhatsApp, Instagram, site e Google em uma única caixa de entrada.",highlights:["IA responde na hora","Humano assume com um clique"]},{id:"crm",screen:"Lead · Carlos Silva",title:"CRM e leads",desc:"Cada conversa vira um lead com etapa, valor e próxima ação.",highlights:["Score de IA por lead","Nenhum lead fica esquecido"]},{id:"segmentos",screen:"Campanhas",title:"Segmentos e campanhas",desc:"Encontre o público certo e fale com ele no momento certo.",highlights:["
46Segmentos criados por IA","Resultado ligado ao atendimento"]},{id:"jornadas",screen:"Jornada ativa",title:"Jornadas",desc:"Follow-ups automáticos que levam o lead até a venda.",highlights:["Dispara sem esforço do time","Volta para o time quando responde"]},{id:"termometro",screen:"Termômetro de anúncios",title:"Termômetro de anúncios",desc:"Descubra qual anúncio gera conversa â e qual gera venda.",highlights:["Origem registrada em cada conversa","Investimento guiado por dados"]},{id:"relatorios",screen:"Resultado do mês",title:"Relatórios",desc:"Conversas, leads, vendas e receita em tempo real.",highlights:["Operação inteira em uma tela","Fácil de exportar e compartilhar"]}],ve=({id:o})=>o==="crm"?e.jsxs("div",{className:"space-y-3 p-4",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"grid size-8 place-items-center rounded-full bg-accent text-[10px] font-semibold text-accent-foreground",children:"CS"}),e.jsxs("div",{children:[e.jsx("p",{className:"text-xs font-semibold",children:"Carlos Silva"}),e.jsx("p",{className:"text-[10px] text-muted-foreground",children:"Veio do Instagram"})]}),e.jsxs("div",{className:"ml-auto bg-primary px-2 py-1 text-center text-primary-foreground",children:[e.jsx("span",{className:"block text-[8px]",children:"AI Score"}),e.jsx("strong",{className:"text-xs text-accent",children:"82"})]})]}),e.jsx("div",{className:"grid grid-cols-2 gap-px bg-border text-center",children:[["Etapa","Proposta"],["Valor","R$ 1.159,60"]].map(([t,s])=>e.jsxs("div",{className:"bg-card p-2",children:[e.jsx("span",{className:"block text-[9px] text-muted-foreground",children:t}),e.jsx("strong",{className:"mt-0.5 block text-[11px]",children:s})]},t))}),e.jsxs("p",{className:"flex items-start gap-2 text-[10px] leading-4 text-muted-foreground",children:[e.jsx(A,{className:"mt-0.5 size-3 shrink-0 text-lime-deep"})," Interesse identificado pela conversa."]})]}):o==="segmentos"?e.jsxs("div",{className:"space-y-3 p-4",children:[e.jsxs("div",{className:"bg-secondary p-3",children:[e.jsx("p",{className:"text-[9px] font-semibold text-lime-deep",children:"Segmento por IA"}),e.jsx("p",{className:"mt-1.5 text-[11px] leading-4",children:"âquem é de BH e não compra há 30 diasâ"})]}),e.jsxs("p",{className:"text-center",children:[e.jsx("strong",{className:"text-2xl",children:"1.284"}),e.jsx("span",{className:"ml-2 text-[10px] text-muted-foreground",children:"pessoas encontradas"})]})]}):o==="jornadas"?e.jsx("div",{className:"space-y-2 p-4",children:[["01","Sem resposta","4 horas"],["02","Enviar mensagem","Template aprovado"],["03","Voltar ao time","Lead respondeu"]].map(([t,s,d])=>e.jsxs("div",{className:"flex items-center gap-3 border border-border p-2.5",children:[e.jsx("span",{className:"text-[9px] text-lime-deep",children:t}),e.jsxs("div",{className:"min-w-0",children:[e.jsx("strong",{className:"block text-[11px]",children:s}),e.jsx("span",{className:"block truncate text-[9px] text-muted-foreground",children:d})]})]},s))}):o==="termometro"?e.jsx("div",{className:"space-y-3 p-4",children:[["Converse conosco",82,"24 vendas"],["Oferta de setembro",61,"15 vendas"],["Conheça a novida
46de",38,"7 vendas"]].map(([t,s,d])=>e.jsxs("div",{children:[e.jsxs("div",{className:"flex justify-between text-[10px]",children:[e.jsx("strong",{children:t}),e.jsx("span",{className:"text-muted-foreground",children:d})]}),e.jsx("div",{className:"mt-1 h-1.5 bg-secondary",children:e.jsx(c.div,{initial:{width:0},whileInView:{width:`${s}%`},viewport:{once:!0},transition:{duration:.6},className:"h-full bg-accent"})})]},String(t)))}):o==="relatorios"?e.jsxs("div",{className:"p-4",children:[e.jsx("div",{className:"grid grid-cols-3 gap-px bg-border text-center",children:[["Conversas","2.846"],["Leads","684"],["Vendas","187"]].map(([t,s])=>e.jsxs("div",{className:"bg-card p-2",children:[e.jsx("span",{className:"block text-[9px] text-muted-foreground",children:t}),e.jsx("strong",{className:"mt-0.5 block text-[11px]",children:s})]},t))}),e.jsx("div",{className:"mt-4 flex h-10 items-end gap-1.5",children:[35,52,44,68,84].map((t,s)=>e.jsx(c.span,{initial:{height:0},whileInView:{height:`${t}%`},viewport:{once:!0},transition:{delay:s*.05,duration:.5},className:"flex-1 bg-accent"},s))})]}):e.jsxs("div",{className:"space-y-2 p-4",children:[e.jsx("p",{className:"max-w-[85%] bg-muted p-2 text-[11px] leading-4",children:"Tem tinta acrÃlica 18L branca? Quanto sai?"}),e.jsx("span",{className:"block text-[9px] text-muted-foreground",children:"consultando o ERP · 1,8s"}),e.jsx("p",{className:"ml-auto max-w-[90%] bg-accent p-2 text-[11px] leading-4",children:"Tenho sim! 4 unidades, R$ 289,90. Retira hoje?"}),e.jsx("p",{className:"max-w-[80%] bg-muted p-2 text-[11px] leading-4",children:"Recebo em casa. Fecha!"})]}),Ne=()=>{const[o,t]=x.useState("central"),[s,d]=x.useState(0),[g,y]=x.useState(!1),[H,B]=x.useState(0),[q,I]=x.useState(0),z=x.useRef(null),w=x.useRef(null),[M,R]=x.useState(!1),S=a=>{var i;const r=w.current;if(!r)return;const n=(((i=r.querySelector("[data-porque-card]"))==null?void 0:i.offsetWidth)??320)+20;r.scrollBy({left:a*n,behavior:l?"auto":"smooth"})},l=L(),N=v.find(a=>a.id===o)??v[0],F=a=>{t(a),window.innerWidth<1024&&window.requestAnimationFrame(()=>{var r;return(r=z.current)==null?void 0:r.scrollIntoView({behavior:l?"auto":"smooth",block:"start"})})};return x.useEffect(()=>{if(l||g)return;const a=window.setInterval(()=>d(r=>(r+1)%p.length),6e3);return()=>window.clearInterval(a)},[l,g]),x.useEffect(()=>{if(l||g)return;const a=window.setInterval(()=>I(r=>(r+1)%C.length),3500);return()=>window.clearInterval(a)},[l,g]),x.useEffect(()=>{if(l||M)return;const a=window.setInterval(()=>{var b;const r=w.current;if(!r)return;const n=(((b=r.querySelector("[data-porque-card]"))==null?void 0:b.offsetWidth)??320)+20,i=r.scrollLeft+r.clientWidth>=r.scrollWidth-n;r.scrollTo({left:i?0:r.scrollLeft+n,behavior:"smooth"})},5e3);return()=>window.clearInterval(a)},[l,M]),e.jsxs("div",{className:"flooxs-editorial overflow-hidden bg-background text-foreground",children:[e.jsxs("section",{id:"inicio",className:"relative flex min-h-[720px] flex-col justify-end bg-primary text-primary-foreground lg:min-h-[760px]",children:[e.jsx("img",{src:ce,alt:"Profissionais conversando durante uma reunião",className:"absolute inset-0 size-full object-cover object-[62%_center]"}),e.jsx("div",{className:"absolute inset-0 bg-[linear-gradient(90deg,hsl(var(--primary))_0%,hsl(var(--primary)/0.88)_32%,hsl(var(--primary)/0.18)_72%),linear-gradient(0deg,hsl(var(--primary)/0.9)_0%,transparent_48%)]"}),e.jsx(Q,{variant:"overlay"}),e.jsx("div",{className:"relative z-10 mx-auto w-full max-w-[1180px] px-5 pb-10 pt-36 md:px-8 md:pb-14",children:e.jsxs(m,{className:"max-w-[900px]",children:[e.jsxs("p",{className:"mb-7 flex items-center gap-3 text-[11px] font-semibold",children:[e.jsx("span",{className:"size-2 rounded-full bg-accent shadow-[0_0_0_6px_hsl(var(--accent)/0.15)]"}),"Plataforma de atendimento, vendas e relacionamento"]}),e.jsxs("h1",{className:"max-w-[850px] text-5xl font-semibold leading-[0.96] tracking-normal sm:text-6xl lg:text-[82px]",children:["Conversa que vira ",e.jsx("span",{className:"text-accent",children:"venda, dado e gestão."})]}),e.jsxs("div",{className:"mt-8 grid items-end gap-8 md:grid-cols-[minmax(0,600px)_auto]",children:[e.jsx("p",{className:"max-w-xl text-base leading-7 text-primary-foreground
46/75 md:text-lg",children:"A Flooxs reúne agentes de IA, atendimento, CRM, campanhas e dados em uma única operação â implantada e acompanhada pelo nosso time."}),e.jsxs("div",{className:"flex flex-wrap gap-3 md:justify-end",children:[e.jsx(h,{asChild:!0,className:"rounded-full bg-accent text-accent-foreground hover:bg-accent/90",children:e.jsxs("a",{href:"#como-funciona",children:["Ver como funciona ",e.jsx(f,{})]})}),e.jsx(h,{asChild:!0,variant:"outline",className:"rounded-full border-primary-foreground/35 bg-transparent text-primary-foreground hover:bg-primary-foreground hover:text-primary",children:e.jsx(k,{to:"/contato",children:"Quero levar para minha operação"})})]})]})]})}),e.jsx("div",{className:"relative z-10 border-t border-primary-foreground/15 bg-primary/60",children:e.jsxs("div",{className:"mx-auto flex max-w-[1180px] flex-col gap-4 px-5 py-5 text-xs md:flex-row md:items-center md:justify-between md:px-8",children:[e.jsx("strong",{children:"Uma relação. Todos os pontos conectados."}),e.jsxs("div",{className:"flex flex-wrap gap-x-5 gap-y-2 text-primary-foreground/65",children:[e.jsx("span",{children:"WhatsApp"}),e.jsx("span",{children:"Instagram"}),e.jsx("span",{children:"Site"}),e.jsx("span",{children:"Google"}),e.jsx("span",{children:"CRM"}),e.jsx("span",{children:"ERP"})]})]})})]}),e.jsxs("main",{children:[e.jsx("section",{id:"porque",className:"px-5 py-20 md:px-8 md:py-28",children:e.jsxs("div",{className:"mx-auto max-w-[1180px]",children:[e.jsx($,{label:"O que é a Flooxs",title:"Uma plataforma para transformar conversas em operação e resultado.",text:"A Flooxs conecta atendimento, agentes de IA, CRM, campanhas e dados. O cliente conversa por qualquer canal; a plataforma entende, executa, registra e mostra o que aconteceu."}),e.jsxs(m,{className:"mt-14",children:[e.jsxs("div",{onMouseEnter:()=>R(!0),onMouseLeave:()=>R(!1),children:[e.jsxs("div",{className:"mb-6 flex justify-end gap-2",children:[e.jsx("button",{type:"button",onClick:()=>S(-1),"aria-label":"Funcionalidade anterior",className:"grid size-10 place-items-center rounded-full border border-border bg-card text-foreground transition-colors hover:bg-secondary",children:e.jsx(f,{className:"size-4 rotate-180"})}),e.jsx("button",{type:"button",onClick:()=>S(1),"aria-label":"Próxima funcionalidade",className:"grid size-10 place-items-center rounded-full border border-border bg-card text-foreground transition-colors hover:bg-secondary",children:e.jsx(f,{className:"size-4"})})]}),e.jsx("div",{ref:w,className:"flex snap-x snap-mandatory gap-5 overflow-x-auto pb-2 [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",children:je.map(a=>e.jsxs("div",{"data-porque-card":!0,className:"w-[280px] shrink-0 snap-start sm:w-[320px]",children:[e.jsx("div",{className:"rounded-2xl border border-border bg-card p-2.5 shadow-fx-2",children:e.jsx("div",{className:"flex h-[236px] items-center rounded-xl bg-secondary/70 px-3",children:e.jsxs("div",{className:"w-full overflow-hidden rounded-lg border border-border bg-card",children:[e.jsxs("div",{className:"flex h-7 items-center gap-2 border-b border-border bg-secondary px-3 text-[10px]",children:[e.jsx("span",{className:"text-muted-foreground",children:"â â â"}),e.jsx("strong",{className:"mx-auto truncate pr-4",children:a.screen})]}),e.jsx(ve,{id:a.id})]})})}),e.jsx("h3",{className:"mt-5 text-lg font-semibold",children:a.title}),e.jsx("p",{className:"mt-1.5 text-sm leading-6 text-muted-foreground",children:a.desc}),e.jsx("ul",{className:"mt-3 space-y-1.5",children:a.highlights.map(r=>e.jsxs("li",{className:"flex items-center gap-2 text-xs text-muted-foreground",children:[e.jsx(V,{className:"size-3.5 shrink-0 text-lime-deep"}),r]},r))})]},a.id))})]}),e.jsx("div",{className:"mt-12 flex justify-center",children:e.jsxs("div",{className:"inline-flex items-center gap-3 rounded-2xl border border-border bg-secondary/60 px-5 py-3",children:[e.jsxs("span",{className:"relative flex h-2 w-2",children:[e.jsx("span",{className:"absolute inline-flex h-full w-full animate-ping rounded-full bg-accent opacity-60 motion-reduce:hidden"}),e.jsx("span",{className:"relative inline-flex h-2 w-2 rounded-full bg-accent"})]}),e.jsx("p",{className:"text-sm font-medium text-foreground",children:"Do primeiro contato ao resultado â tudo dentro da mesma plataforma."})]})})]})]})}),e.jsx("div",{"aria-hidden":"true",className:"mx-auto max-w-[1180px] px-5 md:px-8",children:e.jsx("div",{className:"h-px bg-border"})}),e.jsx("section",{id:"como-funciona",className:"bg-secondary/60 px-5 pb-20 pt-8 text-foreground md:px-8 md:pb-28 md:pt-10",onMouseEnter:()=>y(!0),onMouseLeave:()=>y(!1),children:e.jsxs("div",{className:"mx-auto max-w-[1180px]",children:[e.jsxs(m,{className:"pt-6",children:[e.jsx("p",{className:"text-xs text-muted-foreground",children:"Como funciona"}),e.jsxs("div",{className:"max-w-3xl",children:[e.jsxs("h2",{className:"text-3xl font-semibold leading-tight tracking-normal md:text-5xl",children:["Uma conversa entra.",e.jsx("br",{}),"A operação continua."]}),e.jsx("p",{className:"mt-5 text-muted-foreground",children:"A Flooxs conecta cada interação ao próximo passo e usa o resultado para melhorar o ciclo."})]})]}),e.jsxs("div",{className:"mt-10 lg:hidden",children:[e.jsx("div",{className:"-mx-5 flex snap-x snap-mandatory gap-2 overflow-x-auto px-5 pb-3 scrollbar-none",role:"tablist","aria-label":"Etapas de como funciona",children:p.map(([a,r],n)=>{const i=s===n;return e.jsxs(h,{role:"tab","aria-selected":i,variant:"ghost",onClick:()=>d(n),className:`h-[72px] w-[132px] shrink-0 snap-start flex-col items-start justify-between rounded-xl border px-4 py-3 text-left hover:text-foreground ${i?"border-primary bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground":"border-border bg-background text-muted-foreground hover:bg-background"}`,children:[e.jsx("span",{className:`text-[10px] font-semibold ${i?"text-accent":"text-muted-foreground"}`,children:a}),e.jsx("span",{className:"text-sm font-semibold",children:r})]},r)})}),e.jsxs("div",{className:"mt-2 flex items-center justify-between text-[10px] text-muted-foreground",children:[e.jsx("span",{children:"Deslize para ver as etapas"}),e.jsxs("span",{children:[s+1," / ",p.length]})]})]}),e.jsxs("div",{className:"relative mt-10 hidden lg:block lg:mt-14",role:"tablist","aria-label":"Etapas de como funciona",children:[e.jsx("div",{className:"absolute left-0 right-0 top-[22px] h-px bg-border","aria-hidden":"true"}),e.jsx(c.div,{className:"absolute left-0 top-[22px] h-px origin-left bg-accent",animate:{width:`${s/(p.length-1)*100}%`},transition:{duration:.65,ease:[.22,1,.36,1]},"aria-hidden":"true"}),e.jsx("div",{className:"relative flex items-start justify-between",children:p.map(([a,r],n)=>{const i=s===n;return e.jsxs(h,{role:"tab","aria-selected":i,variant:"ghost",onClick:()=>d(n),className:"group relative z-10 h-auto w-auto flex-col items-center gap-3 rounded-none px-0 py-0 hover:bg-transparent ",children:[e.jsx(c.span,{animate:{scale:i?1.08:1},transition:{duration:.35,ease:[.22,1,.36,1]},className:`grid size-11 place-items-center rounded-full border text-xs font-semibold shadow-sm transition-colors ${i?"border-accent bg-accent text-accent-foreground shadow-[0_0_18px_hsl(var(--accent)/0.45)]":"border-border bg-background text-muted-foreground group-hover:border-foreground
46/30 group-hover:text-foreground"}`,children:a}),e.jsx("span",{className:`text-xs font-semibold uppercase tracking-wide transition-colors ${i?"text-lime-deep":"text-muted-foreground group-hover:text-foreground"}`,children:r})]},r)})})]}),e.jsxs(c.div,{initial:l?!1:{opacity:0,y:16},animate:{opacity:1,y:0},transition:{duration:.5,ease:[.22,1,.36,1]},className:"relative mt-8 overflow-hidden rounded-2xl border border-border bg-card p-6 shadow-sm lg:mt-10 lg:p-12",children:[e.jsxs("div",{className:"grid items-center gap-10 lg:grid-cols-[minmax(0,0.85fr)_minmax(0,1.15fr)]",children:[e.jsxs("div",{children:[e.jsxs("span",{className:"inline-block rounded-full bg-accent px-3 py-1 text-xs font-semibold text-accent-foreground",children:[p[s][0]," · ",p[s][1]]}),e.jsx("h3",{className:"mt-5 text-2xl font-semibold leading-tight tracking-normal md:text-4xl",children:p[s][2]}),e.jsx("p",{className:"mt-4 max-w-xl text-sm leading-6 text-muted-foreground",children:_[s].lead}),e.jsxs("div",{className:"mt-7 flex flex-wrap items-center gap-x-4 gap-y-2 border-t border-border pt-5 text-[11px] text-muted-foreground",children:[e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx(G,{className:`size-4 text-lime-deep ${l||g?"":"animate-spin"}`,style:{animationDuration:"7s"}}),g?"Pausado para leitura":"A operação continua"]}),e.jsx("span",{className:"text-muted-foreground/60",children:pe[s]})]})]}),e.jsx("div",{className:"grid gap-3 sm:grid-cols-2",children:_[s].items.map(([a,r,n],i)=>e.jsxs(c.div,{initial:l?!1:{opacity:0,y:12},animate:{opacity:1,y:0},transition:{delay:.06*i,duration:.45},className:"flex items-start gap-3 rounded-xl border border-border bg-muted/60 p-4",children:[e.jsx("span",{className:"grid size-10 shrink-0 place-items-center rounded-lg bg-accent text-accent-foreground",children:e.jsx(a,{className:"size-5"})}),e.jsxs("span",{className:"min-w-0",children:[e.jsx("strong",{className:"block text-sm font-semibold",children:r}),e.jsx("span",{className:"mt-1 block text-xs leading-5 text-muted-foreground",children:n})]})]},r))})]}),e.jsx("div",{className:"absolute bottom-0 left-0 h-1 bg-accent transition-all duration-500",style:{width:`${(s+1)/p.length*100}%`}})]},s)]})}),e.jsx("div",{"aria-hidden":"true",className:"mx-auto max-w-[1180px] px-5 md:px-8",children:e.jsx("div",{className:"h-px bg-border"})}),e.jsx("section",{id:"solucoes",className:"px-5 py-20 md:px-8 md:py-28",children:e.jsxs("div",{className:"mx-auto max-w-[1180px]",children:[e.jsx($,{label:"Veja na prática",title:"Veja a Flooxs funcionando.",text:"Navegue pelas áreas da plataforma e veja como cada uma move atendimento, vendas, aquisição e gestão."}),e.jsxs("div",{className:"mt-10 overflow-hidden border border-border bg-card shadow-fx-2 md:mt-14 lg:grid lg:grid-cols-[290px_minmax(0,1fr)]",children:[e.jsxs("div",{className:"border-b border-border bg-secondary/55 py-4 lg:border-b-0 lg:border-r lg:p-6",role:"tablist","aria-label":"Ãreas da plataforma",children:[e.jsx("div",{className:"flex snap-x snap-mandatory gap-2 overflow-x-auto px-4 pb-1 scrollbar-none lg:hidden",children:v.map(a=>e.jsxs(h,{role:"tab","aria-selected":o===a.id,variant:"ghost",onClick:()=>F(a.id),className:`h-[70px] w-[154px] shrink-0 snap-start flex-col items-start justify-between rounded-xl border px-4 py-3 text-left ${o===a.id?"border-primary bg-primary font-semibold text-primary-foreground hover:bg-primary hover:text-primary-foreground":"border-border bg-background text-muted-foreground hover:bg-background hover:text-foreground"}`,children:[e.jsx("span",{className:`text-[9px] font-semibold ${o===a.id?"text-accent":"text-muted-foreground"}`,children:a.group}),e.jsx("span",{className:"w-full truncate text-xs",children:a.label})]},a.id))}),e.jsxs("div",{className:"mt-2 flex items-center justify-between px-4 text-[10px] text-muted-foreground lg:hidden",children:[e.jsx("span",{children:"Deslize para explorar"}),e.jsxs("span",{children:[v.findIndex(a=>a.id===o)+1," / ",v.length]})]}),e.jsx("div",{className:"hidden lg:block",children:ge.map((a,r)=>e.jsxs("div",{className:r===0?"":"mt-6",children:[e.jsx("p",{className:"mb-2 text-[11px] font-semibold text-muted-foreground",children:a}),e.jsx("div",{className:"space-y-1",children:v.filter(n=>n.group===a).map(n=>e.jsxs(h,{role:"tab","aria-selected":o===n.id,variant:"ghost",onClick:()=>F(n.id),className:`group h-auto w-full justify-start rounded-md px-3 py-3 text-left text-sm ${o===n.id?"bg-primary font-semibold text-primary-foreground hover:bg-primary hover:text-primary-foreground":"bg-transparent text-muted-foreground hover:bg-background hover:text-foreground"}`,children:[e.jsx("span",{className:`mr-3 size-2 shrink-0 rounded-full ${o===n.id?"bg-accent":"bg-border"}`}),n.label,e.jsx(f,{className:`ml-auto size-4 transition-all ${o===n.id?"translate-x-0 text-accent opacity-100":"-translate-x-2 opacity-0 group-hover:translate-x-0 group-hover:opacity-100"}`})]},n.id))})]},a))})]}),e.jsx("div",{ref:z,className:"min-w-0 scroll-mt-4 p-5 md:p-8 lg:min-h-[640px] lg:p-10",children:e.jsxs("div",{className:"grid items-center gap-8 lg:grid-cols-[minmax(0,0.42fr)_minmax(0,0.58fr)] lg:gap-12",children:[e.jsxs(c.div,{initial:l?!1:{opacity:0,y:8}
46,animate:{opacity:1,y:0},children:[e.jsx("p",{className:"text-xs font-semibold text-lime-deep",children:N.kicker}),e.jsx("h3",{className:"mt-2 text-xl font-semibold leading-tight tracking-normal md:text-2xl",children:N.title}),e.jsx("p",{className:"mt-2 text-sm leading-6 text-muted-foreground",children:N.text}),e.jsx("ul",{className:"mt-6 flex flex-col items-start gap-3 text-xs font-medium",children:N.bullets.map(a=>e.jsxs("li",{className:"flex items-center gap-3 rounded-full border border-border bg-secondary/60 px-4 py-2.5",children:[e.jsx(V,{className:"size-3.5 shrink-0 text-muted-foreground"}),a]},a))})]},`${o}-copy`),e.jsxs(c.div,{initial:l?!1:{opacity:0,y:12},animate:{opacity:1,y:0},className:"relative",children:[e.jsx("div",{"aria-hidden":!0,className:"absolute -inset-1 rounded-2xl bg-gradient-to-r from-secondary to-transparent opacity-60 blur"}),e.jsxs("div",{className:"relative overflow-hidden border border-border bg-card shadow-fx-2",children:[e.jsxs("div",{className:"flex h-12 items-center gap-3 border-b border-border bg-secondary px-4 text-xs md:px-5",children:[e.jsx("span",{className:"text-muted-foreground",children:"â â â"}),e.jsx("strong",{className:"mx-auto truncate px-2",children:N.kicker}),e.jsx("span",{className:"bg-tint-lime px-2 py-1 text-lime-deep",children:"Ao vivo"})]}),e.jsx(be,{active:o})]})]},o)]})})]}),e.jsx(m,{className:"mt-8 flex flex-wrap gap-x-8 gap-y-4 border-t border-border pt-6 text-sm text-muted-foreground",children:he.map(a=>e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"size-1.5 rounded-full bg-accent"}),a]},a))})]})}),e.jsx("section",{id:"acompanhamento",className:"bg-primary px-5 py-20 text-primary-foreground md:px-8 md:py-28",children:e.jsxs("div",{className:"mx-auto max-w-[1180px]",children:[e.jsxs(m,{children:[e.jsx("p",{className:"text-xs font-semibold text-primary-foreground/50",children:"Acompanhamento mensal"}),e.jsx("h2",{className:"mt-5 max-w-3xl text-3xl font-semibold leading-tight tracking-normal md:text-5xl",children:"Nosso time ajuda a decidir o próximo passo."}),e.jsx("p",{className:"mt-5 max-w-2xl text-base leading-7 text-primary-foreground/60",children:"A Flooxs não termina na implantação. Todos os meses, acompanhamos os resultados e evoluÃmos a operação com o cliente."})]}),e.jsxs("div",{className:"mt-16 grid items-center gap-14 lg:grid-cols-[0.9fr_1.1fr]",children:[e.jsxs(m,{children:[e.jsx("p",{className:"text-xs font-semibold text-accent",children:"Plataforma + estratégia"}),e.jsx("h3",{className:"mt-5 text-2xl font-semibold leading-tight tracking-normal md:text-3xl",children:"Tecnologia com acompanhamento de verdade."}),e.jsx("p",{className:"mt-5 text-sm leading-6 text-primary-foreground/60",children:"O cliente não recebe apenas um login. Recebe leitura da operação, recomendações e apoio para colocar a estratégia em prática."}),e.jsx("div",{className:"mt-8 space-y-3",children:C.map(([a,r,n,i],b)=>{const j=q===b;return e.jsxs("button",{type:"button",onClick:()=>
46I(b),className:`flex w-full items-start gap-4 rounded-2xl border p-4 text-left transition-colors ${j?"border-accent/60 bg-primary-foreground/10":"border-primary-foreground/10 bg-primary-foreground/[0.04] hover:border-primary-foreground/25"}`,children:[e.jsx("span",{className:`grid size-10 shrink-0 place-items-center rounded-full ${j?"bg-accent text-accent-foreground":"bg-primary-foreground/10 text-primary-foreground/70"}`,children:e.jsx(i,{className:"size-4"})}),e.jsxs("span",{className:"min-w-0",children:[e.jsxs("span",{className:"flex items-center gap-2 text-sm font-semibold",children:[e.jsx("span",{className:"text-[10px] font-semibold text-primary-foreground/40",children:a}),r,j&&e.jsx("span",{className:"size-1.5 rounded-full bg-accent"})]}),e.jsx("span",{className:"mt-1 block text-xs leading-5 text-primary-foreground/55",children:n})]})]},r)})}),e.jsxs("p",{className:"mt-8 flex items-center gap-3 text-sm font-semibold",children:[e.jsx("span",{className:"size-2 rounded-full bg-accent shadow-[0_0_0_6px_hsl(var(--accent)/0.18)]"}),"Ciclo mensal de evolução"]})]}),e.jsx(m,{className:"relative mx-auto hidden w-full max-w-[460px] lg:block",children:e.jsxs("div",{className:"relative aspect-square",onMouseEnter:()=>y(!0),onMouseLeave:()=>y(!1),children:[e.jsx("div",{className:`absolute inset-0 rounded-full border border-dashed border-primary-foreground/20 ${l?"":"motion-safe:animate-[spin_50s_linear_infinite]"}`}),e.jsx("div",{className:"absolute inset-10 rounded-full border border-primary-foreground/10"}),e.jsx("div",{className:"absolute inset-0 grid place-items-center",children:e.jsx(c.img,{src:me,alt:"Mascote Flooxs",initial:l?!1:{opacity:0,scale:.9},whileInView:{opacity:1,scale:1},viewport:{once:!0},transition:{duration:.6},className:"h-40 w-auto md:h-48"})}),C.map(([a,r,,n],i)=>{const b=["left-1/2 top-0 -translate-x-1/2 -translate-y-1/2","bottom-[6%] left-0 -translate-x-1/4 translate-y-1/4","bottom-[6%] right-0 translate-x-1/4 translate-y-1/4"][i],j=q===i;return e.jsxs("div",{className:`absolute ${b} flex flex-col items-center gap-2`,children:[e.jsx("span",{className:`grid size-14 place-items-center rounded-full border shadow-fx-2 transition-colors md:size-16 ${j?"border-accent bg-accent text-accent-foreground":"border-primary-foreground/15 bg-primary text-primary-foreground/70"}`,children:e.jsx(n,{className:"size-5"})}),e.jsxs("span",{className:`rounded-full px-3 py-1 text-[11px] font-semibold ${j?"bg-accent text-accent-foreground":"bg-primary-foreground/10 text-primary-foreground/60"}`,children:[a," · ",r]})]},r)})]})})]})]})}),e.jsx("section",{id:"perguntas",className:"px-5 py-20 md:px-8 md:py-28",children:e.jsx("div",{className:"mx-auto max-w-[1180px]",children:e.jsxs("div",{className:"grid gap-12 lg:grid-cols-[0.85fr_1.15fr]",children:[e.jsxs("div",{className:"relative",children:[e.jsxs(m,{children:[e.jsx("p",{className:"text-xs font-semibold text-muted-foreground",children:"Perguntas frequentes"}),e.jsxs("h2",{className:"mt-5 text-3xl font-semibold leading-tight tracking-normal md:text-5xl",children:["Tem alguma dúvida?",e.jsx("br",{}),"A gente responde."]}),e.jsx("p",{className:"mt-5 max-w-md text-base leading-7 text-muted-foreground",children:"Toque em uma pergunta para ver a resposta. Se preferir, fale direto com o nosso time."}),e.jsx(h,{asChild:!0,className:"mt-8 rounded-full bg-primary text-primary-foreground hover:bg-primary/90",children:e.jsxs(k,{to:"/contato",children:["Falar com a Flooxs ",e.jsx(f,{})]})})]}),e.jsx(c.img,{src:X,alt:"Mascote Flooxs com o celular",initial:l?!1:{opacity:0,y:24},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.7},className:"mt-12 hidden h-64 w-auto lg:block"})]}),e.jsxs("div",{className:"space-y-5",children:[ue.map(([a,r],n)=>{const i=H===n;return e.jsxs(m,{children:[e.jsx("button",{type:"button",onClick:()=>B(i?-1:n),"aria-expanded":i,className:`chat-tail-left relative w-full rounded-[22px] px-6 py-5 text-left text-base font-medium transition-colors ${i?"bg-secondary text-foreground":"bg-secondary/70 text-foreground hover:bg-secondary"}`,children:a}),i&&e.jsx(c.div,{initial:l?!1:{opacity:0,y:10,scale:.98}
46,animate:{opacity:1,y:0,scale:1},transition:{duration:.35,ease:[.22,1,.36,1]},className:"chat-tail-right relative ml-auto mt-4 max-w-[88%] rounded-[22px] bg-primary px-6 py-5 text-sm leading-6 text-primary-foreground",children:r})]},a)}),e.jsxs(m,{className:"mt-2 flex items-center gap-3 text-xs text-muted-foreground",children:[e.jsxs("span",{className:"flex gap-1",children:[e.jsx("span",{className:"size-1.5 rounded-full bg-lime-deep"}),e.jsx("span",{className:"size-1.5 rounded-full bg-lime-deep/60"}),e.jsx("span",{className:"size-1.5 rounded-full bg-lime-deep/30"})]}),"Ainda com dúvida? Conversa com a gente."]})]})]})})}),e.jsx("section",{id:"meta-provider",className:"px-5 py-16 md:px-8 md:py-24",children:e.jsx("div",{className:"mx-auto max-w-[1180px]",children:e.jsx(m,{children:e.jsxs("div",{className:"flex flex-col items-start gap-8 rounded-3xl border border-border bg-secondary/50 p-8 md:flex-row md:items-center md:gap-12 md:p-12",children:[e.jsx("img",{src:xe,alt:"Selo oficial Meta Tech Provider",className:"h-16 w-auto shrink-0 md:h-20",loading:"lazy"}),e.jsx("p",{className:"max-w-3xl text-base leading-7 text-muted-foreground md:text-lg",children:"Para oferecer a máxima segurança aos nossos clientes, nos tornamos um Meta Tech Provider oficial. Isso significa que nosso sistema está integrado diretamente à s ferramentas da Meta, seguindo todas as diretrizes de segurança, privacidade e estabilidade exigidas pelo mercado global. Aqui, sua operação está em mãos seguras."})]})})})}),e.jsx("section",{className:"bg-primary px-5 py-6 text-primary-foreground md:px-8",children:e.jsxs("div",{className:"relative mx-auto max-w-[1180px] overflow-hidden border border-primary-foreground/15 bg-accent p-8 text-accent-foreground md:min-h-80 md:p-14 md:pr-64",children:[e.jsx("p",{className:"text-xs font-semibold",children:"Vamos conversar"}),e.jsxs("div",{className:"mt-10",children:[e.jsx("h2",{className:"max-w-3xl text-3xl font-semibold leading-tight tracking-normal md:text-5xl",children:"Vamos transformar conversa em resultado?"}),e.jsx("p",{className:"mt-5 max-w-2xl text-base",children:"Conte como sua operação funciona. A gente mostra como a Flooxs pode conectar tudo e gerar resultado."}),e.jsx(h,{asChild:!0,className:"mt-8 rounded-full bg-primary text-primary-foreground hover:bg-primary/90",children:e.jsxs(k,{to:"/contato",children:["Falar com a Flooxs ",e.jsx(f,{})]})})]}),e.jsx(c.img,{src:Z,alt:"Mascote Flooxs acenando",initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.7},className:"absolute -bottom-10 right-4 hidden h-72 w-auto md:block"})]})})]}),e.jsx(J,{})]})},Pe=()=>e.jsxs(e.Fragment,{children:[e.jsxs(U,{children:[e.jsx("title",{children:"Flooxs â Conversa que vira venda, dado e gestão"}),e.jsx("meta",{name:"description",content:"A Flooxs reúne atendimento, agentes de IA, CRM, campanhas e dados em uma única operação, com implantação e acompanhamento estratégico."}),e.jsx("link",{rel:"canonical",href:"https://flooxs.app/"}),e.jsx("meta",{property:"og:type",content:"website"}),e.jsx("meta",{property:"og:title",content:"Flooxs â Conversa que vira venda, dado e gestão"}),e.jsx("meta",{property:"og:description",content:"Atendimento, agentes de IA, CRM, campanhas e dados conectados em uma única operação."}),e.jsx("meta",{name:"twitter:card",content:"summary_large_image"})]}),e.jsx(Ne,{})]});export{Pe as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.