327 lines
17 KiB
TypeScript
327 lines
17 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import { CalendarDays, CheckCircle, Handshake, Phone, Search, ShieldCheck, Star, Tag, ThumbsUp, Users, Wallet } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="compact"
|
|
sizing="large"
|
|
background="fluid"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Viaturas", id: "viaturas"},
|
|
{
|
|
name: "Sobre Nós", id: "sobre-nos"},
|
|
{
|
|
name: "Avaliações", id: "avaliacoes"},
|
|
{
|
|
name: "Contacto", id: "contacto"},
|
|
]}
|
|
brandName="ColibriAuto STAND"
|
|
button={{
|
|
text: "Ver Viaturas", href: "#viaturas"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitKpi
|
|
background={{
|
|
variant: "plain"}}
|
|
imagePosition="right"
|
|
title="ENCONTRA O CARRO QUE MERECES"
|
|
description="Stand familiar em Matosinhos. Confiança, atenção personalizada e viaturas de qualidade."
|
|
kpis={[
|
|
{
|
|
value: "⭐ 4.9/5", label: "Avaliação"},
|
|
{
|
|
value: "0€", label: "Entrada"},
|
|
{
|
|
value: "+100", label: "Viaturas"},
|
|
]}
|
|
enableKpiAnimation={true}
|
|
buttons={[
|
|
{
|
|
text: "Ver Stock Disponível", href: "#viaturas"},
|
|
{
|
|
text: "Falar no WhatsApp", href: "https://wa.me/351928492602"
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/empty-floor-with-modern-skyline-buildings-night-shanghai_1127-3164.jpg?_wi=1"
|
|
imageAlt="Luxury car dealership interior"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-customer-car-dealership_23-2149117120.jpg", alt: "Cliente satisfeito"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-man-posing-near-his-modern-car_651396-2811.jpg", alt: "Cliente a receber a viatura"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-jolly-car-dealership-agent-hired-respond-client-inquiries_482257-118268.jpg", alt: "Consultor de vendas"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/handsome-man-standing-front-car-car-showroom_1303-17540.jpg", alt: "Membro da equipa ColibriAuto"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/sales-woman-car-shworoom_1303-29657.jpg", alt: "Colaboradora ColibriAuto"},
|
|
]}
|
|
marqueeItems={[
|
|
{
|
|
type: "text-icon", text: "Financiamento Flexível", icon: Wallet,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Garantia Incluída", icon: ShieldCheck,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Satisfação Garantida", icon: ThumbsUp,
|
|
},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/sales-woman-car-shworoom_1303-29635.jpg", alt: "Mulher sorridente com chaves de carro"},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/woman-happy-just-bought-her-new-car_1303-29665.jpg", alt: "Cliente feliz com carro novo"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "⭐ 4.9/5", title: "Avaliação Google", description: "Média das nossas avaliações no Google pelos nossos clientes.", icon: Star,
|
|
},
|
|
{
|
|
id: "m2", value: "0€", title: "Taxa de Entrada", description: "Oferecemos financiamento sem taxa de entrada inicial.", icon: Tag,
|
|
},
|
|
{
|
|
id: "m3", value: "+10", title: "Anos de Experiência", description: "Década de experiência no mercado de viaturas usadas.", icon: CalendarDays,
|
|
},
|
|
{
|
|
id: "m4", value: "+500", title: "Clientes Satisfeitos", description: "Centenas de clientes que encontraram o carro dos seus sonhos connosco.", icon: Users,
|
|
},
|
|
]}
|
|
title="A nossa dedicação em números"
|
|
description="Veja o que nos diferencia e por que somos a sua melhor escolha para viaturas usadas."
|
|
/>
|
|
</div>
|
|
|
|
<div id="sobre-nos" data-section="sobre-nos">
|
|
<FeatureCardTen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Inspeção Rigorosa", description: "Todos os veículos passam por uma verificação detalhada para garantir a sua segurança e fiabilidade.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-set-metal-wrenches_23-2148428302.jpg?_wi=1", imageAlt: "Inspeção rigorosa"},
|
|
items: [
|
|
{
|
|
icon: Search,
|
|
text: "Verificação detalhada"},
|
|
],
|
|
reverse: false
|
|
},
|
|
{
|
|
title: "Atendimento Personalizado", description: "Conhecemos cada cliente pelo nome e oferecemos um serviço à medida das suas necessidades.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-buying-car_1303-13694.jpg?_wi=1", imageAlt: "Atendimento personalizado"},
|
|
items: [
|
|
{
|
|
icon: Handshake,
|
|
text: "Suporte dedicado"},
|
|
],
|
|
reverse: true
|
|
},
|
|
{
|
|
title: "Entrega em Perfeitas Condições", description: "Garantimos que a sua nova viatura é entregue impecável, pronta para a estrada.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-seller-car-dealership_23-2149106158.jpg?_wi=1", imageAlt: "Entrega em perfeitas condições"},
|
|
items: [
|
|
{
|
|
icon: CheckCircle,
|
|
text: "Qualidade garantida"},
|
|
],
|
|
reverse: false
|
|
},
|
|
]}
|
|
title="Um stand diferente. Uma equipa que te conhece."
|
|
description="Somos um negócio familiar em Matosinhos, dedicados a oferecer um atendimento personalizado desde o primeiro contacto até à entrega da sua viatura. Cada carro é inspecionado rigorosamente para garantir a máxima qualidade e satisfação."
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardFive
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
team={[
|
|
{
|
|
id: "member-1", name: "João Silva", role: "Fundador & CEO", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-choosimng-car-car-showroom_1303-26290.jpg"},
|
|
{
|
|
id: "member-2", name: "Maria Silva", role: "Gestora de Vendas", imageSrc: "http://img.b2bpic.net/free-photo/sales-woman-car-shworoom_1303-29633.jpg"},
|
|
{
|
|
id: "member-3", name: "Pedro Antunes", role: "Técnico Chefe", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-working-laptop_1170-1583.jpg"},
|
|
]}
|
|
title="A nossa equipa familiar"
|
|
description="Conheça as pessoas por trás da ColibriAuto Stand, que garantem um atendimento caloroso e profissional a cada cliente."
|
|
/>
|
|
</div>
|
|
|
|
<div id="viaturas" data-section="viaturas">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "car-1", name: "Mercedes-Benz C220 CDI", price: "€28.500", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-choosing-car-car-showroom_1303-17455.jpg?_wi=1", imageAlt: "Mercedes-Benz C220 CDI"},
|
|
{
|
|
id: "car-2", name: "Audi A4 Avant", price: "€24.900", imageSrc: "http://img.b2bpic.net/free-photo/happy-customers-car-dealership_23-2149106171.jpg", imageAlt: "Audi A4 Avant"},
|
|
{
|
|
id: "car-3", name: "BMW 320d Touring", price: "€27.000", imageSrc: "http://img.b2bpic.net/free-photo/it-has-few-special-functions-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16061.jpg", imageAlt: "BMW 320d Touring"},
|
|
{
|
|
id: "car-4", name: "Volkswagen Golf VII", price: "€16.800", imageSrc: "http://img.b2bpic.net/free-photo/car-asphalt-road-summer_1127-3180.jpg", imageAlt: "Volkswagen Golf VII"},
|
|
{
|
|
id: "car-5", name: "Renault Clio V", price: "€13.200", imageSrc: "http://img.b2bpic.net/free-photo/grey-sedan-driving-city-street-with-traffic-dynamic-commute_169016-69795.jpg", imageAlt: "Renault Clio V"},
|
|
{
|
|
id: "car-6", name: "Peugeot 308 SW", price: "€15.500", imageSrc: "http://img.b2bpic.net/free-photo/3d-car-city-street_23-2150796850.jpg", imageAlt: "Peugeot 308 SW"},
|
|
]}
|
|
title="VIATURAS DISPONÍVEIS"
|
|
description="Descubra a nossa vasta gama de viaturas usadas de alta qualidade, todas inspecionadas e prontas para a estrada."
|
|
buttons={[
|
|
{
|
|
text: "Ver Todo o Stock", href: "#viaturas"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="avaliacoes" data-section="avaliacoes">
|
|
<TestimonialCardSix
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "rev-1", name: "Francisco", handle: "@Francisco", testimonial: "Staff super simpática e eficaz. Muito simpáticos e atenciosos. Comprei o meu carro e até hoje nenhum problema.", icon: Star,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/people-holding-icons-digital-brands_53876-71092.jpg", imageAlt: "whatsapp icon green circle"},
|
|
{
|
|
id: "rev-2", name: "Pedro Miguel", handle: "@PedroMiguel", testimonial: "Excelente organização e atendimento desde o primeiro contacto até à entrega da viatura, tudo em perfeitas condições.", icon: Star,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/empty-floor-with-modern-skyline-buildings-night-shanghai_1127-3164.jpg?_wi=2", imageAlt: "whatsapp icon green circle"},
|
|
{
|
|
id: "rev-3", name: "Andreia Rodrigues", handle: "@AndreiaRodrigues", testimonial: "Stand com veículos para todos os gostos. Serviço e staff 5 estrelas, sempre disponíveis para ajudar.", icon: Star,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-set-metal-wrenches_23-2148428302.jpg?_wi=2", imageAlt: "whatsapp icon green circle"},
|
|
{
|
|
id: "rev-4", name: "Diogo Rodrigues", handle: "@DiogoRodrigues", testimonial: "Pessoal extremamente simpático e competente. 5 estrelas no atendimento!", icon: Star,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-buying-car_1303-13694.jpg?_wi=2", imageAlt: "whatsapp icon green circle"},
|
|
{
|
|
id: "rev-5", name: "Tiago Gonçalves", handle: "@TiagoGoncalves", testimonial: "Stand top com veículos de excelente fiabilidade! Staff atencioso e sempre disponível!", icon: Star,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-seller-car-dealership_23-2149106158.jpg?_wi=2", imageAlt: "whatsapp icon green circle"},
|
|
{
|
|
id: "rev-6", name: "Marta Pereira", handle: "@MartaP", testimonial: "Serviço impecável! Ajudaram-me a encontrar o carro perfeito para a minha família. Recomendo!", icon: Star,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-choosing-car-car-showroom_1303-17455.jpg?_wi=2", imageAlt: "whatsapp icon green circle"},
|
|
]}
|
|
title="O que dizem os nossos clientes"
|
|
description="Confiança e satisfação são as palavras dos nossos clientes. Veja as suas experiências com a ColibriAuto Stand."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "faq-1", title: "Aceitam retomas?", content: "Sim, aceitamos retomas da sua viatura atual. Avaliamos o seu carro de forma justa e transparente para facilitar a compra da sua nova viatura."},
|
|
{
|
|
id: "faq-2", title: "Oferecem financiamento?", content: "Trabalhamos com diversas entidades financeiras para lhe oferecer as melhores condições de financiamento, com ou sem entrada inicial, adaptadas às suas necessidades."},
|
|
{
|
|
id: "faq-3", title: "As viaturas têm garantia?", content: "Todas as nossas viaturas são vendidas com garantia, conforme a legislação em vigor, para sua total tranquilidade e segurança."},
|
|
{
|
|
id: "faq-4", title: "Posso fazer um test drive?", content: "Sim, incentivamos todos os nossos clientes a realizar um test drive antes de tomar uma decisão. Contacte-nos para agendar o seu."},
|
|
{
|
|
id: "faq-5", title: "Onde estão localizados?", content: "O nosso stand está localizado na Av. Mário Brito 3343, 4455-495 Perafita, Matosinhos, Portugal. Visite-nos durante o nosso horário de funcionamento."},
|
|
{
|
|
id: "faq-6", title: "Como posso contactar-vos?", content: "Pode contactar-nos por telefone, WhatsApp, email ou através do formulário de contacto no nosso website. Estamos disponíveis para o ajudar."},
|
|
]}
|
|
title="Perguntas Frequentes"
|
|
description="Encontre respostas para as suas dúvidas mais comuns sobre o processo de compra e venda de viaturas."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contacto" data-section="contacto">
|
|
<ContactCTA
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "plain"}}
|
|
tag="Contacto"
|
|
title="Pronto para encontrar o teu carro?"
|
|
description="Visita-nos em Perafita para veres as nossas viaturas ou fala connosco hoje mesmo. Estamos na Av. Mário Brito 3343, 4455-495 Perafita, Matosinhos. A nossa equipa está pronta para te ajudar a encontrar o carro perfeito."
|
|
buttons={[
|
|
{
|
|
text: "Ligar Agora", href: "tel:+351928492602"
|
|
},
|
|
{
|
|
text: "WhatsApp", href: "https://wa.me/351928492602"
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Links Rápidos", items: [
|
|
{
|
|
label: "Viaturas", href: "#viaturas"},
|
|
{
|
|
label: "Sobre Nós", href: "#sobre-nos"},
|
|
{
|
|
label: "Avaliações", href: "#avaliacoes"},
|
|
{
|
|
label: "Contacto", href: "#contacto"},
|
|
],
|
|
},
|
|
{
|
|
title: "Contacto", items: [
|
|
{
|
|
label: "Telefone: +351 928 492 602", href: "tel:+351928492602"},
|
|
{
|
|
label: "Email: info@colibriauto.pt", href: "mailto:info@colibriauto.pt"},
|
|
{
|
|
label: "Instagram: @colibriauto_stand", href: "https://www.instagram.com/colibriauto_stand/"},
|
|
],
|
|
},
|
|
]}
|
|
bottomLeftText="ColibriAuto Stand"
|
|
bottomRightText="© 2025 ColibriAuto Stand · Todos os direitos reservados"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|