206 lines
10 KiB
TypeScript
206 lines
10 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import { BarChart2, CheckSquare, MessageSquare } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="large"
|
|
background="fluid"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Como funciona", id: "features" },
|
|
{ name: "Depoimentos", id: "testimonials" },
|
|
{ name: "Planos", id: "pricing" },
|
|
{ name: "FAQ", id: "faq" },
|
|
]}
|
|
brandName="Owens Financy"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardGallery
|
|
background={{ variant: "gradient-bars" }}
|
|
title="Pare de apagar incêndios e assuma o controle financeiro"
|
|
description="Transforme sua gestão com a Owens Financy. IA que organiza seus dados, calcula indicadores e te dá clareza total no WhatsApp ou na nossa plataforma. Simples, rápido e inteligente."
|
|
tag="Gerenciamento Financeiro Inteligente"
|
|
buttons={[
|
|
{ text: "Quero retomar o controle", href: "#contact" },
|
|
{ text: "Como funciona", href: "#features" },
|
|
]}
|
|
mediaItems={[
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ulykv1", imageAlt: "Dashboard Owens" },
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9iov5j", imageAlt: "Dashboard mobile" },
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v5i2i5", imageAlt: "IA Financeira" },
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hifjqq", imageAlt: "Indicadores reais" },
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j35o62", imageAlt: "Fluxo de caixa" }
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyFive
|
|
animationType="depth-3d"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Assistente IA no WhatsApp", description: "Tire suas dúvidas e peça análises financeiras diretamente pelo seu mensageiro favorito.", icon: MessageSquare,
|
|
mediaItems: [
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ugfp8x" },
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q4cu3e" }
|
|
]
|
|
},
|
|
{
|
|
title: "Gestão de Tarefas Integrada", description: "Lembretes inteligentes para cobranças e pagamentos, tudo gerenciado pela IA.", icon: CheckSquare,
|
|
mediaItems: [
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m0fbx9" },
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pejjf0" }
|
|
]
|
|
},
|
|
{
|
|
title: "Relatórios com 1 Clique", description: "Dados complexos transformados em relatórios simples e prontos para tomada de decisão.", icon: BarChart2,
|
|
mediaItems: [
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a2kz11" },
|
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kghyjm" }
|
|
]
|
|
}
|
|
]}
|
|
title="Por que escolher a Owens Financy?"
|
|
description="Ferramentas pensadas para o dono de negócio que precisa de clareza real sem perder tempo com planilhas."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{ id: "1", name: "Marina S. - Nutricionista", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a2kz11" },
|
|
{ id: "2", name: "Carlos M. - Designer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qmbryx" },
|
|
{ id: "3", name: "Pedro A. - Advogado", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ofsrcu" },
|
|
{ id: "4", name: "Marina S. - Nutricionista", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pm74pp" },
|
|
{ id: "5", name: "Carlos M. - Designer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w6inqt" }
|
|
]}
|
|
cardTitle="Quem confia na Owens"
|
|
cardTag="Depoimentos"
|
|
cardAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardEleven
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{ id: "m1", value: "34%", title: "Margem de Lucro", description: "Sua média de lucro real mês a mês.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nwaf64" },
|
|
{ id: "m2", value: "18%", title: "Crescimento Mensal", description: "Aumento médio em relação ao mês anterior.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z7j1xb" },
|
|
{ id: "m3", value: "100%", title: "Gestão Inteligente", description: "Visão total de entradas e saídas.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xvn896" }
|
|
]}
|
|
title="Clareza que gera crescimento"
|
|
description="Nossos indicadores ajudam você a parar de pilotar seu negócio no escuro."
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardFive
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
plans={[
|
|
{
|
|
id: "prata", tag: "Essentials", price: "R$ 97", period: "/mês", description: "Ideal para quem busca o essencial.", button: { text: "Começar agora" },
|
|
featuresTitle: "O que inclui:", features: ["Visão geral KPI", "Entradas e saídas", "Relatórios em PDF", "Suporte IA"]
|
|
},
|
|
{
|
|
id: "ouro", tag: "Mais popular", price: "R$ 247", period: "/mês", description: "Total controle no dia a dia.", button: { text: "Começar agora" },
|
|
featuresTitle: "Tudo do Prata +:", features: ["IA no WhatsApp", "Relatórios pelo chat", "Gestor de tarefas", "Saúde financeira 24/7"]
|
|
},
|
|
{
|
|
id: "diamante", tag: "Enterprise", price: "Sob consulta", period: "/mês", description: "Personalizado para o seu propósito.", button: { text: "Falar com especialista" },
|
|
featuresTitle: "Configuração personalizada:", features: ["2+ acessos", "Formato especial", "Suporte VIP", "API"]
|
|
}
|
|
]}
|
|
title="Conheça nossos planos"
|
|
description="Escolha o controle financeiro que melhor se adapta ao tamanho do seu sonho."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{ id: "q1", title: "A migração é complicada?", content: "Não! Você envia seus arquivos (Excel, PDF) e nossa IA organiza tudo." },
|
|
{ id: "q2", title: "Preciso de conta PJ?", content: "Não é necessário, você pode usar registros de pessoa física também." },
|
|
{ id: "q3", title: "Posso cancelar?", content: "Sim, sem multas e sem permanência, você tem liberdade total." },
|
|
{ id: "q4", title: "A IA funciona via WhatsApp?", content: "Sim, nossa IA responde seus relatórios e dúvidas diretamente no WhatsApp." }
|
|
]}
|
|
title="Perguntas Frequentes"
|
|
description="Tire suas dúvidas sobre o ecossistema Owens Financy."
|
|
faqsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={true}
|
|
background={{ variant: "plain" }}
|
|
tag="Retome o controle"
|
|
title="Pronto para clareza financeira?"
|
|
description="Comece hoje mesmo a transformar sua gestão e pare de perder dinheiro."
|
|
inputPlaceholder="Seu melhor e-mail"
|
|
buttonText="Quero clareza financeira"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Navegação", items: [
|
|
{ label: "Home", href: "#hero" },
|
|
{ label: "Planos", href: "#pricing" },
|
|
{ label: "FAQ", href: "#faq" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contato", items: [
|
|
{ label: "WhatsApp", href: "https://wa.me/5513997990934" },
|
|
{ label: "Email Comercial", href: "mailto:atendimento@owensfinancy.com.br" }
|
|
]
|
|
}
|
|
]}
|
|
bottomLeftText="© 2024 Owens Financy"
|
|
bottomRightText="owensfinancy.com.br"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|