263 lines
14 KiB
TypeScript
263 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import { Zap, Eye, DollarSign, HeartHandshake, Shield } from "lucide-react";
|
|
import Link from "next/link";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="none"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Mohav"
|
|
navItems={[
|
|
{ name: "Por que escolher", id: "why-choose" },
|
|
{ name: "Cobertura", id: "coverage" },
|
|
{ name: "Depoimentos", id: "testimonials" },
|
|
{ name: "Dúvidas", id: "faq" }
|
|
]}
|
|
button={{
|
|
text: "Solicitar Cotação", href: "contact-cta"
|
|
}}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplit
|
|
title="Proteção Veicular com Transparência e Segurança em Jundiaí"
|
|
description="Planos acessíveis, atendimento ágil e suporte quando você realmente precisa. Somos uma associação consolidada protegendo histórias desde o início."
|
|
tag="⭐ 4,7 estrelas - 117 avaliações"
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "glowing-orb" }}
|
|
imageSrc="http://img.b2bpic.net/free-photo/woman-hand-holding-smartphone-use-car-insurance-application-online-after-his-broken-car-insurance-concept_493343-30005.jpg"
|
|
imageAlt="Proteção veicular em Jundiaí"
|
|
imagePosition="right"
|
|
mediaAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Solicitar Cotação", href: "#contact-cta" },
|
|
{ text: "Falar no WhatsApp", href: "https://wa.me/5511945863001" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-choose" data-section="why-choose">
|
|
<SplitAbout
|
|
title="Por que escolher a Mohav"
|
|
description="Somos diferentes porque colocamos você em primeiro lugar. Conheça os valores que nos guiam:"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
bulletPoints={[
|
|
{
|
|
title: "Atendimento Ágil", description: "Resposta rápida às suas necessidades, sempre disponível.", icon: Zap
|
|
},
|
|
{
|
|
title: "Transparência Total", description: "Sem surpresas. Você sabe exatamente o que está contratando.", icon: Eye
|
|
},
|
|
{
|
|
title: "Planos Acessíveis", description: "Proteção financeira real sem pesar no seu bolso.", icon: DollarSign
|
|
},
|
|
{
|
|
title: "Suporte Rápido", description: "Quando você precisa, estamos aqui para resolver.", icon: HeartHandshake
|
|
},
|
|
{
|
|
title: "Associação Consolidada", description: "Mais de 20 anos protegendo famílias e proprietários.", icon: Shield
|
|
}
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-customer-service-operator-assisting-customers-with-issues_482257-117959.jpg"
|
|
imageAlt="Atendimento profissional da Mohav"
|
|
mediaAnimation="slide-up"
|
|
imagePosition="left"
|
|
buttons={[
|
|
{ text: "Conhecer Mais", href: "#coverage" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="coverage" data-section="coverage">
|
|
<FeatureCardSeven
|
|
title="O que está incluído na proteção Mohav"
|
|
description="Nossos planos cobrem as principais situações que você precisa proteger:"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
animationType="slide-up"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Proteção contra Roubo e Furto", description: "Segurança total em caso de roubo ou furto do seu veículo, com cobertura integral.", imageSrc: "http://img.b2bpic.net/free-photo/business-agreement-handshake-coffee-shop_53876-16007.jpg"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Cobertura de Colisão", description: "Proteção em acidentes, colisões e danos causados por terceiros.", imageSrc: "http://img.b2bpic.net/free-photo/cubes-spelling-save-money-table-with-spanish-dinero-bills-coins_181624-20528.jpg"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Guincho 24 Horas", description: "Resgate gratuito do seu veículo para o local de reparo, a qualquer hora.", imageSrc: "http://img.b2bpic.net/free-photo/distraught-businesswoman-talking-phone-while-looking-time-her-wristwatch-office_637285-5282.jpg"
|
|
},
|
|
{
|
|
id: 4,
|
|
title: "Assistência 24 Horas", description: "Suporte contínuo para orientação e resolução de emergências veiculares.", imageSrc: "http://img.b2bpic.net/free-photo/colleagues-data-center-doing-maintenance-after-replacing-mainframes_482257-106321.jpg"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="how-it-works" data-section="how-it-works">
|
|
<MetricCardEleven
|
|
title="Como Funciona"
|
|
description="Três passos simples para você ficar protegido:"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="blur-reveal"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "01", title: "Solicite sua Cotação", description: "Entre em contato conosco e receba uma proposta personalizada", imageSrc: "http://img.b2bpic.net/free-photo/woman-hand-holding-smartphone-use-car-insurance-application-online-after-his-broken-car-insurance-concept_493343-30005.jpg"
|
|
},
|
|
{
|
|
id: "2", value: "02", title: "Escolha seu Plano", description: "Selecione a melhor cobertura para as suas necessidades", imageSrc: "http://img.b2bpic.net/free-photo/close-up-customer-service-operator-assisting-customers-with-issues_482257-117959.jpg"
|
|
},
|
|
{
|
|
id: "3", value: "03", title: "Fique Protegido", description: "Pronto! Você está coberto e seguro com a Mohav", imageSrc: "http://img.b2bpic.net/free-photo/business-agreement-handshake-coffee-shop_53876-16007.jpg"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
title="Depoimentos de Associados Satisfeitos"
|
|
description="Veja o que nossos clientes dizem sobre a Mohav:"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
animationType="scale-rotate"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Carlos Mendes", role: "Motorista de Aplicativo", company: "Jundiaí", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Carlos Mendes"
|
|
},
|
|
{
|
|
id: "2", name: "Fernanda Silva", role: "Proprietária de Carro", company: "Vila Torres Neves", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg", imageAlt: "Fernanda Silva"
|
|
},
|
|
{
|
|
id: "3", name: "Roberto Costa", role: "Pequeno Empresário", company: "Jundiaí", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Roberto Costa"
|
|
},
|
|
{
|
|
id: "4", name: "Mariana Oliveira", role: "Mãe de Família", company: "Jundiaí", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg", imageAlt: "Mariana Oliveira"
|
|
},
|
|
{
|
|
id: "5", name: "João Pereira", role: "Proprietário de Veículo", company: "Região de Jundiaí", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "João Pereira"
|
|
},
|
|
{
|
|
id: "6", name: "Beatriz Gomes", role: "Motorista Segura", company: "Jundiaí", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg", imageAlt: "Beatriz Gomes"
|
|
}
|
|
]}
|
|
kpiItems={[
|
|
{ value: "15+", label: "Anos de Experiência" },
|
|
{ value: "4,7 ⭐", label: "Avaliação Média" },
|
|
{ value: "1000+", label: "Associados Protegidos" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
title="Perguntas Frequentes"
|
|
description="Respostas claras para suas dúvidas sobre proteção veicular:"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqsAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "Como funciona a proteção veicular?", content: "A proteção veicular funciona como uma associação de proteção mútua. Você paga uma mensalidade e, em caso de sinistro coberto, recebe assistência e indenização. É diferente do seguro tradicional, oferecendo mais transparência e custo-benefício."
|
|
},
|
|
{
|
|
id: "2", title: "Qual é o período de carência?", content: "Oferecemos carência reduzida em comparação com seguradoras tradicionais. Entre em contato para conhecer os detalhes específicos do seu plano de interesse."
|
|
},
|
|
{
|
|
id: "3", title: "Como aciono a proteção em caso de sinistro?", content: "Basta entrar em contato conosco por telefone (11) 4586-3001 ou WhatsApp. Nossa equipe está disponível 24 horas e orientará você através de todo o processo."
|
|
},
|
|
{
|
|
id: "4", title: "Quais são as coberturas principais?", content: "Nossas principais coberturas incluem proteção contra roubo e furto, cobertura de colisão, guincho 24 horas e assistência 24 horas. Oferecemos diferentes planos para atender suas necessidades específicas."
|
|
},
|
|
{
|
|
id: "5", title: "Vocês atendem na região de Jundiaí?", content: "Sim! Somos sediados em Jundiaí e servimos toda a região com excelência. Nosso conhecimento local nos permite oferecer o melhor atendimento possível."
|
|
},
|
|
{
|
|
id: "6", title: "Qual é a diferença entre proteção veicular e seguro?", content: "Proteção veicular é mais ágil, transparente e acessível. Você tem acesso direto a nossa equipe, sem burocracia de seguradoras. Somos uma associação de proteção mútua focada no seu bem-estar."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact-cta" data-section="contact-cta">
|
|
<ContactText
|
|
text="Proteja seu veículo hoje mesmo. Fale com nossos especialistas em proteção veicular."
|
|
animationType="background-highlight"
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Ligar Agora: (11) 4586-3001", href: "tel:+5511945863001" },
|
|
{ text: "Abrir WhatsApp", href: "https://wa.me/5511945863001" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Sobre", items: [
|
|
{ label: "Quem Somos", href: "#why-choose" },
|
|
{ label: "Coberturas", href: "#coverage" },
|
|
{ label: "Como Funciona", href: "#how-it-works" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contato", items: [
|
|
{ label: "Telefone: (11) 4586-3001", href: "tel:+5511945863001" },
|
|
{ label: "WhatsApp", href: "https://wa.me/5511945863001" },
|
|
{ label: "R. Gen. Osório, 61 - Jundiaí - SP", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Política de Privacidade", href: "#" },
|
|
{ label: "Termos de Uso", href: "#" },
|
|
{ label: "Fale Conosco", href: "mailto:contato@mohav.com.br" }
|
|
]
|
|
}
|
|
]}
|
|
bottomLeftText="© 2025 Mohav Proteção Veicular. Todos os direitos reservados."
|
|
bottomRightText="Transparência e Segurança em Primeiro Lugar"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|