bender/f46caf30-c587-4e1b-ae84-2ae5aa401f68
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #1

Merged
bender merged 2 commits from version_2 into main 2026-04-27 19:11:09 +00:00
Conversation 0 Commits 2 Files Changed 2 +69 -173
2 changed files with 69 additions and 173 deletions
Download Patch File Download Diff File Expand all files Collapse all files

232
src/app/page.tsx
View File

@@ -32,27 +32,17 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Início",
id: "hero",
},
name: "Início", id: "hero"},
{
name: "Serviços",
id: "services",
},
name: "Serviços", id: "services"},
{
name: "Diferencial",
id: "about",
},
name: "Diferencial", id: "about"},
{
name: "Contato",
id: "contact",
},
name: "Contato", id: "contact"},
]}
brandName="Top Car"
button={{
text: "WhatsApp",
href: "https://wa.me/5554991710944",
}}
text: "WhatsApp", href: "https://wa.me/5554991710944"}}
/>
</div>
@@ -60,103 +50,63 @@ export default function LandingPage() {
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
mediaAnimation="slide-up"
tagAnimation="slide-up"
buttonAnimation="slide-up"
title="Mecânica de Confiança em Caxias do Sul"
description="Transparência total no orçamento e serviços realizados apenas com sua autorização prévia. Qualidade e honestidade que você merece."
testimonials={[
{
name: "Brenda",
handle: "@cliente",
testimonial: "Excelente serviço, 10/10 e de total confiança!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2596.jpg",
},
name: "Brenda", handle: "@cliente", testimonial: "Excelente serviço, 10/10 e de total confiança!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2596.jpg"},
{
name: "Leonardo",
handle: "@cliente",
testimonial: "Explicam o que precisa ser substituído, fazem orçamento, preço justo.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-surprised-handsome-guy-with-beard-looking-amused-smiling-happy-camera-standing-blu_1258-152687.jpg",
},
name: "Leonardo", handle: "@cliente", testimonial: "Explicam o que precisa ser substituído, fazem orçamento, preço justo.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-surprised-handsome-guy-with-beard-looking-amused-smiling-happy-camera-standing-blu_1258-152687.jpg"},
{
name: "Maria Silva",
handle: "@cliente",
testimonial: "Melhor oficina do bairro Kayser, muito honestos.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-giving-thumb-up_23-2147650951.jpg",
},
name: "Maria Silva", handle: "@cliente", testimonial: "Melhor oficina do bairro Kayser, muito honestos.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-giving-thumb-up_23-2147650951.jpg"},
{
name: "João Santos",
handle: "@cliente",
testimonial: "Serviço rápido e com peças de qualidade.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-glasses-shaking-hands-with-female-partner-meeting-co-working-space_74855-10006.jpg",
},
name: "João Santos", handle: "@cliente", testimonial: "Serviço rápido e com peças de qualidade.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-glasses-shaking-hands-with-female-partner-meeting-co-working-space_74855-10006.jpg"},
{
name: "Ana Souza",
handle: "@cliente",
testimonial: "Transparência total desde o orçamento.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-talking-phone_23-2148230757.jpg",
},
name: "Ana Souza", handle: "@cliente", testimonial: "Transparência total desde o orçamento.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-talking-phone_23-2148230757.jpg"},
]}
buttons={[
{
text: "Agendar Avaliação",
href: "https://wa.me/5554991710944",
},
text: "Agendar Avaliação", href: "https://wa.me/5554991710944"},
]}
imageSrc="http://img.b2bpic.net/free-photo/advanced-diagnostic-lab-with-metallic-equipment-sterile-testing-environment_482257-124278.jpg"
imageAlt="Oficina Top Car limpa e organizada"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/looking-arrogant-successful-positive-proud-pointing-self_1194-632375.jpg",
alt: "Cliente satisfeito",
},
src: "http://img.b2bpic.net/free-photo/looking-arrogant-successful-positive-proud-pointing-self_1194-632375.jpg", alt: "Cliente satisfeito"},
{
src: "http://img.b2bpic.net/free-photo/crazy-hippie-man-happy-expression_1194-3967.jpg",
alt: "Cliente satisfeito",
},
src: "http://img.b2bpic.net/free-photo/crazy-hippie-man-happy-expression_1194-3967.jpg", alt: "Cliente satisfeito"},
{
src: "http://img.b2bpic.net/free-photo/cheeky-smiling-young-man-say-no-problem-well-done-man-praise-good-choice-showing-okay-gesture-satisfied_176420-26376.jpg",
alt: "Cliente satisfeito",
},
src: "http://img.b2bpic.net/free-photo/cheeky-smiling-young-man-say-no-problem-well-done-man-praise-good-choice-showing-okay-gesture-satisfied_176420-26376.jpg", alt: "Cliente satisfeito"},
{
src: "http://img.b2bpic.net/free-photo/crazy-man-funny-expression_1194-3203.jpg",
alt: "Cliente satisfeito",
},
src: "http://img.b2bpic.net/free-photo/crazy-man-funny-expression_1194-3203.jpg", alt: "Cliente satisfeito"},
{
src: "http://img.b2bpic.net/free-photo/close-up-view-curly-hair-man-smile-camera_197531-33412.jpg",
alt: "Cliente satisfeito",
},
src: "http://img.b2bpic.net/free-photo/close-up-view-curly-hair-man-smile-camera_197531-33412.jpg", alt: "Cliente satisfeito"},
]}
avatarText="Mais de 50 clientes satisfeitos"
marqueeItems={[
{
type: "text-icon",
text: "Multimarcas",
icon: CheckCircle,
type: "text-icon", text: "Multimarcas", icon: CheckCircle,
},
{
type: "text-icon",
text: "Peças Originais",
icon: Shield,
type: "text-icon", text: "Peças Originais", icon: Shield,
},
{
type: "text-icon",
text: "Orçamento Justo",
icon: DollarSign,
type: "text-icon", text: "Orçamento Justo", icon: DollarSign,
},
{
type: "text-icon",
text: "Atendimento Ágil",
icon: Clock,
type: "text-icon", text: "Atendimento Ágil", icon: Clock,
},
{
type: "text-icon",
text: "Garantia Real",
icon: Wrench,
type: "text-icon", text: "Garantia Real", icon: Wrench,
},
]}
/>
@@ -166,15 +116,10 @@ export default function LandingPage() {
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
tagAnimation="slide-up"
buttonAnimation="slide-up"
names={[
"Google Maps Top Rated",
"Bairro Kayser Recomendado",
"Transparência Aprovada",
"Preço Justo Garantido",
"Atendimento Premium",
"Especialistas Multimarcas",
"Confiança Total",
]}
"Google Maps Top Rated", "Bairro Kayser Recomendado", "Transparência Aprovada", "Preço Justo Garantido", "Atendimento Premium", "Especialistas Multimarcas", "Confiança Total"]}
title="Nota 4.8 no Google"
description="Mais de 51 avaliações de clientes satisfeitos na região."
/>
@@ -183,39 +128,23 @@ export default function LandingPage() {
<div id="services" data-section="services">
<FeatureCardSeven
animationType="slide-up"
tagAnimation="slide-up"
buttonAnimation="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Revisão Preventiva",
description: "Check-up completo para evitar falhas inesperadas.",
imageSrc: "http://img.b2bpic.net/free-photo/car-joy-smiling-spanner-occupation_1134-982.jpg",
},
title: "Revisão Preventiva", description: "Check-up completo para evitar falhas inesperadas.", imageSrc: "http://img.b2bpic.net/free-photo/car-joy-smiling-spanner-occupation_1134-982.jpg"},
{
title: "Freios",
description: "Manutenção especializada no sistema de frenagem.",
imageSrc: "http://img.b2bpic.net/free-vector/car-service-icons-set-with-repairmen-auto-details-instruments_1284-33904.jpg",
},
title: "Freios", description: "Manutenção especializada no sistema de frenagem.", imageSrc: "http://img.b2bpic.net/free-vector/car-service-icons-set-with-repairmen-auto-details-instruments_1284-33904.jpg"},
{
title: "Suspensão",
description: "Estabilidade e conforto total na condução.",
imageSrc: "http://img.b2bpic.net/free-vector/20-mechanics-flat-color-icon-presentation_1142-22255.jpg",
},
title: "Suspensão", description: "Estabilidade e conforto total na condução.", imageSrc: "http://img.b2bpic.net/free-vector/20-mechanics-flat-color-icon-presentation_1142-22255.jpg"},
{
title: "Injeção Eletrônica",
description: "Diagnóstico preciso para otimizar a performance.",
imageSrc: "http://img.b2bpic.net/free-photo/laptop-car-engine_1170-1250.jpg",
},
title: "Injeção Eletrônica", description: "Diagnóstico preciso para otimizar a performance.", imageSrc: "http://img.b2bpic.net/free-photo/laptop-car-engine_1170-1250.jpg"},
{
title: "Troca de Óleo",
description: "Lubrificação essencial para a vida útil do motor.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=662vm3",
},
title: "Troca de Óleo", description: "Lubrificação essencial para a vida útil do motor.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=662vm3"},
{
title: "Motor",
description: "Reparos profundos realizados por especialistas.",
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-examining-car-engine_1170-1282.jpg",
},
title: "Motor", description: "Reparos profundos realizados por especialistas.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-examining-car-engine_1170-1282.jpg"},
]}
title="Nossos Serviços"
description="Soluções completas para manter seu veículo sempre em dia com segurança."
@@ -228,19 +157,13 @@ export default function LandingPage() {
title="Por que escolher a Top Car?"
metrics={[
{
label: "Orçamento Transparente",
value: "100%",
icon: CheckCircle,
label: "Orçamento Transparente", value: "100%", icon: CheckCircle,
},
{
label: "Avaliação Google",
value: "4.8",
icon: Star,
label: "Avaliação Google", value: "4.8", icon: Star,
},
{
label: "Peças Originais",
value: "Garantia",
icon: Shield,
label: "Peças Originais", value: "Garantia", icon: Shield,
},
]}
metricsAnimation="blur-reveal"
@@ -255,25 +178,15 @@ export default function LandingPage() {
author="Leonardo"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-857.jpg",
alt: "Cliente Satisfeito",
},
src: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-857.jpg", alt: "Cliente Satisfeito"},
{
src: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",
alt: "Cliente Satisfeito",
},
src: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg", alt: "Cliente Satisfeito"},
{
src: "http://img.b2bpic.net/free-photo/carefree-smiling-guy-has-happy-facial-expression-laughs-something-positive-shows-white-teeth-wears-orange-poloneck_273609-33576.jpg",
alt: "Cliente Satisfeito",
},
src: "http://img.b2bpic.net/free-photo/carefree-smiling-guy-has-happy-facial-expression-laughs-something-positive-shows-white-teeth-wears-orange-poloneck_273609-33576.jpg", alt: "Cliente Satisfeito"},
{
src: "http://img.b2bpic.net/free-photo/carefree-joyful-handsome-afro-american-man-with-bushy-hairstyle_273609-14083.jpg",
alt: "Cliente Satisfeito",
},
src: "http://img.b2bpic.net/free-photo/carefree-joyful-handsome-afro-american-man-with-bushy-hairstyle_273609-14083.jpg", alt: "Cliente Satisfeito"},
{
src: "http://img.b2bpic.net/free-photo/portrait-happy-young-woman-smiles-brroadly-wears-casual-turtleneck-feels-pleased-poses-glad-against-red-background-joyful-female-model-has-cheerful-expression-feels-optimistic-enjoys-good-day_273609-57948.jpg",
alt: "Cliente Satisfeito",
},
src: "http://img.b2bpic.net/free-photo/portrait-happy-young-woman-smiles-brroadly-wears-casual-turtleneck-feels-pleased-poses-glad-against-red-background-joyful-female-model-has-cheerful-expression-feels-optimistic-enjoys-good-day_273609-57948.jpg", alt: "Cliente Satisfeito"},
]}
ratingAnimation="blur-reveal"
avatarsAnimation="slide-up"
@@ -284,22 +197,15 @@ export default function LandingPage() {
<FaqDouble
textboxLayout="split"
useInvertedBackground={false}
tagAnimation="slide-up"
buttonAnimation="slide-up"
faqs={[
{
id: "1",
title: "Vocês trabalham com quais marcas?",
content: "Somos uma oficina multimarcas preparada para todos os modelos.",
},
id: "1", title: "Vocês trabalham com quais marcas?", content: "Somos uma oficina multimarcas preparada para todos os modelos."},
{
id: "2",
title: "Como funciona o orçamento?",
content: "Realizamos o diagnóstico e enviamos o orçamento completo antes de iniciar o serviço.",
},
id: "2", title: "Como funciona o orçamento?", content: "Realizamos o diagnóstico e enviamos o orçamento completo antes de iniciar o serviço."},
{
id: "3",
title: "Vocês aceitam parcelamento?",
content: "Consulte nossas condições de pagamento diretamente pelo WhatsApp.",
},
id: "3", title: "Vocês aceitam parcelamento?", content: "Consulte nossas condições de pagamento diretamente pelo WhatsApp."},
]}
title="Dúvidas Frequentes"
description="Estamos aqui para esclarecer qualquer questão sobre seu veículo."
@@ -311,14 +217,12 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
animationType="entrance-slide"
text="Pronto para cuidar do seu carro? Agende sua avaliação hoje mesmo na Top Car Mecânica."
buttons={[
{
text: "Falar no WhatsApp",
href: "https://wa.me/5554991710944",
},
text: "Falar no WhatsApp", href: "https://wa.me/5554991710944"},
]}
/>
</div>
@@ -327,29 +231,21 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Localização",
items: [
title: "Localização", items: [
{
label: "R. Antônio Berti, 2091 - Kayser",
},
label: "R. Antônio Berti, 2091 - Kayser"},
{
label: "Caxias do Sul - RS",
},
label: "Caxias do Sul - RS"},
],
},
{
title: "Atendimento",
items: [
title: "Atendimento", items: [
{
label: "Segunda a Sexta",
},
label: "Segunda a Sexta"},
{
label: "Até as 18:30",
},
label: "Até as 18:30"},
{
label: "(54) 99171-0944",
href: "https://wa.me/5554991710944",
},
label: "(54) 99171-0944", href: "https://wa.me/5554991710944"},
],
},
]}

10
src/app/styles/variables.css
View File

@@ -12,13 +12,13 @@
--background: #ffffff;
--card: #f9f9f9;
--foreground: #1A365D;
--primary-cta: #E53E3E;
--foreground: #120a00e6;
--primary-cta: #FF7B05;
--primary-cta-text: #ffffff;
--secondary-cta: #1A365D;
--secondary-cta: #f9f9f9;
--secondary-cta-text: #ffffff;
--accent: #E2E2E2;
--background-accent: #F8F9FA;
--accent: #e2e2e2;
--background-accent: #FF7B05;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);