Merge version_1 into main #1
440
src/app/page.tsx
440
src/app/page.tsx
@@ -16,312 +16,162 @@ import TestimonialCardSixteen from '@/components/sections/testimonial/Testimonia
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Serviços",
|
||||
id: "servicos",
|
||||
},
|
||||
{
|
||||
name: "Sobre",
|
||||
id: "sobre",
|
||||
},
|
||||
{
|
||||
name: "Avaliações",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contacto",
|
||||
},
|
||||
]}
|
||||
brandName="Auto Pereira"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Serviços", id: "servicos" },
|
||||
{ name: "Sobre", id: "sobre" },
|
||||
{ name: "Avaliações", id: "reviews" },
|
||||
{ name: "Contacto", id: "contacto" },
|
||||
]}
|
||||
brandName="Auto Pereira"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="O seu carro merece mãos de confiança."
|
||||
description="Reparação e manutenção automóvel com honestidade, rapidez e preços justos. Há anos a cuidar dos carros de Lisboa."
|
||||
tag="Oficina Especializada em Lisboa"
|
||||
buttons={[
|
||||
{
|
||||
text: "Pedir Orçamento",
|
||||
href: "#contacto",
|
||||
},
|
||||
{
|
||||
text: "Ver Serviços",
|
||||
href: "#servicos",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/goal-oriented-entrepreneur-luxurious-corporate-office-plans-strategy_482257-128191.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-center-technician-using-artificial-intelligence-tablet-close-up_482257-119873.jpg",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="O seu carro merece mãos de confiança."
|
||||
description="Reparação e manutenção automóvel com honestidade, rapidez e preços justos. Há anos a cuidar dos carros de Lisboa."
|
||||
tag="Oficina Especializada em Lisboa"
|
||||
buttons={[{ text: "Pedir Orçamento", href: "#contacto" }, { text: "Ver Serviços", href: "#servicos" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/goal-oriented-entrepreneur-luxurious-corporate-office-plans-strategy_482257-128191.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/data-center-technician-using-artificial-intelligence-tablet-close-up_482257-119873.jpg" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="A nossa experiência em números"
|
||||
tag="Resultados Comprovados"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "4.5",
|
||||
description: "Estrelas no Google",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "40+",
|
||||
description: "Clientes Satisfeitos",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "1 dia",
|
||||
description: "Tempo Médio de Reparação",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "10+",
|
||||
description: "Anos no mercado",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="A nossa experiência em números"
|
||||
tag="Resultados Comprovados"
|
||||
metrics={[
|
||||
{ id: "m1", value: "4.5", description: "Estrelas no Google" },
|
||||
{ id: "m2", value: "40+", description: "Clientes Satisfeitos" },
|
||||
{ id: "m3", value: "1 dia", description: "Tempo Médio de Reparação" },
|
||||
{ id: "m4", value: "10+", description: "Anos no mercado" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="servicos" data-section="servicos">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Revisão Geral",
|
||||
price: "Preventiva",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Ar Condicionado",
|
||||
price: "Conforto",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-dashboard-display_23-2151977856.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Mecânica Pesada",
|
||||
price: "Alta Especialidade",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/developer-working-coding-ai-desktop-pc-mockup-smartphone-desk_482257-93223.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Diagnóstico Eletrónico",
|
||||
price: "Tecnologia",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-hand-interacting-with-digital-neural-network_23-2152029072.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Pneus & Alinhamento",
|
||||
price: "Segurança",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-scientist-updating-ai-systems_482257-91183.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Inspeção Pré-Compra",
|
||||
price: "Aconselhamento",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel-tempalte_23-2148379462.jpg",
|
||||
},
|
||||
]}
|
||||
title="Serviços que fazemos com brio"
|
||||
description="Tratamos de todo o tipo de reparação e manutenção automóvel com rigor técnico e honestidade."
|
||||
/>
|
||||
</div>
|
||||
<div id="servicos" data-section="servicos">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "p1", name: "Revisão Geral", price: "Preventiva", imageSrc: "http://img.b2bpic.net/free-photo/financial-software-ui-pc-screen-apartment-office-desk_482257-122945.jpg" },
|
||||
{ id: "p2", name: "Ar Condicionado", price: "Conforto", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-dashboard-display_23-2151977856.jpg" },
|
||||
{ id: "p3", name: "Mecânica Pesada", price: "Alta Especialidade", imageSrc: "http://img.b2bpic.net/free-photo/developer-working-coding-ai-desktop-pc-mockup-smartphone-desk_482257-93223.jpg" },
|
||||
{ id: "p4", name: "Diagnóstico Eletrónico", price: "Tecnologia", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-hand-interacting-with-digital-neural-network_23-2152029072.jpg" },
|
||||
{ id: "p5", name: "Pneus & Alinhamento", price: "Segurança", imageSrc: "http://img.b2bpic.net/free-photo/computer-scientist-updating-ai-systems_482257-91183.jpg" },
|
||||
{ id: "p6", name: "Inspeção Pré-Compra", price: "Aconselhamento", imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel-tempalte_23-2148379462.jpg" }
|
||||
]}
|
||||
title="Serviços que fazemos com brio"
|
||||
description="Tratamos de todo o tipo de reparação e manutenção automóvel com rigor técnico e honestidade."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Demora na reparação",
|
||||
"Surpresas na fatura",
|
||||
"Diagnósticos vagos",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Rapidez no mesmo dia",
|
||||
"Transparência total",
|
||||
"Diagnóstico via WhatsApp",
|
||||
],
|
||||
}}
|
||||
title="A diferença está na honestidade"
|
||||
description="Escolher a Auto Pereira é optar por profissionalismo e competência."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{ items: ["Demora na reparação", "Surpresas na fatura", "Diagnósticos vagos"] }}
|
||||
positiveCard={{ items: ["Rapidez no mesmo dia", "Transparência total", "Diagnóstico via WhatsApp"] }}
|
||||
title="A diferença está na honestidade"
|
||||
description="Escolher a Auto Pereira é optar por profissionalismo e competência."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="process" data-section="process">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Simples, rápido e sem complicações"
|
||||
description="O nosso fluxo de trabalho é desenhado para devolver o seu carro em tempo recorde com total rigor."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Contacto Inicial",
|
||||
description: "Ligue ou envie WhatsApp.",
|
||||
},
|
||||
{
|
||||
title: "Diagnóstico",
|
||||
description: "Orçamento claro e detalhado.",
|
||||
},
|
||||
{
|
||||
title: "Reparação",
|
||||
description: "Rigor técnico imediato.",
|
||||
},
|
||||
{
|
||||
title: "Entrega",
|
||||
description: "Carro como novo no mesmo dia.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-data-center-admin-doing-checkup-using-machine-learning-prolong-hardware-life-span_482257-136276.jpg"
|
||||
imageAlt="Close up of data center admin doing checkup using machine learning to prolong hardware life span"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="process" data-section="process">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Simples, rápido e sem complicações"
|
||||
description="O nosso fluxo de trabalho é desenhado para devolver o seu carro em tempo recorde com total rigor."
|
||||
bulletPoints={[
|
||||
{ title: "Contacto Inicial", description: "Ligue ou envie WhatsApp." },
|
||||
{ title: "Diagnóstico", description: "Orçamento claro e detalhado." },
|
||||
{ title: "Reparação", description: "Rigor técnico imediato." },
|
||||
{ title: "Entrega", description: "Carro como novo no mesmo dia." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-data-center-admin-doing-checkup-using-machine-learning-prolong-hardware-life-span_482257-136276.jpg"
|
||||
imageAlt="Close up of data center admin doing checkup using machine learning to prolong hardware life span"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Rafael Silva",
|
||||
role: "Cliente",
|
||||
company: "Lisboa",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Luís Gonçalves",
|
||||
role: "Cliente",
|
||||
company: "Lisboa",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-confident-successful-businesswoman-suit-cross-arms-chest-standing_1258-118021.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Carlos Saraiva",
|
||||
role: "Cliente",
|
||||
company: "Lisboa",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-graphic-designer-using-digital-tablet_1170-997.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "António Jesus",
|
||||
role: "Cliente",
|
||||
company: "Lisboa",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hopeful-young-manager-businesswoman-cross-arms-chest-smiling-looking-confident-like-real-professional-white-background_176420-47052.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Paulo Garcia",
|
||||
role: "Cliente",
|
||||
company: "Lisboa",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-young-woman-wearing-life-jacket_23-2147562086.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.5",
|
||||
label: "Avaliação Média",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Transparência",
|
||||
},
|
||||
{
|
||||
value: "24h",
|
||||
label: "Tempo Médio",
|
||||
},
|
||||
]}
|
||||
title="O que dizem os nossos clientes"
|
||||
description="Mais de 40 avaliações de confiança no Google Maps."
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Rafael Silva", role: "Cliente", company: "Lisboa", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg" },
|
||||
{ id: "t2", name: "Luís Gonçalves", role: "Cliente", company: "Lisboa", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-confident-successful-businesswoman-suit-cross-arms-chest-standing_1258-118021.jpg" },
|
||||
{ id: "t3", name: "Carlos Saraiva", role: "Cliente", company: "Lisboa", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-graphic-designer-using-digital-tablet_1170-997.jpg" },
|
||||
{ id: "t4", name: "António Jesus", role: "Cliente", company: "Lisboa", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/hopeful-young-manager-businesswoman-cross-arms-chest-smiling-looking-confident-like-real-professional-white-background_176420-47052.jpg" },
|
||||
{ id: "t5", name: "Paulo Garcia", role: "Cliente", company: "Lisboa", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-young-woman-wearing-life-jacket_23-2147562086.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "4.5", label: "Avaliação Média" },
|
||||
{ value: "100%", label: "Transparência" },
|
||||
{ value: "24h", label: "Tempo Médio" },
|
||||
]}
|
||||
title="O que dizem os nossos clientes"
|
||||
description="Mais de 40 avaliações de confiança no Google Maps."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Quanto tempo demora?",
|
||||
content: "A maioria dos trabalhos fica concluída no mesmo dia.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Trabalham com que marcas?",
|
||||
content: "Todas as marcas e modelos, nacionais ou internacionais.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Posso pedir orçamento online?",
|
||||
content: "Sim, envie-nos uma mensagem por WhatsApp.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Dúvidas Frequentes"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Quanto tempo demora?", content: "A maioria dos trabalhos fica concluída no mesmo dia." },
|
||||
{ id: "f2", title: "Trabalham com que marcas?", content: "Todas as marcas e modelos, nacionais ou internacionais." },
|
||||
{ id: "f3", title: "Posso pedir orçamento online?", content: "Sim, envie-nos uma mensagem por WhatsApp." },
|
||||
]}
|
||||
sideTitle="Dúvidas Frequentes"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contacto" data-section="contacto">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Contacto"
|
||||
title="Diga-nos o que precisa"
|
||||
description="Respondemos hoje mesmo. Deixe os seus dados e descreva o problema da sua viatura."
|
||||
/>
|
||||
</div>
|
||||
<div id="contacto" data-section="contacto">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Contacto"
|
||||
title="Diga-nos o que precisa"
|
||||
description="Respondemos hoje mesmo. Deixe os seus dados e descreva o problema da sua viatura."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Auto Pereira"
|
||||
copyrightText="© 2025 Auto Pereira · Todos os direitos reservados"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Auto Pereira"
|
||||
copyrightText="© 2025 Auto Pereira · Todos os direitos reservados"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user