Merge version_2 into main #1
311
src/app/page.tsx
311
src/app/page.tsx
@@ -2,7 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
@@ -12,7 +12,7 @@ import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import { Droplets, Shield, ShieldCheck, Sparkles } from "lucide-react";
|
||||
import { Droplets, Shield, ShieldCheck, Sparkles, MapPin } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,96 +33,51 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Início",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Início", id: "hero"},
|
||||
{
|
||||
name: "Serviços",
|
||||
id: "services",
|
||||
},
|
||||
name: "Serviços", id: "services"},
|
||||
{
|
||||
name: "Preços",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Preços", id: "pricing"},
|
||||
{
|
||||
name: "Depoimentos",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Depoimentos", id: "testimonials"},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contato", id: "contact"},
|
||||
]}
|
||||
brandName="CarsAutomatic"
|
||||
button={{
|
||||
text: "Agendar Agora",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Agendar Agora", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Estética Automotiva de Elite"
|
||||
description="Transformamos o seu veículo com cuidados de precisão. Qualidade premium, produtos especializados e atenção total aos detalhes."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-photo-bearded-guy-smiling-gesturing-with-ok-sign-expressing-good-choice-being-isolated-graphite_171337-455.jpg",
|
||||
alt: "Cliente 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-photo-bearded-guy-smiling-gesturing-with-ok-sign-expressing-good-choice-being-isolated-graphite_171337-455.jpg", alt: "Cliente 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-man-by-car_1303-9344.jpg",
|
||||
alt: "Cliente 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-man-by-car_1303-9344.jpg", alt: "Cliente 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lying-down-seats-girl-modern-car-salon-daytime-indoors-buying-new-vehicle_146671-16486.jpg",
|
||||
alt: "Cliente 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/lying-down-seats-girl-modern-car-salon-daytime-indoors-buying-new-vehicle_146671-16486.jpg", alt: "Cliente 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-mixedrace-couple-auto-repair-shop-looking-camera_637285-11555.jpg",
|
||||
alt: "Cliente 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-mixedrace-couple-auto-repair-shop-looking-camera_637285-11555.jpg", alt: "Cliente 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/older-woman-with-thumb-up_1149-1162.jpg",
|
||||
alt: "Cliente 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/older-woman-with-thumb-up_1149-1162.jpg", alt: "Cliente 5"},
|
||||
]}
|
||||
avatarText="Mais de 500 carros transformados este ano"
|
||||
buttons={[
|
||||
{
|
||||
text: "Agendar Agora via WhatsApp",
|
||||
href: "https://wa.me/5500000000000",
|
||||
},
|
||||
text: "Agendar Agora via WhatsApp", href: "https://wa.me/5500000000000"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Polimento Técnico",
|
||||
icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Higienização Interna",
|
||||
icon: Droplets,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Vitrificação",
|
||||
icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Proteção de Pintura",
|
||||
icon: Shield,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Lavagem Premium",
|
||||
icon: Droplets,
|
||||
},
|
||||
{ type: "text-icon", text: "Polimento Técnico", icon: Sparkles },
|
||||
{ type: "text-icon", text: "Higienização Interna", icon: Droplets },
|
||||
{ type: "text-icon", text: "Vitrificação", icon: ShieldCheck },
|
||||
{ type: "text-icon", text: "Proteção de Pintura", icon: Shield },
|
||||
{ type: "text-icon", text: "Lavagem Premium", icon: Droplets },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -132,9 +87,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Paixão pelo Detalhe"
|
||||
description={[
|
||||
"Na CarsAutomatic, entendemos que seu carro é uma extensão de você. Nossa equipe utiliza as tecnologias mais avançadas de limpeza e proteção automotiva para garantir que seu veículo saia da nossa estética como se tivesse acabado de sair da concessionária.",
|
||||
"Experiência, compromisso e resultados impecáveis são o nosso padrão de qualidade.",
|
||||
]}
|
||||
"Na CarsAutomatic, entendemos que seu carro é uma extensão de você. Nossa equipe utiliza as tecnologias mais avançadas de limpeza e proteção automotiva para garantir que seu veículo saia da nossa estética como se tivesse acabado de sair da concessionária.", "Experiência, compromisso e resultados impecáveis são o nosso padrão de qualidade."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -144,21 +97,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Lavagem Técnica Detalhada",
|
||||
description: "Limpeza profunda com produtos de pH neutro e técnicas que evitam riscos na pintura.",
|
||||
},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Polimento e Correção",
|
||||
description: "Remoção de micro-riscos e hologramas, devolvendo o brilho original à pintura.",
|
||||
},
|
||||
{
|
||||
icon: Droplets,
|
||||
title: "Vitrificação de Pintura",
|
||||
description: "Proteção extrema com repelência a líquidos e sujeiras, garantindo brilho duradouro.",
|
||||
},
|
||||
{ icon: Sparkles, title: "Lavagem Técnica Detalhada", description: "Limpeza profunda com produtos de pH neutro e técnicas que evitam riscos na pintura." },
|
||||
{ icon: ShieldCheck, title: "Polimento e Correção", description: "Remoção de micro-riscos e hologramas, devolvendo o brilho original à pintura." },
|
||||
{ icon: Droplets, title: "Vitrificação de Pintura", description: "Proteção extrema com repelência a líquidos e sujeiras, garantindo brilho duradouro." },
|
||||
]}
|
||||
title="Nossos Serviços Premium"
|
||||
description="Soluções completas de estética para valorizar e proteger seu patrimônio."
|
||||
@@ -172,40 +113,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Essentials",
|
||||
price: "R$ 150",
|
||||
period: "serviço",
|
||||
description: "Ideal para manutenção semanal e brilho constante.",
|
||||
button: {
|
||||
text: "Agendar",
|
||||
href: "https://wa.me/5500000000000",
|
||||
},
|
||||
featuresTitle: "O que inclui:",
|
||||
features: [
|
||||
"Lavagem externa",
|
||||
"Aspirado interno",
|
||||
"Limpeza de painel",
|
||||
"Pretinho nos pneus",
|
||||
],
|
||||
id: "basic", tag: "Essentials", price: "R$ 150", period: "serviço", description: "Ideal para manutenção semanal e brilho constante.", button: { text: "Agendar", href: "https://wa.me/5500000000000" },
|
||||
featuresTitle: "O que inclui:", features: ["Lavagem externa", "Aspirado interno", "Limpeza de painel", "Pretinho nos pneus"],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
tag: "Popular",
|
||||
price: "R$ 450",
|
||||
period: "serviço",
|
||||
description: "Proteção e renovação para veículos exigentes.",
|
||||
button: {
|
||||
text: "Agendar",
|
||||
href: "https://wa.me/5500000000000",
|
||||
},
|
||||
featuresTitle: "Tudo do básico +:",
|
||||
features: [
|
||||
"Polimento técnico",
|
||||
"Higienização interna",
|
||||
"Condicionamento de couros",
|
||||
"Aplicação de cera premium",
|
||||
],
|
||||
id: "premium", tag: "Popular", price: "R$ 450", period: "serviço", description: "Proteção e renovação para veículos exigentes.", button: { text: "Agendar", href: "https://wa.me/5500000000000" },
|
||||
featuresTitle: "Tudo do básico +:", features: ["Polimento técnico", "Higienização interna", "Condicionamento de couros", "Aplicação de cera premium"],
|
||||
},
|
||||
]}
|
||||
title="Pacotes de Estética"
|
||||
@@ -219,41 +132,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Roberto S.",
|
||||
handle: "@roberto",
|
||||
testimonial: "Atendimento nota 10, meu carro ficou como novo. Recomendo muito!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-car-dealership_23-2148130216.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Carla M.",
|
||||
handle: "@carla",
|
||||
testimonial: "O serviço de vitrificação ficou perfeito, brilho duradouro mesmo após semanas.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-business-man-talking-phone_1303-23559.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Felipe D.",
|
||||
handle: "@felipe",
|
||||
testimonial: "A limpeza interna é impecável. Cheiro de carro novo e acabamento perfeito.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-caucasian-guy-dating-afro-american-girl_1262-19996.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Ana R.",
|
||||
handle: "@ana",
|
||||
testimonial: "Preço justo pelo nível de qualidade entregue. Voltarei sempre.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-child-hugging-their-parents_1098-890.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Gustavo L.",
|
||||
handle: "@gustavo",
|
||||
testimonial: "Profissionais extremamente detalhistas. O melhor lava car da região.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-bus-driver-posing-portrait_23-2151582422.jpg",
|
||||
},
|
||||
{ id: "1", name: "Roberto S.", handle: "@roberto", testimonial: "Atendimento nota 10, meu carro ficou como novo.", imageSrc: "http://img.b2bpic.net/free-photo/happy-man-car-dealership_23-2148130216.jpg" },
|
||||
{ id: "2", name: "Carla M.", handle: "@carla", testimonial: "O serviço de vitrificação ficou perfeito.", imageSrc: "http://img.b2bpic.net/free-photo/senior-business-man-talking-phone_1303-23559.jpg" },
|
||||
]}
|
||||
title="Clientes Satisfeitos"
|
||||
description="Confira o que dizem sobre nossa estética automotiva."
|
||||
@@ -267,48 +147,8 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Rodas",
|
||||
price: "Brilho Restaurado",
|
||||
variant: "Antes vs Depois",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-interior-clean-up-service_23-2149212260.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Pintura",
|
||||
price: "Correção Total",
|
||||
variant: "Antes vs Depois",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp_74190-1176.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Interior",
|
||||
price: "Higienização Profunda",
|
||||
variant: "Antes vs Depois",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sofa-decoration-livingroom-interior_74190-7312.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Exterior",
|
||||
price: "Polimento Técnico",
|
||||
variant: "Antes vs Depois",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-wrapping-car-inside-full-shot_23-2149385683.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Motor",
|
||||
price: "Limpeza Técnica",
|
||||
variant: "Antes vs Depois",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-disassembling-mechanical-part-cleaning_23-2148254065.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Carpetes",
|
||||
price: "Higienização Total",
|
||||
variant: "Antes vs Depois",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-15878.jpg",
|
||||
},
|
||||
{ id: "1", name: "Rodas", price: "Brilho Restaurado", variant: "Antes vs Depois", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-interior-clean-up-service_23-2149212260.jpg" },
|
||||
{ id: "2", name: "Pintura", price: "Correção Total", variant: "Antes vs Depois", imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp_74190-1176.jpg" },
|
||||
]}
|
||||
title="Antes e Depois"
|
||||
description="Resultados reais que mostram a transformação do seu veículo."
|
||||
@@ -320,82 +160,43 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Quanto tempo demora uma lavagem técnica?",
|
||||
content: "Em média de 2 a 4 horas, dependendo do estado do veículo.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Preciso agendar com antecedência?",
|
||||
content: "Sim, recomendamos o agendamento prévio via WhatsApp para garantir sua vaga.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Vocês buscam o veículo?",
|
||||
content: "Sim, consulte nossa área de cobertura e disponibilidade.",
|
||||
},
|
||||
{ id: "1", title: "Quanto tempo demora?", content: "2 a 4 horas." },
|
||||
{ id: "2", title: "Preciso agendar?", content: "Sim, via WhatsApp." },
|
||||
]}
|
||||
title="Dúvidas Frequentes"
|
||||
description="Veja as perguntas mais comuns dos nossos clientes."
|
||||
description="Veja as perguntas mais comuns."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
text="Pronto para revitalizar seu veículo? Entre em contato agora e agende seu horário pelo WhatsApp."
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp: (55) 99999-9999",
|
||||
href: "https://wa.me/5500000000000",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
<ContactSplitForm
|
||||
title="Agende seu horário"
|
||||
description="Entre em contato via formulário ou mande uma mensagem pelo WhatsApp para agendamentos imediatos."
|
||||
inputs={[{ name: "nome", type: "text", placeholder: "Seu Nome" }, { name: "telefone", type: "tel", placeholder: "Seu WhatsApp" }]}
|
||||
textarea={{ name: "mensagem", placeholder: "Detalhes do veículo e serviço desejado" }}
|
||||
buttonText="Enviar via WhatsApp"
|
||||
onSubmit={(data) => window.open(`https://wa.me/5500000000000?text=Olá, me chamo ${data.nome}. Gostaria de agendar: ${data.mensagem}`)}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="location" data-section="location">
|
||||
<div className="bg-accent/10 p-10 flex flex-col items-center text-center">
|
||||
<MapPin size={48} className="text-accent mb-4" />
|
||||
<h2 className="text-3xl font-bold mb-2">Nossa Localização</h2>
|
||||
<p className="text-lg mb-6">Estamos situados em uma área de fácil acesso para melhor atendê-los.</p>
|
||||
<div className="w-full max-w-2xl h-80 bg-gray-200 rounded-xl overflow-hidden shadow-lg">
|
||||
<iframe title="Localização" className="w-full h-full" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3657!2d-46!3d-23!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zMjPCsDAwJzAwLjAiUyA0NsKwMDAnMDAuMCJX!5e0!3m2!1sen!2sbr!4v1600000000000" allowFullScreen />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="CarsAutomatic"
|
||||
columns={[
|
||||
{
|
||||
title: "Navegação",
|
||||
items: [
|
||||
{
|
||||
label: "Início",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Serviços",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Preços",
|
||||
href: "#pricing",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contato",
|
||||
items: [
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/5500000000000",
|
||||
},
|
||||
{
|
||||
label: "Endereço",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Navegação", items: [{ label: "Início", href: "#hero" }, { label: "Serviços", href: "#services" }, { label: "Contato", href: "#contact" }] },
|
||||
{ title: "Contato", items: [{ label: "WhatsApp", href: "https://wa.me/5500000000000" }, { label: "Mapa", href: "#location" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user