Merge version_1 into main #2
308
src/app/page.tsx
308
src/app/page.tsx
@@ -31,91 +31,58 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Como Funciona",
|
||||
id: "how-it-works",
|
||||
},
|
||||
name: "Como Funciona", id: "how-it-works"},
|
||||
{
|
||||
name: "Preços",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Preços", id: "pricing"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="NocturnAI"
|
||||
button={{
|
||||
text: "Falar com especialista",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Falar com especialista", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
variant: "glowing-orb"}}
|
||||
title="Segurança preditiva com IA em menos de 3 segundos"
|
||||
description="Monitore câmeras em tempo real com detecção inteligente de comportamentos suspeitos. Inteligência artificial brasileira que protege condomínios e empresas 24/7."
|
||||
tag="< 3s de alerta • IA rodando 24/7"
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver demo",
|
||||
href: "#demo",
|
||||
},
|
||||
text: "Ver demo", href: "#demo"},
|
||||
{
|
||||
text: "Falar com especialista",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Falar com especialista", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cyber-security-expert-working-with-technology-neon-lights_23-2151645587.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cyber-security-expert-working-with-technology-neon-lights_23-2151645587.jpg"
|
||||
imageAlt="NocturnAI Dashboard Preview"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-businessman-sad-expression_1194-2739.jpg",
|
||||
alt: "Roberto Mendes",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/black-businessman-sad-expression_1194-2739.jpg", alt: "Roberto Mendes"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-looking-camera_1262-17568.jpg",
|
||||
alt: "Carla Oliveira",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-looking-camera_1262-17568.jpg", alt: "Carla Oliveira"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-occupation-profession-concept_343059-456.jpg",
|
||||
alt: "Ricardo Santos",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/business-occupation-profession-concept_343059-456.jpg", alt: "Ricardo Santos"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-portrait-young-man-with-his-hands-pocket_23-2148130315.jpg",
|
||||
alt: "Felipe Souza",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-portrait-young-man-with-his-hands-pocket_23-2148130315.jpg", alt: "Felipe Souza"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blond-businessman-sad-expression_1194-3629.jpg",
|
||||
alt: "Ana Beatriz",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/blond-businessman-sad-expression_1194-3629.jpg", alt: "Ana Beatriz"},
|
||||
]}
|
||||
avatarText="Confiança de mais de 500 síndicos e gestores."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Alerta em < 3s",
|
||||
},
|
||||
type: "text", text: "Alerta em < 3s"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Monitoramento 24/7",
|
||||
},
|
||||
type: "text", text: "Monitoramento 24/7"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Conformidade LGPD",
|
||||
},
|
||||
type: "text", text: "Conformidade LGPD"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Instalação em 48h",
|
||||
},
|
||||
type: "text", text: "Instalação em 48h"},
|
||||
{
|
||||
type: "text",
|
||||
text: "IA Brasileira",
|
||||
},
|
||||
type: "text", text: "IA Brasileira"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -127,34 +94,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "12min",
|
||||
title: "Tempo médio de resposta de vigilante tradicional",
|
||||
items: [
|
||||
"Vulnerável",
|
||||
"Reativo",
|
||||
"Ineficiente",
|
||||
],
|
||||
id: "m1", value: "12min", title: "Tempo médio de resposta de vigilante tradicional", items: [
|
||||
"Vulnerável", "Reativo", "Ineficiente"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "95%",
|
||||
title: "Câmeras que nunca são monitoradas ativamente",
|
||||
items: [
|
||||
"Arquivos mortos",
|
||||
"Segurança falsa",
|
||||
"Sem ação",
|
||||
],
|
||||
id: "m2", value: "95%", title: "Câmeras que nunca são monitoradas ativamente", items: [
|
||||
"Arquivos mortos", "Segurança falsa", "Sem ação"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "78%",
|
||||
title: "Incidentes ocorrem fora do horário comercial",
|
||||
items: [
|
||||
"Vulnerabilidade",
|
||||
"Alvos noturnos",
|
||||
"Necessidade 24/7",
|
||||
],
|
||||
id: "m3", value: "78%", title: "Incidentes ocorrem fora do horário comercial", items: [
|
||||
"Vulnerabilidade", "Alvos noturnos", "Necessidade 24/7"],
|
||||
},
|
||||
]}
|
||||
title="O estado da segurança no Brasil"
|
||||
@@ -169,41 +118,21 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Câmera captura",
|
||||
descriptions: [
|
||||
"Nossa IA conecta ao seu sistema atual sem necessidade de novas câmeras.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/icons-about-security-protection_1057-3662.jpg",
|
||||
imageAlt: "Captura",
|
||||
},
|
||||
id: "s1", title: "Câmera captura", descriptions: [
|
||||
"Nossa IA conecta ao seu sistema atual sem necessidade de novas câmeras."],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/icons-about-security-protection_1057-3662.jpg", imageAlt: "Captura"},
|
||||
{
|
||||
id: "s2",
|
||||
title: "IA analisa",
|
||||
descriptions: [
|
||||
"Processamento em tempo real identifica padrões de movimento e comportamento.",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t3senx",
|
||||
imageAlt: "Análise",
|
||||
},
|
||||
id: "s2", title: "IA analisa", descriptions: [
|
||||
"Processamento em tempo real identifica padrões de movimento e comportamento."],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t3senx", imageAlt: "Análise"},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Detecta anomalia",
|
||||
descriptions: [
|
||||
"Invasão, vandalismo ou abandono de objetos são classificados instantaneamente.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-red-warning-icon-with-exclamation-mark-isolated_56104-3075.jpg",
|
||||
imageAlt: "Detecção",
|
||||
},
|
||||
id: "s3", title: "Detecta anomalia", descriptions: [
|
||||
"Invasão, vandalismo ou abandono de objetos são classificados instantaneamente."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-red-warning-icon-with-exclamation-mark-isolated_56104-3075.jpg", imageAlt: "Detecção"},
|
||||
{
|
||||
id: "s4",
|
||||
title: "Alerta disparado",
|
||||
descriptions: [
|
||||
"Notificação push no seu celular em menos de 3 segundos.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/user-profile-interface-sign-symbol-icon-3d-rendering_56104-1956.jpg",
|
||||
imageAlt: "Alerta",
|
||||
},
|
||||
id: "s4", title: "Alerta disparado", descriptions: [
|
||||
"Notificação push no seu celular em menos de 3 segundos."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/user-profile-interface-sign-symbol-icon-3d-rendering_56104-1956.jpg", imageAlt: "Alerta"},
|
||||
]}
|
||||
title="Como nossa IA funciona"
|
||||
description="Um fluxo contínuo de vigilância inteligente em 4 etapas automáticas."
|
||||
@@ -212,63 +141,33 @@ export default function LandingPage() {
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
badge: "Base",
|
||||
price: "R$ 497/mês",
|
||||
subtitle: "Ideal para condomínios pequenos",
|
||||
buttons: [
|
||||
id: "starter", badge: "Base", price: "R$ 497/mês", subtitle: "Ideal para condomínios pequenos", buttons: [
|
||||
{
|
||||
text: "Escolher plano",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Escolher plano", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Até 8 câmeras",
|
||||
"Alertas em 3s",
|
||||
"Suporte e-mail",
|
||||
"Histórico 7 dias",
|
||||
],
|
||||
"Até 8 câmeras", "Alertas em 3s", "Suporte e-mail", "Histórico 7 dias"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Mais popular",
|
||||
price: "R$ 1.497/mês",
|
||||
subtitle: "Para condomínios e lojas",
|
||||
buttons: [
|
||||
id: "pro", badge: "Mais popular", price: "R$ 1.497/mês", subtitle: "Para condomínios e lojas", buttons: [
|
||||
{
|
||||
text: "Escolher plano",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Escolher plano", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Até 32 câmeras",
|
||||
"Alertas em 3s",
|
||||
"Prioridade 24/7",
|
||||
"Relatórios mensais",
|
||||
"Mapa de calor",
|
||||
],
|
||||
"Até 32 câmeras", "Alertas em 3s", "Prioridade 24/7", "Relatórios mensais", "Mapa de calor"],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Custom",
|
||||
price: "Sob consulta",
|
||||
subtitle: "Para redes e estacionamentos",
|
||||
buttons: [
|
||||
id: "enterprise", badge: "Custom", price: "Sob consulta", subtitle: "Para redes e estacionamentos", buttons: [
|
||||
{
|
||||
text: "Falar com vendas",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Falar com vendas", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Câmeras ilimitadas",
|
||||
"Integração API",
|
||||
"Gerenciamento de rede",
|
||||
"Suporte dedicado",
|
||||
],
|
||||
"Câmeras ilimitadas", "Integração API", "Gerenciamento de rede", "Suporte dedicado"],
|
||||
},
|
||||
]}
|
||||
title="Planos flexíveis para qualquer escala"
|
||||
@@ -283,40 +182,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Roberto Mendes",
|
||||
role: "Síndico",
|
||||
testimonial: "Reduzimos os falsos alarmes em 90%. A IA sabe diferenciar um morador de um invasor.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-sad-expression_1194-2739.jpg",
|
||||
},
|
||||
id: "t1", name: "Roberto Mendes", role: "Síndico", testimonial: "Reduzimos os falsos alarmes em 90%. A IA sabe diferenciar um morador de um invasor.", imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-sad-expression_1194-2739.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Carla Oliveira",
|
||||
role: "Gerente",
|
||||
testimonial: "A velocidade de notificação salvou uma carga em nosso estacionamento às 3 da manhã.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-looking-camera_1262-17568.jpg",
|
||||
},
|
||||
id: "t2", name: "Carla Oliveira", role: "Gerente", testimonial: "A velocidade de notificação salvou uma carga em nosso estacionamento às 3 da manhã.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-looking-camera_1262-17568.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Ricardo Santos",
|
||||
role: "Gestor",
|
||||
testimonial: "Implementação rápida sem trocar nosso parque de câmeras existente.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-occupation-profession-concept_343059-456.jpg",
|
||||
},
|
||||
id: "t3", name: "Ricardo Santos", role: "Gestor", testimonial: "Implementação rápida sem trocar nosso parque de câmeras existente.", imageSrc: "http://img.b2bpic.net/free-photo/business-occupation-profession-concept_343059-456.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Felipe Souza",
|
||||
role: "Síndico",
|
||||
testimonial: "O relatório mensal de incidentes ajuda nas decisões do conselho condominial.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-portrait-young-man-with-his-hands-pocket_23-2148130315.jpg",
|
||||
},
|
||||
id: "t4", name: "Felipe Souza", role: "Síndico", testimonial: "O relatório mensal de incidentes ajuda nas decisões do conselho condominial.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-portrait-young-man-with-his-hands-pocket_23-2148130315.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Ana Beatriz",
|
||||
role: "Gerente",
|
||||
testimonial: "Finalmente consigo dormir tranquilo sabendo que a loja está monitorada pela IA.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-sad-expression_1194-3629.jpg",
|
||||
},
|
||||
id: "t5", name: "Ana Beatriz", role: "Gerente", testimonial: "Finalmente consigo dormir tranquilo sabendo que a loja está monitorada pela IA.", imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-sad-expression_1194-3629.jpg"},
|
||||
]}
|
||||
title="Quem confia na NocturnAI"
|
||||
description="Resultados reais para gestores preocupados com a segurança."
|
||||
@@ -329,35 +203,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "A IA funciona à noite?",
|
||||
content: "Sim, nossa tecnologia possui filtros avançados de visão noturna para manter a precisão mesmo com pouca luz.",
|
||||
},
|
||||
id: "f1", title: "A IA funciona à noite?", content: "Sim, nossa tecnologia possui filtros avançados de visão noturna para manter a precisão mesmo com pouca luz."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Preciso trocar minhas câmeras?",
|
||||
content: "Na maioria dos casos, não. Nossa IA integra-se ao seu sistema de CFTV via IP existente.",
|
||||
},
|
||||
id: "f2", title: "Preciso trocar minhas câmeras?", content: "Na maioria dos casos, não. Nossa IA integra-se ao seu sistema de CFTV via IP existente."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "E se a internet cair?",
|
||||
content: "Nosso sistema local bufferiza os alertas e envia assim que a conexão é restabelecida.",
|
||||
},
|
||||
id: "f3", title: "E se a internet cair?", content: "Nosso sistema local bufferiza os alertas e envia assim que a conexão é restabelecida."},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Como funciona com a LGPD?",
|
||||
content: "Seguimos todos os padrões rigorosos de privacidade de dados e conformidade com a LGPD brasileira.",
|
||||
},
|
||||
id: "f4", title: "Como funciona com a LGPD?", content: "Seguimos todos os padrões rigorosos de privacidade de dados e conformidade com a LGPD brasileira."},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Quanto tempo pra instalar?",
|
||||
content: "A instalação remota demora em média 48 horas para sistemas de tamanho médio.",
|
||||
},
|
||||
id: "f5", title: "Quanto tempo pra instalar?", content: "A instalação remota demora em média 48 horas para sistemas de tamanho médio."},
|
||||
{
|
||||
id: "f6",
|
||||
title: "Posso cancelar?",
|
||||
content: "Sim, temos um modelo de assinatura mensal flexível sem multas rescisórias.",
|
||||
},
|
||||
id: "f6", title: "Posso cancelar?", content: "Sim, temos um modelo de assinatura mensal flexível sem multas rescisórias."},
|
||||
]}
|
||||
title="Perguntas frequentes"
|
||||
description="Tire suas dúvidas sobre a NocturnAI."
|
||||
@@ -369,14 +225,13 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Entre em contato"
|
||||
title="Proteja seu patrimônio hoje mesmo"
|
||||
description="Fale com nossos especialistas e veja a NocturnAI em ação na sua propriedade."
|
||||
mediaAnimation="opacity"
|
||||
buttonText="Falar com especialista"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cyber-security-expert-working-with-technology-neon-lights_23-2151645587.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cyber-security-expert-working-with-technology-neon-lights_23-2151645587.jpg"
|
||||
imageAlt="NocturnAI Contact"
|
||||
/>
|
||||
</div>
|
||||
@@ -385,54 +240,33 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Produto",
|
||||
items: [
|
||||
title: "Produto", items: [
|
||||
{
|
||||
label: "Como funciona",
|
||||
href: "#how-it-works",
|
||||
},
|
||||
label: "Como funciona", href: "#how-it-works"},
|
||||
{
|
||||
label: "Preços",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Preços", href: "#pricing"},
|
||||
{
|
||||
label: "Dashboard",
|
||||
href: "#",
|
||||
},
|
||||
label: "Dashboard", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Empresa",
|
||||
items: [
|
||||
title: "Empresa", items: [
|
||||
{
|
||||
label: "Sobre nós",
|
||||
href: "#",
|
||||
},
|
||||
label: "Sobre nós", href: "#"},
|
||||
{
|
||||
label: "Carreiras",
|
||||
href: "#",
|
||||
},
|
||||
label: "Carreiras", href: "#"},
|
||||
{
|
||||
label: "Contato",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contato", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Termos",
|
||||
href: "#",
|
||||
},
|
||||
label: "Termos", href: "#"},
|
||||
{
|
||||
label: "Privacidade",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacidade", href: "#"},
|
||||
{
|
||||
label: "LGPD",
|
||||
href: "#",
|
||||
},
|
||||
label: "LGPD", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user