Merge version_1 into main #1
244
src/app/page.tsx
244
src/app/page.tsx
@@ -33,29 +33,17 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Sobre",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Sobre", id: "/about"},
|
||||
{
|
||||
name: "Veículos",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Veículos", id: "/products"},
|
||||
{
|
||||
name: "Depoimentos",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Depoimentos", id: "/testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "/faq"},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contato", id: "/contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/realistic-metallic-car-logo_23-2148477989.jpg"
|
||||
logoAlt="Logo Jovi Motors"
|
||||
@@ -66,67 +54,42 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "downward-rays-static-grid",
|
||||
}}
|
||||
variant: "downward-rays-static-grid"}}
|
||||
title="Seu Sonho, Nosso Veículo: Qualidade e Confiança em Seminovos."
|
||||
description="Na JOVI MOTORS, transformamos a busca pelo seu próximo carro em uma experiência transparente e satisfatória. Explore nosso estoque selecionado e encontre a qualidade que você merece."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-throwing-up-keys-her-white-car-car-dealership_651396-3573.jpg",
|
||||
alt: "Cliente Satisfeita",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-throwing-up-keys-her-white-car-car-dealership_651396-3573.jpg", alt: "Cliente Satisfeita"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-business-man-sitting-car_1303-28468.jpg",
|
||||
alt: "Cliente Satisfeito",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-business-man-sitting-car_1303-28468.jpg", alt: "Cliente Satisfeito"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-couple-looking-cars_23-2148384965.jpg",
|
||||
alt: "Casal Satisfeito",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-couple-looking-cars_23-2148384965.jpg", alt: "Casal Satisfeito"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stunning-young-woman-waring-dress-posing-front-her-car-outdoors-ownership-driver_158595-6786.jpg",
|
||||
alt: "Profissional Satisfeita",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stunning-young-woman-waring-dress-posing-front-her-car-outdoors-ownership-driver_158595-6786.jpg", alt: "Profissional Satisfeita"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/coffee-break_1098-14791.jpg",
|
||||
alt: "Cliente Entusiasmada",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/coffee-break_1098-14791.jpg", alt: "Cliente Entusiasmada"},
|
||||
]}
|
||||
avatarText="+10 clientes satisfeitos"
|
||||
buttons={[
|
||||
{
|
||||
text: "Ver Estoque",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Ver Estoque", href: "#products"},
|
||||
{
|
||||
text: "Fale Conosco",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Fale Conosco", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Entrega Rápida",
|
||||
icon: Gauge,
|
||||
type: "text-icon", text: "Entrega Rápida", icon: Gauge,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: "Financiamento Facilitado",
|
||||
type: "text", text: "Financiamento Facilitado"},
|
||||
{
|
||||
type: "text-icon", text: "Garantia Total", icon: Shield,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Garantia Total",
|
||||
icon: Shield,
|
||||
},
|
||||
type: "text", text: "Melhores Taxas do Mercado"},
|
||||
{
|
||||
type: "text",
|
||||
content: "Melhores Taxas do Mercado",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Test Drive Gratuito",
|
||||
icon: Key,
|
||||
type: "text-icon", text: "Test Drive Gratuito", icon: Key,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -154,47 +117,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "car-1",
|
||||
name: "Toyota Corolla XEi 2.0 2020",
|
||||
price: "R$ 98.500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-dealership_23-2148130092.jpg",
|
||||
imageAlt: "Toyota Corolla XEi 2.0 2020",
|
||||
},
|
||||
id: "car-1", name: "Toyota Corolla XEi 2.0 2020", price: "R$ 98.500", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-dealership_23-2148130092.jpg", imageAlt: "Toyota Corolla XEi 2.0 2020"},
|
||||
{
|
||||
id: "car-2",
|
||||
name: "Honda Civic Touring 1.5 2019",
|
||||
price: "R$ 105.000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-car-showroom-dealership_23-2149117138.jpg",
|
||||
imageAlt: "Honda Civic Touring 1.5 2019",
|
||||
},
|
||||
id: "car-2", name: "Honda Civic Touring 1.5 2019", price: "R$ 105.000", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-car-showroom-dealership_23-2149117138.jpg", imageAlt: "Honda Civic Touring 1.5 2019"},
|
||||
{
|
||||
id: "car-3",
|
||||
name: "Hyundai Creta Prestige 2.0 2021",
|
||||
price: "R$ 115.900",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-mother-child-stand-near-they-suv-car-safety-driving-concept_627829-6645.jpg",
|
||||
imageAlt: "Hyundai Creta Prestige 2.0 2021",
|
||||
},
|
||||
id: "car-3", name: "Hyundai Creta Prestige 2.0 2021", price: "R$ 115.900", imageSrc: "http://img.b2bpic.net/free-photo/young-mother-child-stand-near-they-suv-car-safety-driving-concept_627829-6645.jpg", imageAlt: "Hyundai Creta Prestige 2.0 2021"},
|
||||
{
|
||||
id: "car-4",
|
||||
name: "Volkswagen Nivus Highline 2022",
|
||||
price: "R$ 120.000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/romantic-couple-car_23-2148320151.jpg",
|
||||
imageAlt: "Volkswagen Nivus Highline 2022",
|
||||
},
|
||||
id: "car-4", name: "Volkswagen Nivus Highline 2022", price: "R$ 120.000", imageSrc: "http://img.b2bpic.net/free-photo/romantic-couple-car_23-2148320151.jpg", imageAlt: "Volkswagen Nivus Highline 2022"},
|
||||
{
|
||||
id: "car-5",
|
||||
name: "Chevrolet Onix Plus LTZ 2020",
|
||||
price: "R$ 75.000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-taking-selfie_23-2149012507.jpg",
|
||||
imageAlt: "Chevrolet Onix Plus LTZ 2020",
|
||||
},
|
||||
id: "car-5", name: "Chevrolet Onix Plus LTZ 2020", price: "R$ 75.000", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-taking-selfie_23-2149012507.jpg", imageAlt: "Chevrolet Onix Plus LTZ 2020"},
|
||||
{
|
||||
id: "car-6",
|
||||
name: "Jeep Renegade Longitude 2018",
|
||||
price: "R$ 89.000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manager-car-center-showing-car-clients_651396-1181.jpg",
|
||||
imageAlt: "Jeep Renegade Longitude 2018",
|
||||
},
|
||||
id: "car-6", name: "Jeep Renegade Longitude 2018", price: "R$ 89.000", imageSrc: "http://img.b2bpic.net/free-photo/manager-car-center-showing-car-clients_651396-1181.jpg", imageAlt: "Jeep Renegade Longitude 2018"},
|
||||
]}
|
||||
title="Veículos Disponíveis"
|
||||
description="Confira nossos últimos veículos selecionados, prontos para te levar a novas aventuras com segurança e estilo."
|
||||
@@ -208,45 +141,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Caroline Quintaes",
|
||||
handle: "@CarolineQ",
|
||||
testimonial: "Fui até a loja por indicação de uma amiga e saí de lá muito mais do que satisfeita! Atendimento impecável, super atenciosos e transparentes. Me ajudaram a escolher o carro ideal sem pressão nenhuma, explicando tudo com muita clareza.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-car_1303-13633.jpg",
|
||||
},
|
||||
id: "1", name: "Caroline Quintaes", handle: "@CarolineQ", testimonial: "Fui até a loja por indicação de uma amiga e saí de lá muito mais do que satisfeita! Atendimento impecável, super atenciosos e transparentes. Me ajudaram a escolher o carro ideal sem pressão nenhuma, explicando tudo com muita clareza.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-car_1303-13633.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Danilo Will",
|
||||
handle: "@DaniloW",
|
||||
testimonial: "Loja extremamente confiável, atendimento transparente e carros de procedência. Atendimento diferenciado e muita honestidade em cada negociação. Empresa séria, cumpre exatamente o que promete.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-tattooed-man-romantic-guy-white-shirt-cap-suspenders-walks-city-revolves-around-lamppost-peaky-blinders-old-fashioned-retro_1321-2049.jpg",
|
||||
},
|
||||
id: "2", name: "Danilo Will", handle: "@DaniloW", testimonial: "Loja extremamente confiável, atendimento transparente e carros de procedência. Atendimento diferenciado e muita honestidade em cada negociação. Empresa séria, cumpre exatamente o que promete.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-tattooed-man-romantic-guy-white-shirt-cap-suspenders-walks-city-revolves-around-lamppost-peaky-blinders-old-fashioned-retro_1321-2049.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Lucy Lu",
|
||||
handle: "@LucyL",
|
||||
testimonial: "A melhor loja de novos e seminovos de Atibaia, e região. Atendimento super diferenciado, e exclusivo. E os melhores carros... super recomendo.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dealership-salesman-answering-customers-questions-about-cars_482257-124577.jpg",
|
||||
},
|
||||
id: "3", name: "Lucy Lu", handle: "@LucyL", testimonial: "A melhor loja de novos e seminovos de Atibaia, e região. Atendimento super diferenciado, e exclusivo. E os melhores carros... super recomendo.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dealership-salesman-answering-customers-questions-about-cars_482257-124577.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Fernanda Souza",
|
||||
handle: "@FernandaS",
|
||||
testimonial: "Excelente experiência de compra! Encontrei o carro que procurava com um preço justo e toda a equipe foi muito prestativa, do início ao fim. Recomendo a todos!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-choosing-car-car-saloon_1303-25638.jpg",
|
||||
},
|
||||
id: "4", name: "Fernanda Souza", handle: "@FernandaS", testimonial: "Excelente experiência de compra! Encontrei o carro que procurava com um preço justo e toda a equipe foi muito prestativa, do início ao fim. Recomendo a todos!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-choosing-car-car-saloon_1303-25638.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Ricardo Silva",
|
||||
handle: "@RicardoS",
|
||||
testimonial: "Profissionalismo e transparência são as palavras que definem a JOVI MOTORS. Me senti seguro durante todo o processo. Com certeza voltarei para futuras negociações.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-tourist-buying-car_1303-14538.jpg",
|
||||
},
|
||||
id: "5", name: "Ricardo Silva", handle: "@RicardoS", testimonial: "Profissionalismo e transparência são as palavras que definem a JOVI MOTORS. Me senti seguro durante todo o processo. Com certeza voltarei para futuras negociações.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-tourist-buying-car_1303-14538.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="O que Nossos Clientes Dizem"
|
||||
@@ -261,29 +169,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "5.0",
|
||||
title: "Avaliação Média",
|
||||
description: "De mais de 10 clientes satisfeitos em nossas plataformas.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-flat-design-car-rental-labels-badges_23-2149216918.jpg",
|
||||
imageAlt: "Badge de Avaliação 5 Estrelas",
|
||||
},
|
||||
id: "m1", value: "5.0", title: "Avaliação Média", description: "De mais de 10 clientes satisfeitos em nossas plataformas.", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-flat-design-car-rental-labels-badges_23-2149216918.jpg", imageAlt: "Badge de Avaliação 5 Estrelas"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "10+",
|
||||
title: "Anos de Experiência",
|
||||
description: "Construindo confiança e realizando sonhos em Atibaia e região.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-opening-car-door_23-2148266215.jpg",
|
||||
imageAlt: "Chave de Carro",
|
||||
},
|
||||
id: "m2", value: "10+", title: "Anos de Experiência", description: "Construindo confiança e realizando sonhos em Atibaia e região.", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-opening-car-door_23-2148266215.jpg", imageAlt: "Chave de Carro"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "200+",
|
||||
title: "Veículos Vendidos",
|
||||
description: "Histórias de sucesso e carros entregues com alegria.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/badge-icon-left-side-with-white-background_187299-39773.jpg",
|
||||
imageAlt: "Cliente Feliz",
|
||||
},
|
||||
id: "m3", value: "200+", title: "Veículos Vendidos", description: "Histórias de sucesso e carros entregues com alegria.", imageSrc: "http://img.b2bpic.net/free-photo/badge-icon-left-side-with-white-background_187299-39773.jpg", imageAlt: "Cliente Feliz"},
|
||||
]}
|
||||
title="Nossos Números Falam por Si"
|
||||
description="Experiência, satisfação e um compromisso inabalável com a qualidade que nos torna líderes na região."
|
||||
@@ -295,16 +185,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Ford",
|
||||
"Volkswagen",
|
||||
"Chevrolet",
|
||||
"Fiat",
|
||||
"Honda",
|
||||
"Toyota",
|
||||
"Hyundai",
|
||||
"BMW",
|
||||
"Mercedes-Benz",
|
||||
]}
|
||||
"Ford", "Volkswagen", "Chevrolet", "Fiat", "Honda", "Toyota", "Hyundai", "BMW", "Mercedes-Benz"]}
|
||||
title="Confie nas Marcas que Vendemos"
|
||||
description="Trabalhamos apenas com veículos das mais conceituadas montadoras, garantindo a qualidade e procedência que você espera."
|
||||
/>
|
||||
@@ -316,35 +197,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "Como funciona o processo de compra?",
|
||||
content: "Nosso processo é simples e transparente. Você escolhe o veículo, faz um test drive, e nossa equipe te auxilia com a documentação e opções de financiamento.",
|
||||
},
|
||||
id: "faq-1", title: "Como funciona o processo de compra?", content: "Nosso processo é simples e transparente. Você escolhe o veículo, faz um test drive, e nossa equipe te auxilia com a documentação e opções de financiamento."},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "Vocês aceitam meu carro como parte do pagamento?",
|
||||
content: "Sim, aceitamos seu veículo usado como parte do pagamento. Fazemos uma avaliação justa e competitiva para facilitar sua troca.",
|
||||
},
|
||||
id: "faq-2", title: "Vocês aceitam meu carro como parte do pagamento?", content: "Sim, aceitamos seu veículo usado como parte do pagamento. Fazemos uma avaliação justa e competitiva para facilitar sua troca."},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "Os veículos têm garantia?",
|
||||
content: "Todos os nossos veículos seminovos passam por uma rigorosa inspeção e contam com garantia de motor e câmbio, além de outras opções de garantia estendida.",
|
||||
},
|
||||
id: "faq-3", title: "Os veículos têm garantia?", content: "Todos os nossos veículos seminovos passam por uma rigorosa inspeção e contam com garantia de motor e câmbio, além de outras opções de garantia estendida."},
|
||||
{
|
||||
id: "faq-4",
|
||||
title: "Quais são as opções de financiamento?",
|
||||
content: "Trabalhamos com diversas instituições financeiras para oferecer as melhores taxas e planos de financiamento, adequados ao seu perfil e orçamento.",
|
||||
},
|
||||
id: "faq-4", title: "Quais são as opções de financiamento?", content: "Trabalhamos com diversas instituições financeiras para oferecer as melhores taxas e planos de financiamento, adequados ao seu perfil e orçamento."},
|
||||
{
|
||||
id: "faq-5",
|
||||
title: "Posso fazer um test drive antes de comprar?",
|
||||
content: "Com certeza! Recomendamos que você faça um test drive para sentir o carro e ter certeza de que é a escolha ideal para você.",
|
||||
},
|
||||
id: "faq-5", title: "Posso fazer um test drive antes de comprar?", content: "Com certeza! Recomendamos que você faça um test drive para sentir o carro e ter certeza de que é a escolha ideal para você."},
|
||||
{
|
||||
id: "faq-6",
|
||||
title: "Qual o horário de funcionamento da loja?",
|
||||
content: "Estamos abertos de segunda a sexta-feira, das 9:00h às 17:00h, e aos sábados, das 9:00h às 13:00h. Venha nos visitar!",
|
||||
},
|
||||
id: "faq-6", title: "Qual o horário de funcionamento da loja?", content: "Estamos abertos de segunda a sexta-feira, das 9:00h às 17:00h, e aos sábados, das 9:00h às 13:00h. Venha nos visitar!"},
|
||||
]}
|
||||
title="Perguntas Frequentes"
|
||||
description="Tire suas dúvidas sobre o processo de compra, financiamento e garantia de nossos veículos seminovos. Estamos aqui para ajudar."
|
||||
@@ -356,8 +219,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "downward-rays-static",
|
||||
}}
|
||||
variant: "downward-rays-static"}}
|
||||
tag="Entre em Contato"
|
||||
title="Fale Conosco e Encontre Seu Próximo Carro"
|
||||
description="Pronto para encontrar seu próximo carro ou tirar suas dúvidas? Preencha o formulário abaixo e nossa equipe entrará em contato em breve."
|
||||
@@ -376,19 +238,13 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://www.instagram.com/jovi_motors_oficial/",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "https://www.instagram.com/jovi_motors_oficial/", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "#", ariaLabel: "Facebook"},
|
||||
{
|
||||
icon: Phone,
|
||||
href: "tel:+5511951991000",
|
||||
ariaLabel: "Telefone",
|
||||
},
|
||||
href: "tel:+5511951991000", ariaLabel: "Telefone"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user