Merge version_1_1782265246494 into main #1

Merged
bender merged 2 commits from version_1_1782265246494 into main 2026-06-24 01:42:04 +00:00
2 changed files with 157 additions and 406 deletions

View File

@@ -7,109 +7,40 @@ import { StyleProvider } from "@/components/ui/StyleProvider";
export default function Layout() {
const navItems = [
{
"name": "Solução",
"href": "#solucao"
},
{
"name": "Processo",
"href": "#processo"
},
{
"name": "Diferenciais",
"href": "#diferenciais"
},
{
"name": "Clientes",
"href": "#depoimentos"
},
{
"name": "FAQ",
"href": "#faq"
},
{
"name": "Hero",
"href": "#hero"
},
{
"name": "Problema",
"href": "#problema"
}
];
{ name: "Solução", href: "#solucao" },
{ name: "Processo", href: "#processo" },
{ name: "Diferenciais", href: "#diferenciais" },
{ name: "Clientes", href: "#depoimentos" },
{ name: "FAQ", href: "#faq" },
{ name: "Hero", href: "#hero" },
{ name: "Problema", href: "#problema" }
];
return (
<StyleProvider buttonVariant="default" siteBackground="gridDots" heroBackground="cornerGlow">
<SiteBackgroundSlot />
<SectionErrorBoundary name="navbar">
<NavbarFloatingLogo
logo="Solenne"
ctaButton={{
text: "Falar no WhatsApp",
href: "https://wa.me/SEU_NUMERO",
}}
navItems={navItems} />
logo="Solenne"
logoImageSrc="http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443499.jpg"
ctaButton={{
text: "Falar no WhatsApp", href: "https://wa.me/SEU_NUMERO"}}
navItems={navItems}
/>
</SectionErrorBoundary>
<main className="flex-grow">
<Outlet />
</main>
<SectionErrorBoundary name="footer">
<FooterBrand
brand="Solenne Company"
columns={[
{
items: [
{
label: "Soluções",
},
{
label: "Agentes IA",
},
{
label: "Automação",
},
],
},
{
items: [
{
label: "Sobre nós",
},
{
label: "Cases",
},
{
label: "Contato",
},
],
},
{
items: [
{
label: "Privacidade",
},
{
label: "Termos",
},
{
label: "LGPD",
},
],
},
{
items: [
{
label: "LinkedIn",
},
{
label: "Instagram",
},
{
label: "YouTube",
},
],
},
]}
/>
brand="Solenne Company"
columns={[
{ items: [{ label: "Soluções" }, { label: "Agentes IA" }, { label: "Automação" }] },
{ items: [{ label: "Sobre nós" }, { label: "Cases" }, { label: "Contato" }] },
{ items: [{ label: "Privacidade" }, { label: "Termos" }, { label: "LGPD" }] },
{ items: [{ label: "LinkedIn" }, { label: "Instagram" }, { label: "YouTube" }] }
]}
/>
</SectionErrorBoundary>
</StyleProvider>
);

View File

@@ -10,340 +10,160 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function HomePage() {
return (
<>
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroOverlay
tag="● Agentes de IA em produção agora"
title="Seu negócio atendendo, vendendo e agendando enquanto você dorme."
description="A Solenne Company implementa agentes de Inteligência Artificial no WhatsApp da sua empresa para converter leads e agendar reuniões 24/7."
primaryButton={{
text: "Solicitar Demonstração",
href: "#cta",
}}
secondaryButton={{
text: "Falar com Especialista",
href: "https://wa.me/SEU_NUMERO",
}}
imageSrc="http://img.b2bpic.net/free-photo/close-up-engineer-using-tablet-sustainable-data-center-implementing-green-technologies-it_482257-132419.jpg"
/>
</SectionErrorBoundary>
</div>
tag="● Agentes de IA em produção agora"
title="Seu negócio atendendo, vendendo e agendando enquanto você dorme."
description="A Solenne Company implementa agentes de Inteligência Artificial no WhatsApp da sua empresa para converter leads e agendar reuniões 24/7."
primaryButton={{ text: "Solicitar Demonstração", href: "#cta" }}
secondaryButton={{ text: "Falar com Especialista", href: "https://wa.me/SEU_NUMERO" }}
imageSrc="http://img.b2bpic.net/free-photo/close-up-engineer-using-tablet-sustainable-data-center-implementing-green-technologies-it_482257-132419.jpg"
/>
</SectionErrorBoundary>
</div>
<div id="problema" data-section="problema">
<SectionErrorBoundary name="problema">
<div id="problema" data-section="problema">
<SectionErrorBoundary name="problema">
<FeaturesDetailedCards
tag="O Problema"
title="Sua empresa perdendo clientes sem perceber"
description="A concorrência não para e o atendimento lento faz seus leads esfriarem."
items={[
{
title: "Tempo de resposta lento",
description: "Clientes esperam demais e migram para a concorrência.",
tags: [
"Eficiência",
],
imageSrc: "http://img.b2bpic.net/free-photo/clock-hanging-wall_23-2147785090.jpg",
},
{
title: "Equipe sobrecarregada",
description: "Respostas repetitivas drenam a energia dos seus talentos.",
tags: [
"Foco",
],
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=bgj7ng",
},
{
title: "Zero disponibilidade",
description: "60% dos contatos acontecem fora do horário comercial.",
tags: [
"Vendas",
],
imageSrc: "http://img.b2bpic.net/free-photo/ingoing-call-front-side_187299-46200.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="O Problema"
title="Sua empresa perdendo clientes sem perceber"
description="A concorrência não para e o atendimento lento faz seus leads esfriarem."
items={[
{ title: "Tempo de resposta lento", description: "Clientes esperam demais e migram para a concorrência.", tags: ["Eficiência"], imageSrc: "http://img.b2bpic.net/free-photo/clock-hanging-wall_23-2147785090.jpg" },
{ title: "Equipe sobrecarregada", description: "Respostas repetitivas drenam a energia dos seus talentos.", tags: ["Foco"], imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=bgj7ng" },
{ title: "Zero disponibilidade", description: "60% dos contatos acontecem fora do horário comercial.", tags: ["Vendas"], imageSrc: "http://img.b2bpic.net/free-photo/ingoing-call-front-side_187299-46200.jpg" }
]}
/>
</SectionErrorBoundary>
</div>
<div id="solucao" data-section="solucao">
<SectionErrorBoundary name="solucao">
<div id="solucao" data-section="solucao">
<SectionErrorBoundary name="solucao">
<FeaturesRevealCardsBento
tag="A Solução"
title="Agentes que trabalham sem parar"
description="IA treinada sob medida para o contexto da sua empresa."
items={[
{
title: "Atendimento 24/7",
description: "Resposta em segundos, qualquer hora.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/paper-craft-art-app-media-icons_53876-90761.jpg",
},
{
title: "Respostas Contextuais",
description: "IA treinada com seu conhecimento.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-vector/futuristic-ai-dynamics-page-linkedin-profile-picture_742173-5035.jpg",
},
{
title: "Qualificação de Leads",
description: "Apenas leads quentes no CRM.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-vector/black-square-check-marks_78370-6086.jpg",
},
{
title: "Agendamento Direto",
description: "Marcação de reuniões automática.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-calendar-page-with-green-tick-icon_107791-15944.jpg",
},
{
title: "Integração CRM/ERP",
description: "Conectado aos seus sistemas.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-vector/work-process-designs-set_1209-13.jpg",
},
{
title: "Escalabilidade",
description: "Atenda milhares simultaneamente.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-vector/20-design-development-blue-color-icon-pack-like-design-web-design-design-theme-tab_1142-25700.jpg",
},
{
title: "Operação Contínua",
description: "Sem pausas, sem erros humanos.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-vector/letter-s-h-logo-design_474888-1964.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="A Solução"
title="Agentes que trabalham sem parar"
description="IA treinada sob medida para o contexto da sua empresa."
items={[
{ title: "Atendimento 24/7", description: "Resposta em segundos, qualquer hora.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/paper-craft-art-app-media-icons_53876-90761.jpg" },
{ title: "Respostas Contextuais", description: "IA treinada com seu conhecimento.", href: "#", imageSrc: "http://img.b2bpic.net/free-vector/futuristic-ai-dynamics-page-linkedin-profile-picture_742173-5035.jpg" },
{ title: "Qualificação de Leads", description: "Apenas leads quentes no CRM.", href: "#", imageSrc: "http://img.b2bpic.net/free-vector/black-square-check-marks_78370-6086.jpg" },
{ title: "Agendamento Direto", description: "Marcação de reuniões automática.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-calendar-page-with-green-tick-icon_107791-15944.jpg" },
{ title: "Integração CRM/ERP", description: "Conectado aos seus sistemas.", href: "#", imageSrc: "http://img.b2bpic.net/free-vector/work-process-designs-set_1209-13.jpg" },
{ title: "Escalabilidade", description: "Atenda milhares simultaneamente.", href: "#", imageSrc: "http://img.b2bpic.net/free-vector/20-design-development-blue-color-icon-pack-like-design-web-design-design-theme-tab_1142-25700.jpg" },
{ title: "Operação Contínua", description: "Sem pausas, sem erros humanos.", href: "#", imageSrc: "http://img.b2bpic.net/free-vector/letter-s-h-logo-design_474888-1964.jpg" }
]}
/>
</SectionErrorBoundary>
</div>
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<MetricsFeatureCards
tag="Resultados"
title="Transformação que impacta o bottom line"
description="Dados que comprovam a eficiência operacional da Solenne."
metrics={[
{
value: "3x",
title: "Mais vendas",
features: [
"Conversão de leads",
"Follow-up automático",
],
},
{
value: "70%",
title: "Redução de custos",
features: [
"Menos trabalho repetitivo",
"Eficiência operacional",
],
},
{
value: "<5s",
title: "Tempo de resposta",
features: [
"Atendimento imediato",
"Disponibilidade total",
],
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Resultados"
title="Transformação que impacta o bottom line"
description="Dados que comprovam a eficiência operacional da Solenne."
metrics={[
{ value: "3x", title: "Mais vendas", features: ["Conversão de leads", "Follow-up automático"] },
{ value: "70%", title: "Redução de custos", features: ["Menos trabalho repetitivo", "Eficiência operacional"] },
{ value: "<5s", title: "Tempo de resposta", features: ["Atendimento imediato", "Disponibilidade total"] }
]}
/>
</SectionErrorBoundary>
</div>
<div id="processo" data-section="processo">
<SectionErrorBoundary name="processo">
<div id="processo" data-section="processo">
<SectionErrorBoundary name="processo">
<FaqSimple
tag="Processo"
title="Do zero ao ativo em 7 dias"
description="Metodologia rápida focada em performance."
items={[
{
question: "1. Diagnóstico",
answer: "Entendemos seu negócio, processo de vendas e objetivos.",
},
{
question: "2. Criação do Agente",
answer: "IA treinada com seus dados e tom de voz.",
},
{
question: "3. Integração",
answer: "Conectamos seu WhatsApp ao CRM e agenda.",
},
{
question: "4. Testes",
answer: "Validação em cenário real antes da ativação.",
},
{
question: "5. Implantação",
answer: "Monitoramento em tempo real nos primeiros dias.",
},
{
question: "6. Otimização",
answer: "Melhoria contínua baseada em performance.",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Processo"
title="Do zero ao ativo em 7 dias"
description="Metodologia rápida focada em performance."
items={[
{ question: "1. Diagnóstico", answer: "Entendemos seu negócio, processo de vendas e objetivos." },
{ question: "2. Criação do Agente", answer: "IA treinada com seus dados e tom de voz." },
{ question: "3. Integração", answer: "Conectamos seu WhatsApp ao CRM e agenda." },
{ question: "4. Testes", answer: "Validação em cenário real antes da ativação." },
{ question: "5. Implantação", answer: "Monitoramento em tempo real nos primeiros dias." },
{ question: "6. Otimização", answer: "Melhoria contínua baseada em performance." }
]}
/>
</SectionErrorBoundary>
</div>
<div id="diferenciais" data-section="diferenciais">
<SectionErrorBoundary name="diferenciais">
<div id="diferenciais" data-section="diferenciais">
<SectionErrorBoundary name="diferenciais">
<FeaturesDetailedCards
tag="Por que Solenne"
title="Implementação humana, tecnologia de ponta"
description="Especialistas em IA, não apenas chatbots genéricos."
items={[
{
title: "IA Personalizada",
description: "Nada de templates genéricos. Agentes treinados no contexto do seu segmento.",
tags: [
"Específico",
],
imageSrc: "http://img.b2bpic.net/free-vector/25-programming-coding-flat-color-icon-pack_1142-22542.jpg",
},
{
title: "Segurança LGPD",
description: "Conformidade total e dados protegidos.",
tags: [
"Segurança",
],
imageSrc: "http://img.b2bpic.net/free-vector/security-icons-heart-design_23-2147491996.jpg",
},
{
title: "Evolução Contínua",
description: "Otimizações mensais baseadas em conversão real.",
tags: [
"Performance",
],
imageSrc: "http://img.b2bpic.net/free-photo/business-analysis-report-folder-icon_53876-14637.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Por que Solenne"
title="Implementação humana, tecnologia de ponta"
description="Especialistas em IA, não apenas chatbots genéricos."
items={[
{ title: "IA Personalizada", description: "Nada de templates genéricos. Agentes treinados no contexto do seu segmento.", tags: ["Específico"], imageSrc: "http://img.b2bpic.net/free-vector/25-programming-coding-flat-color-icon-pack_1142-22542.jpg" },
{ title: "Segurança LGPD", description: "Conformidade total e dados protegidos.", tags: ["Segurança"], imageSrc: "http://img.b2bpic.net/free-vector/security-icons-heart-design_23-2147491996.jpg" },
{ title: "Evolução Contínua", description: "Otimizações mensais baseadas em conversão real.", tags: ["Performance"], imageSrc: "http://img.b2bpic.net/free-photo/business-analysis-report-folder-icon_53876-14637.jpg" }
]}
/>
</SectionErrorBoundary>
</div>
<div id="segmentos" data-section="segmentos">
<SectionErrorBoundary name="segmentos">
<div id="segmentos" data-section="segmentos">
<SectionErrorBoundary name="segmentos">
<FaqSimple
tag="Segmentos"
title="Soluções especialistas por setor"
description="Entendemos a dor específica de cada mercado."
items={[
{
question: "Clínicas e Saúde",
answer: "Foco total em agendamento, confirmação e triagem.",
},
{
question: "Imobiliárias",
answer: "Qualificação de leads e visitas agendadas automaticamente.",
},
{
question: "E-commerce",
answer: "Recuperação de carrinho e suporte inteligente.",
},
{
question: "Advocacia e Contabilidade",
answer: "Triagem e qualificação de casos iniciais.",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Segmentos"
title="Soluções especialistas por setor"
description="Entendemos a dor específica de cada mercado."
items={[
{ question: "Clínicas e Saúde", answer: "Foco total em agendamento, confirmação e triagem." },
{ question: "Imobiliárias", answer: "Qualificação de leads e visitas agendadas automaticamente." },
{ question: "E-commerce", answer: "Recuperação de carrinho e suporte inteligente." },
{ question: "Advocacia e Contabilidade", answer: "Triagem e qualificação de casos iniciais." }
]}
/>
</SectionErrorBoundary>
</div>
<div id="depoimentos" data-section="depoimentos">
<SectionErrorBoundary name="depoimentos">
<div id="depoimentos" data-section="depoimentos">
<SectionErrorBoundary name="depoimentos">
<TestimonialRatingCards
tag="Clientes"
title="Empresas que confiam na Solenne"
testimonials={[
{
name: "Dra. Mariana",
role: "OdontoVida",
quote: "Aumentamos 240% os agendamentos em 3 meses.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg",
},
{
name: "Roberto Almeida",
role: "Imobiliária",
quote: "Economizamos 8k/mês com a automação de triagem.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-real-estate-agent_23-2151064932.jpg",
},
{
name: "Camila Ferreira",
role: "E-commerce",
quote: "Faturamento subiu 162% com os carrinhos recuperados.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",
},
{
name: "João Souza",
role: "Advocacia",
quote: "Triagem de leads muito mais eficiente.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1675.jpg",
},
{
name: "Beatriz Lima",
role: "Academia",
quote: "Automatizamos 90% dos agendamentos.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Clientes"
title="Empresas que confiam na Solenne"
description="Veja o que nossos clientes dizem."
testimonials={[
{ name: "Dra. Mariana", role: "OdontoVida", quote: "Aumentamos 240% os agendamentos em 3 meses.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg" },
{ name: "Roberto Almeida", role: "Imobiliária", quote: "Economizamos 8k/mês com a automação de triagem.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-real-estate-agent_23-2151064932.jpg" },
{ name: "Camila Ferreira", role: "E-commerce", quote: "Faturamento subiu 162% com os carrinhos recuperados.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg" },
{ name: "João Souza", role: "Advocacia", quote: "Triagem de leads muito mais eficiente.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1675.jpg" },
{ name: "Beatriz Lima", role: "Academia", quote: "Automatizamos 90% dos agendamentos.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg" }
]}
/>
</SectionErrorBoundary>
</div>
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqSimple
tag="FAQ"
title="Perguntas frequentes"
items={[
{
question: "O agente funciona no WhatsApp?",
answer: "Sim, integrado via API oficial.",
},
{
question: "Meus dados estão seguros?",
answer: "100% conforme a LGPD e criptografia.",
},
{
question: "Quanto custa?",
answer: "Projetos personalizados baseados em volume.",
},
{
question: "O agente transfere para humanos?",
answer: "Sim, quando necessário a IA aciona seu time.",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="FAQ"
title="Perguntas frequentes"
description="Tire suas dúvidas sobre nossos serviços."
items={[
{ question: "O agente funciona no WhatsApp?", answer: "Sim, integrado via API oficial." },
{ question: "Meus dados estão seguros?", answer: "100% conforme a LGPD e criptografia." },
{ question: "Quanto custa?", answer: "Projetos personalizados baseados em volume." },
{ question: "O agente transfere para humanos?", answer: "Sim, quando necessário a IA aciona seu time." }
]}
/>
</SectionErrorBoundary>
</div>
<div id="cta" data-section="cta">
<SectionErrorBoundary name="cta">
<div id="cta" data-section="cta">
<SectionErrorBoundary name="cta">
<ContactCta
tag="Comece agora"
text="Não deixe clientes para a concorrência. Implemente seu agente em 7 dias."
primaryButton={{
text: "Demonstração Gratuita",
href: "https://wa.me/SEU_NUMERO",
}}
secondaryButton={{
text: "Falar com Especialista",
href: "https://wa.me/SEU_NUMERO",
}}
/>
</SectionErrorBoundary>
</div>
tag="Comece agora"
text="Não deixe clientes para a concorrência. Implemente seu agente em 7 dias."
primaryButton={{ text: "Demonstração Gratuita", href: "https://wa.me/SEU_NUMERO" }}
secondaryButton={{ text: "Falar com Especialista", href: "https://wa.me/SEU_NUMERO" }}
/>
</SectionErrorBoundary>
</div>
</>
);
}