import React, { useState, useEffect } from 'react'; import { createRoot } from 'react-dom/client'; const Header = () => { const [menuOpen, setMenuOpen] = useState(false); useEffect(() => { if (menuOpen) { document.body.style.overflow = 'hidden'; } else { document.body.style.overflow = ''; } return () => { document.body.style.overflow = ''; }; }, [menuOpen]); const handleLinkClick = () => { setMenuOpen(false); }; return (
); }; const Hero = () => (

Inteligência Estratégica.

Vamos além do BPO para integrar visão estratégica e execução impecável. Desenhamos a arquitetura financeira, administrativa e operacional que o seu negócio precisa para escalar com solidez e liderar o mercado.

Espaço reservado para uma imagem da equipe Botassine
); const About = () => (
Espaço reservado para uma foto do escritório ou do fundador

Arquitetos do crescimento. Parceiros na sua visão.

A Botassine nasceu de uma inconformidade: o modelo tradicional de BPO limita, nós impulsionamos. Acreditamos que a excelência operacional não é um destino, mas um vetor de crescimento contínuo. Atuamos como uma extensão da sua liderança, integrando inteligência de mercado e execução precisa para construir operações resilientes, eficientes e prontas para o amanhã. O nosso foco é a sua performance, para que o seu seja a liderança.

); const services = [ { icon: , title: "Inteligência Financeira", description: "Estratégias de capital para crescimento sustentável. Mapeamos o DNA financeiro do seu negócio para otimizar a alocação de recursos, garantir previsibilidade e transformar dados em decisões estratégicas." }, { icon: , title: "Excelência Administrativa", description: "O back-office como motor de performance. Desenhamos processos e rotinas que eliminam o atrito operacional, liberando sua equipe para focar em inovação e crescimento." }, { icon: , title: "Estratégia e Performance", description: "Do plano à execução, sem desvios. Construímos o mapa estratégico do seu crescimento, alinhando visão, metas e operações para garantir resultados mensuráveis e uma trajetória de sucesso a longo prazo." }, { icon: , title: "Inteligência de Clientes", description: "A ciência por trás da lealdade. Estruturamos a jornada do seu cliente com base em dados e processos, convertendo interações em relacionamentos duradouros e maximizando o valor da sua marca." }, { icon: , title: "Comunicação Estratégica", description: "Sua marca, sua autoridade. Em parceria com a Goiabr, alinhamos sua comunicação ao seu posicionamento estratégico, construindo uma narrativa de marca que gera impacto, atrai os clientes certos e consolida sua liderança.", className: "marketing-card" }, { icon: , title: "Excelência Administrativa", description: "O back-office como motor de performance. Desenhamos processos e rotinas que eliminam o atrito operacional, liberando sua equipe para focar em inovação e crescimento." } ] const Services = () => (

Nossa Arquitetura de Performance

Cada serviço é uma peça fundamental na construção de um negócio de alto desempenho. Integramos nossas frentes de atuação para entregar uma operação coesa, inteligente e com total clareza de resultados.

{services.map(service => (
{service.icon}

{service.title}

{service.description}

))}
); const testimonials = [ { quote: "A Botassine nos deu clareza estratégica. A visibilidade financeira que ganhamos foi um divisor de águas para a tomada de decisões e para o nosso crescimento acelerado.", name: "João Silva", company: "CEO, Tech Inova" }, { quote: "Mais que uma consultoria, um parceiro de execução. A Botassine reestruturou nossas operações, eliminou gargalos e nos permitiu focar no que realmente importa: escalar o negócio.", name: "Maria Oliveira", company: "Diretora, Criativa Design" }, { quote: "O trabalho da Botassine se refletiu diretamente na experiência do nosso cliente. O aumento da lealdade e do faturamento foi a consequência natural de uma operação mais inteligente.", name: "Carlos Pereira", company: "Gerente, Varejo Total" } ]; const Testimonials = () => (

Onde a transformação acontece

{testimonials.map((testimonial, index) => (
{testimonial.quote}
{testimonial.name} {testimonial.company}
))}
); const clientLogos = [ { name: "Client 1", src: "./images/client-logo-1-placeholder.png" }, { name: "Client 2", src: "./images/client-logo-2-placeholder.png" }, { name: "Client 3", src: "./images/client-logo-3-placeholder.png" }, { name: "Client 4", src: "./images/client-logo-4-placeholder.png" }, { name: "Client 5", src: "./images/client-logo-5-placeholder.png" }, ]; const Clients = () => (

A confiança de quem lidera

Orgulho de construir futuros de sucesso ao lado de empresas que, como nós, não se contentam com o status quo.

{clientLogos.map(logo => (
{`Logo
))}
); const Contact = () => (

Vamos redesenhar o futuro da sua operação?

Vamos conversar
); const Footer = () => ( ); const WhatsAppIcon = () => ( ); const WhatsAppButton = () => ( ); const App = () => { return ( <>