Merge version_2 into main #2
241
src/app/page.tsx
241
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Início",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Início", id: "hero"},
|
||||
{
|
||||
name: "Sobre",
|
||||
id: "about",
|
||||
},
|
||||
name: "Sobre", id: "about"},
|
||||
{
|
||||
name: "Serviços",
|
||||
id: "features",
|
||||
},
|
||||
name: "Serviços", id: "features"},
|
||||
{
|
||||
name: "Preços",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Preços", id: "pricing"},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contacto", id: "contact"},
|
||||
]}
|
||||
brandName="DetailPro"
|
||||
/>
|
||||
@@ -59,35 +49,22 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Limpeza Profissional para o seu Automóvel"
|
||||
description="Restauramos a beleza e o conforto do seu carro com serviços especializados de detalhe e limpeza de estofos."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-car-s-black-modern-interior-perfect_181624-33164.jpg?_wi=1",
|
||||
imageAlt: "Detalhe de interior de luxo",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-car-s-black-modern-interior-perfect_181624-33164.jpg?_wi=1", imageAlt: "Detalhe de interior de luxo"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212227.jpg?_wi=1",
|
||||
imageAlt: "Lavagem exterior profissional",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212227.jpg?_wi=1", imageAlt: "Lavagem exterior profissional"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-polish-salon-car-garage_1157-36594.jpg?_wi=1",
|
||||
imageAlt: "Limpeza de estofos profunda",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-polish-salon-car-garage_1157-36594.jpg?_wi=1", imageAlt: "Limpeza de estofos profunda"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552293.jpg",
|
||||
imageAlt: "Limpeza detalhada",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552293.jpg", imageAlt: "Limpeza detalhada"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193581.jpg",
|
||||
imageAlt: "Exterior brilhante",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193581.jpg", imageAlt: "Exterior brilhante"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2004.jpg",
|
||||
imageAlt: "Estofos impecáveis",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2004.jpg", imageAlt: "Estofos impecáveis"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -108,23 +85,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Limpeza de Estofos",
|
||||
description: "Limpeza profunda de tecidos e couro.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-black-mask-sitting-inside-car_1157-34251.jpg?_wi=1",
|
||||
imageAlt: "Limpeza de bancos",
|
||||
},
|
||||
title: "Limpeza de Estofos", description: "Limpeza profunda de tecidos e couro.", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-black-mask-sitting-inside-car_1157-34251.jpg?_wi=1", imageAlt: "Limpeza de bancos"},
|
||||
{
|
||||
title: "Lavagem Exterior Premium",
|
||||
description: "Proteção e brilho duradouro.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-foam-patches-water_23-2147798227.jpg",
|
||||
imageAlt: "Lavagem exterior",
|
||||
},
|
||||
title: "Lavagem Exterior Premium", description: "Proteção e brilho duradouro.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-foam-patches-water_23-2147798227.jpg", imageAlt: "Lavagem exterior"},
|
||||
{
|
||||
title: "Detalhe Interior",
|
||||
description: "Aspiração e tratamento de superfícies.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-polishing-car-inside-car-service_1303-26883.jpg",
|
||||
imageAlt: "Aspiração profunda",
|
||||
},
|
||||
title: "Detalhe Interior", description: "Aspiração e tratamento de superfícies.", imageSrc: "http://img.b2bpic.net/free-photo/man-polishing-car-inside-car-service_1303-26883.jpg", imageAlt: "Aspiração profunda"},
|
||||
]}
|
||||
title="Os nossos serviços"
|
||||
description="Cuidamos de todos os detalhes para garantir um acabamento perfeito."
|
||||
@@ -134,56 +99,27 @@ export default function LandingPage() {
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
textboxLayout="split-actions"
|
||||
buttons={[{text: "Ver todos os pacotes", href: "#"}]}
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Essentials",
|
||||
price: "49€",
|
||||
period: "/serviço",
|
||||
description: "Lavagem rápida e aspiração básica.",
|
||||
button: {
|
||||
text: "Reservar",
|
||||
},
|
||||
featuresTitle: "O que inclui",
|
||||
features: [
|
||||
"Aspiração",
|
||||
"Limpeza vidros",
|
||||
"Lavagem exterior",
|
||||
],
|
||||
id: "basic", tag: "Essentials", price: "49€", period: "/serviço", description: "Lavagem rápida e aspiração básica.", button: {
|
||||
text: "Reservar"},
|
||||
featuresTitle: "O que inclui", features: [
|
||||
"Aspiração", "Limpeza vidros", "Lavagem exterior"],
|
||||
},
|
||||
{
|
||||
id: "standard",
|
||||
tag: "Popular",
|
||||
price: "89€",
|
||||
period: "/serviço",
|
||||
description: "Limpeza profunda de todo o interior.",
|
||||
button: {
|
||||
text: "Reservar",
|
||||
},
|
||||
featuresTitle: "O que inclui",
|
||||
features: [
|
||||
"Tudo no Essencial",
|
||||
"Limpeza bancos",
|
||||
"Higienização estofos",
|
||||
],
|
||||
id: "standard", tag: "Popular", price: "89€", period: "/serviço", description: "Limpeza profunda de todo o interior.", button: {
|
||||
text: "Reservar"},
|
||||
featuresTitle: "O que inclui", features: [
|
||||
"Tudo no Essencial", "Limpeza bancos", "Higienização estofos"],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
tag: "Completo",
|
||||
price: "149€",
|
||||
period: "/serviço",
|
||||
description: "Tratamento VIP para o seu veículo.",
|
||||
button: {
|
||||
text: "Reservar",
|
||||
},
|
||||
featuresTitle: "O que inclui",
|
||||
features: [
|
||||
"Tudo no Standard",
|
||||
"Tratamento couro",
|
||||
"Polimento manual",
|
||||
],
|
||||
id: "premium", tag: "Completo", price: "149€", period: "/serviço", description: "Tratamento VIP para o seu veículo.", button: {
|
||||
text: "Reservar"},
|
||||
featuresTitle: "O que inclui", features: [
|
||||
"Tudo no Standard", "Tratamento couro", "Polimento manual"],
|
||||
},
|
||||
]}
|
||||
title="Pacotes de Limpeza"
|
||||
@@ -198,23 +134,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
team={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "João Silva",
|
||||
role: "Especialista Detalhe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-changing-wheel_23-2150171279.jpg",
|
||||
},
|
||||
id: "t1", name: "João Silva", role: "Especialista Detalhe", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-changing-wheel_23-2150171279.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Maria Sousa",
|
||||
role: "Limpeza Estofos",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-window-cleaner_23-2148915830.jpg",
|
||||
},
|
||||
id: "t2", name: "Maria Sousa", role: "Limpeza Estofos", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-window-cleaner_23-2148915830.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Pedro Santos",
|
||||
role: "Lavagem Técnica",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-holding-lung-wrench_1170-1590.jpg",
|
||||
},
|
||||
id: "t3", name: "Pedro Santos", role: "Lavagem Técnica", imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-holding-lung-wrench_1170-1590.jpg"},
|
||||
]}
|
||||
title="A nossa equipa especializada"
|
||||
description="Profissionais dedicados aos melhores resultados."
|
||||
@@ -227,60 +151,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ana Martins",
|
||||
date: "12/03/2024",
|
||||
title: "Serviço incrível!",
|
||||
quote: "O carro parece novo. Recomendo vivamente.",
|
||||
tag: "Cliente fiel",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/south-asian-man-indian-male-washing-his-white-transportation-car-wash_627829-5004.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-car-s-black-modern-interior-perfect_181624-33164.jpg?_wi=2",
|
||||
imageAlt: "satisfied customer portrait",
|
||||
},
|
||||
id: "1", name: "Ana Martins", date: "12/03/2024", title: "Serviço incrível!", quote: "O carro parece novo. Recomendo vivamente.", tag: "Cliente fiel", avatarSrc: "http://img.b2bpic.net/free-photo/south-asian-man-indian-male-washing-his-white-transportation-car-wash_627829-5004.jpg", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-car-s-black-modern-interior-perfect_181624-33164.jpg?_wi=2", imageAlt: "satisfied customer portrait"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Carlos Lima",
|
||||
date: "15/04/2024",
|
||||
title: "Profissionalismo",
|
||||
quote: "Excelente trabalho nos estofos. Muito detalhistas.",
|
||||
tag: "Cliente fiel",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/asian-businesswoman-taking-taxi-rainy-street_1098-14932.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212227.jpg?_wi=2",
|
||||
imageAlt: "satisfied customer portrait",
|
||||
},
|
||||
id: "2", name: "Carlos Lima", date: "15/04/2024", title: "Profissionalismo", quote: "Excelente trabalho nos estofos. Muito detalhistas.", tag: "Cliente fiel", avatarSrc: "http://img.b2bpic.net/free-photo/asian-businesswoman-taking-taxi-rainy-street_1098-14932.jpg", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212227.jpg?_wi=2", imageAlt: "satisfied customer portrait"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sofia Mendes",
|
||||
date: "20/05/2024",
|
||||
title: "Perfeito",
|
||||
quote: "Limpeza impecável, atendimento 5 estrelas.",
|
||||
tag: "Cliente novo",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/it-s-mercy-that-i-have-wireless-internet-here_329181-11608.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-polish-salon-car-garage_1157-36594.jpg?_wi=2",
|
||||
imageAlt: "satisfied customer portrait",
|
||||
},
|
||||
id: "3", name: "Sofia Mendes", date: "20/05/2024", title: "Perfeito", quote: "Limpeza impecável, atendimento 5 estrelas.", tag: "Cliente novo", avatarSrc: "http://img.b2bpic.net/free-photo/it-s-mercy-that-i-have-wireless-internet-here_329181-11608.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-polish-salon-car-garage_1157-36594.jpg?_wi=2", imageAlt: "satisfied customer portrait"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Ricardo Costa",
|
||||
date: "22/05/2024",
|
||||
title: "Rápido e eficiente",
|
||||
quote: "O melhor detalhe automóvel da região.",
|
||||
tag: "Cliente fiel",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-mechanic-greeting-with-his-african-american-coworker-auto-repair-shop_637285-11601.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194085.jpg",
|
||||
imageAlt: "satisfied customer portrait",
|
||||
},
|
||||
id: "4", name: "Ricardo Costa", date: "22/05/2024", title: "Rápido e eficiente", quote: "O melhor detalhe automóvel da região.", tag: "Cliente fiel", avatarSrc: "http://img.b2bpic.net/free-photo/happy-mechanic-greeting-with-his-african-american-coworker-auto-repair-shop_637285-11601.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194085.jpg", imageAlt: "satisfied customer portrait"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Patrícia Alves",
|
||||
date: "05/06/2024",
|
||||
title: "Satisfeita",
|
||||
quote: "Adorei a atenção aos pormenores.",
|
||||
tag: "Cliente fiel",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-female-mechanic-holding-wrench_23-2148327565.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-black-mask-sitting-inside-car_1157-34251.jpg?_wi=2",
|
||||
imageAlt: "satisfied customer portrait",
|
||||
},
|
||||
id: "5", name: "Patrícia Alves", date: "05/06/2024", title: "Satisfeita", quote: "Adorei a atenção aos pormenores.", tag: "Cliente fiel", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-female-mechanic-holding-wrench_23-2148327565.jpg", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-black-mask-sitting-inside-car_1157-34251.jpg?_wi=2", imageAlt: "satisfied customer portrait"},
|
||||
]}
|
||||
title="O que dizem os nossos clientes"
|
||||
description="Qualidade comprovada pelos nossos clientes."
|
||||
@@ -292,20 +171,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Quanto tempo demora?",
|
||||
content: "Em média, 2 a 4 horas dependendo do serviço.",
|
||||
},
|
||||
id: "f1", title: "Quanto tempo demora?", content: "Em média, 2 a 4 horas dependendo do serviço."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Como agendar?",
|
||||
content: "Pode agendar diretamente pelo formulário de contacto.",
|
||||
},
|
||||
id: "f2", title: "Como agendar?", content: "Pode agendar diretamente pelo formulário de contacto."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Utilizam produtos ecológicos?",
|
||||
content: "Sim, todos os nossos produtos são certificados e seguros.",
|
||||
},
|
||||
id: "f3", title: "Utilizam produtos ecológicos?", content: "Sim, todos os nossos produtos são certificados e seguros."},
|
||||
]}
|
||||
sideTitle="Questões Frequentes"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -316,16 +186,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contacto"
|
||||
title="Pronto para agendar o seu detalhe?"
|
||||
description="Entre em contacto connosco e peça já um orçamento personalizado."
|
||||
buttons={[
|
||||
{
|
||||
text: "Enviar mensagem",
|
||||
href: "#",
|
||||
},
|
||||
text: "Enviar mensagem", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -334,29 +201,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Empresa",
|
||||
items: [
|
||||
title: "Empresa", items: [
|
||||
{
|
||||
label: "Sobre nós",
|
||||
href: "#",
|
||||
},
|
||||
label: "Sobre nós", href: "#"},
|
||||
{
|
||||
label: "Serviços",
|
||||
href: "#",
|
||||
},
|
||||
label: "Serviços", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacidade",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacidade", href: "#"},
|
||||
{
|
||||
label: "Termos",
|
||||
href: "#",
|
||||
},
|
||||
label: "Termos", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -367,4 +224,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user