232 lines
9.3 KiB
TypeScript
232 lines
9.3 KiB
TypeScript
import AboutText from '@/components/sections/about/AboutText';
|
|
import ContactCta from '@/components/sections/contact/ContactCta';
|
|
import FaqSimple from '@/components/sections/faq/FaqSimple';
|
|
import FeaturesRevealCards from '@/components/sections/features/FeaturesRevealCards';
|
|
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
|
|
import HeroSplitMediaGrid from '@/components/sections/hero/HeroSplitMediaGrid';
|
|
import MetricsMediaCards from '@/components/sections/metrics/MetricsMediaCards';
|
|
import TestimonialColumnMarqueeCards from '@/components/sections/testimonial/TestimonialColumnMarqueeCards';
|
|
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
|
|
|
export default function HomePage() {
|
|
return (
|
|
<>
|
|
<div id="hero" data-section="hero">
|
|
<SectionErrorBoundary name="hero">
|
|
<HeroSplitMediaGrid
|
|
tag="IA para análise documental"
|
|
title="Análise de documentos com fontes auditáveis."
|
|
description="O dockia lê contratos, laudos e documentos técnicos, extraindo dados estruturados com rastreabilidade total. Otimize sua conformidade com a precisão que a regulação exige."
|
|
primaryButton={{
|
|
text: "Agendar demonstração",
|
|
href: "#contato",
|
|
}}
|
|
secondaryButton={{
|
|
text: "Como funciona",
|
|
href: "#como-funciona",
|
|
}}
|
|
items={[
|
|
{
|
|
imageSrc: "https://images.unsplash.com/photo-1551288049-bebda4e38f71?q=80&w=2070&auto=format&fit=crop&_wi=1",
|
|
},
|
|
{
|
|
imageSrc: "https://images.unsplash.com/photo-1504868584819-f8e8b4b6d7e3?q=80&w=2076&auto=format&fit=crop",
|
|
},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SectionErrorBoundary name="about">
|
|
<AboutText
|
|
title="Desenvolvido para o contexto brasileiro. O motor do dockia não apenas lê, ele entende a regulação local, acompanhando cada afirmação com a citação exata da fonte."
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="funcionalidades" data-section="funcionalidades">
|
|
<SectionErrorBoundary name="funcionalidades">
|
|
<FeaturesRevealCards
|
|
tag="Diferenciais"
|
|
title="Por que o dockia é diferente?"
|
|
description="Nós não inventamos. Nossa IA é construída sob o princípio de rastreabilidade."
|
|
items={[
|
|
{
|
|
title: "Citação de Fonte Exata",
|
|
description: "Toda resposta vem com o trecho original, linha e página de origem. Nenhuma afirmação sem evidência.",
|
|
imageSrc: "https://images.unsplash.com/photo-1526374965328-7f61d4dc18c5?q=80&w=2070&auto=format&fit=crop&_wi=1",
|
|
},
|
|
{
|
|
title: "Confiança no Nível de Campo",
|
|
description: "Se o dockia não tem certeza, ele te avisa. Você decide se valida o campo ou descarta.",
|
|
imageSrc: "https://images.unsplash.com/photo-1558494949-ef010cbdcc31?q=80&w=2034&auto=format&fit=crop&_wi=1",
|
|
},
|
|
{
|
|
title: "Playbooks Regulatórios",
|
|
description: "Inteligência pré-validada para normas como a NR-01, pronta para uso corporativo.",
|
|
imageSrc: "https://images.unsplash.com/photo-1460925895917-afdab827c52f?q=80&w=2015&auto=format&fit=crop",
|
|
},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="como-funciona" data-section="como-funciona">
|
|
<SectionErrorBoundary name="como-funciona">
|
|
<FeaturesRevealCardsBento
|
|
tag="Fluxo de operação"
|
|
title="Como o motor funciona"
|
|
description="De documentos desestruturados a dados prontos para análise."
|
|
items={[
|
|
{
|
|
title: "Upload Inteligente",
|
|
description: "Envie qualquer formato; OCR automático para documentos escaneados.",
|
|
imageSrc: "https://images.unsplash.com/photo-1620712943543-bcc4688e7485?q=80&w=1965&auto=format&fit=crop",
|
|
href: "#",
|
|
},
|
|
{
|
|
title: "Extração Estruturada",
|
|
description: "A IA lê e cruza informações com dupla validação.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/php-programming-html-coding-cyberspace-concept_53876-128030.jpg",
|
|
href: "#",
|
|
},
|
|
{
|
|
title: "Perguntas em Português",
|
|
description: "Interaja como se conversasse com um especialista.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/writing-down-important-ideas_1098-18338.jpg",
|
|
href: "#",
|
|
},
|
|
{
|
|
title: "Citação da Fonte",
|
|
description: "Receba a resposta com a fonte exata no original.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-property-engineer-searching-layout-details-laptop-office_482257-130146.jpg",
|
|
href: "#",
|
|
},
|
|
{
|
|
title: "Confiança por Campo",
|
|
description: "Nível de certeza transparente em cada extração.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/mock-up-animation-financial-stock-market-data-software-with-different-diagrams-graphs_482257-26904.jpg",
|
|
href: "#",
|
|
},
|
|
{
|
|
title: "Exportação Flexível",
|
|
description: "Dados estruturados para Excel, JSON ou relatórios.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-futuristic-screen_23-2149126945.jpg",
|
|
href: "#",
|
|
},
|
|
{
|
|
title: "Rastreabilidade Auditável",
|
|
description: "Histórico completo de toda análise realizada.",
|
|
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-technology-instagram-stories_23-2149169685.jpg",
|
|
href: "#",
|
|
},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="metricas" data-section="metricas">
|
|
<SectionErrorBoundary name="metricas">
|
|
<MetricsMediaCards
|
|
tag="Performance"
|
|
title="Análise técnica de alto volume"
|
|
description="Focado em garantir conformidade em cenários reais."
|
|
metrics={[
|
|
{
|
|
value: "+99%",
|
|
title: "Precisão de Rastreabilidade",
|
|
description: "Citações verificadas em cada resposta.",
|
|
imageSrc: "https://images.unsplash.com/photo-1555949963-aa79dcee981c?q=80&w=2070&auto=format&fit=crop",
|
|
},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="depoimentos" data-section="depoimentos">
|
|
<SectionErrorBoundary name="depoimentos">
|
|
<TestimonialColumnMarqueeCards
|
|
tag="Depoimentos"
|
|
title="Confiado por empresas"
|
|
description="Veja o que profissionais de compliance estão dizendo."
|
|
testimonials={[
|
|
{
|
|
name: "Carlos Silva",
|
|
role: "Diretor de Compliance",
|
|
quote: "Finalmente uma IA que entende nossas normas e não inventa dados.",
|
|
imageSrc: "https://images.unsplash.com/photo-1551288049-bebda4e38f71?q=80&w=2070&auto=format&fit=crop&_wi=2",
|
|
},
|
|
{
|
|
name: "Ana Souza",
|
|
role: "Gerente de RH",
|
|
quote: "A rastreabilidade dos documentos nos economiza horas de conferência.",
|
|
imageSrc: "https://images.unsplash.com/photo-1558494949-ef010cbdcc31?q=80&w=2034&auto=format&fit=crop&_wi=2",
|
|
},
|
|
{
|
|
name: "Ricardo Melo",
|
|
role: "Engenheiro de Segurança",
|
|
quote: "Crucial para manter a NR-01 atualizada com segurança total.",
|
|
imageSrc: "https://images.unsplash.com/photo-1451187580459-43490279c0fa?q=80&w=2072&auto=format&fit=crop",
|
|
},
|
|
{
|
|
name: "Beatriz Lima",
|
|
role: "Especialista em Documentos",
|
|
quote: "A citação da fonte é o diferencial que precisávamos.",
|
|
imageSrc: "https://images.unsplash.com/photo-1518770660439-4636190af475?q=80&w=2070&auto=format&fit=crop",
|
|
},
|
|
{
|
|
name: "Fernando Costa",
|
|
role: "Auditor",
|
|
quote: "O nível de confiança me dá segurança técnica para aprovar processos.",
|
|
imageSrc: "https://images.unsplash.com/photo-1526374965328-7f61d4dc18c5?q=80&w=2070&auto=format&fit=crop&_wi=2",
|
|
},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<SectionErrorBoundary name="faq">
|
|
<FaqSimple
|
|
tag="Perguntas frequentes"
|
|
title="Dúvidas comuns"
|
|
description="Entenda como o dockia se integra à sua rotina."
|
|
items={[
|
|
{
|
|
question: "Quais formatos de documentos o dockia aceita?",
|
|
answer: "O dockia processa PDFs, contratos de texto, laudos e documentos escaneados via OCR nativo.",
|
|
},
|
|
{
|
|
question: "É preciso treinar a IA?",
|
|
answer: "Não, o dockia já vem com playbooks específicos para regulações brasileiras.",
|
|
},
|
|
{
|
|
question: "Como funciona a segurança dos dados?",
|
|
answer: "Sua documentação é tratada com protocolos de sigilo corporativo rígidos, sem uso dos seus dados para treino geral da IA.",
|
|
},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="contato" data-section="contato">
|
|
<SectionErrorBoundary name="contato">
|
|
<ContactCta
|
|
tag="Vamos conversar"
|
|
text="Pronto para elevar o nível da sua análise de documentos?"
|
|
primaryButton={{
|
|
text: "Agendar demonstração",
|
|
href: "#",
|
|
}}
|
|
secondaryButton={{
|
|
text: "Falar com suporte",
|
|
href: "#",
|
|
}}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
</>
|
|
);
|
|
}
|