281 lines
16 KiB
TypeScript
281 lines
16 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import { Car, Code, Cog, Flame, Gauge, Grip, Headphones, Phone, Sparkles, Star, Wrench } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="smallMedium"
|
|
sizing="medium"
|
|
background="floatingGradient"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#home"},
|
|
{
|
|
name: "Sobre", id: "#about"},
|
|
{
|
|
name: "Serviços", id: "#services"},
|
|
{
|
|
name: "Galeria", id: "#gallery"},
|
|
{
|
|
name: "Depoimentos", id: "#testimonials"},
|
|
{
|
|
name: "Contato", id: "#contact"},
|
|
]}
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bgljio"
|
|
logoAlt="Atomic Motorsport Logo"
|
|
brandName="Atomic Motorsport"
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroCentered
|
|
background={{
|
|
variant: "downward-rays-animated-grid"}}
|
|
title="Performance, Potência e Tecnologia para seu Veículo"
|
|
description="Especialistas em remapeamento, preparação automotiva, escapamentos esportivos, suspensão e upgrades de performance."
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/mechanic-standing-repair-garage_1170-1574.jpg", alt: "Mecânico Especialista"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/female-mechanic-smiling-while-servicing-car_1170-1239.jpg", alt: "Engenheira Automotiva"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/muslim-couple-traveling-together_23-2149305596.jpg", alt: "Cliente Satisfeito"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg", alt: "Cliente Entusiasmada"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/happy-african-american-auto-mechanic-repair-shop_637285-9436.jpg", alt: "Feliz Mecânico Africano Americano"},
|
|
]}
|
|
avatarText="Mais de 10 anos de experiência"
|
|
buttons={[
|
|
{
|
|
text: "Solicitar Orçamento", href: "#contact"},
|
|
{
|
|
text: "Falar no WhatsApp", href: "https://wa.me/5543999916566"},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
marqueeItems={[
|
|
{
|
|
type: "text-icon", text: "Potência Aumentada", icon: Gauge,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Resposta Imediata", icon: Gauge,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Dirigibilidade Aprimorada", icon: Car,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Ronco Esportivo", icon: Headphones,
|
|
},
|
|
{
|
|
type: "text-icon", text: "Tecnologia de Ponta", icon: Code,
|
|
},
|
|
]}
|
|
marqueeSpeed={30}
|
|
showMarqueeCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
useInvertedBackground={true}
|
|
tag="Sobre a Empresa"
|
|
tagIcon={Sparkles}
|
|
title="Quem Somos"
|
|
description="A Atomic Motorsport é especializada em performance automotiva, oferecendo soluções completas para quem busca mais potência, dirigibilidade e exclusividade. Trabalhamos com equipamentos de última geração e profissionais qualificados para entregar resultados de alto nível."
|
|
subdescription="Nossa paixão por carros e tecnologia nos impulsiona a superar expectativas em cada projeto, garantindo que seu veículo atinja seu potencial máximo com segurança e precisão."
|
|
icon={Gauge}
|
|
imageSrc="http://img.b2bpic.net/free-photo/car-repair-maintenance-theme-mechanic-uniform-working-auto-service_627829-3951.jpg"
|
|
imageAlt="Mecânico trabalhando em motor de alta performance"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureBento
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Remapeamento de ECU", description: "Ganho de potência, melhor resposta do acelerador e otimização de desempenho para uma condução superior.", bentoComponent: "reveal-icon", icon: Code
|
|
},
|
|
{
|
|
title: "Pedal Power", description: "Elimina o delay do acelerador, proporcionando resposta imediata e uma experiência de direção mais dinâmica e emocionante.", bentoComponent: "reveal-icon", icon: Car
|
|
},
|
|
{
|
|
title: "Suspensão", description: "Troca e manutenção para mais estabilidade, conforto e segurança em todas as condições de estrada.", bentoComponent: "reveal-icon", icon: Grip
|
|
},
|
|
{
|
|
title: "Escapamentos Personalizados", description: "Projetos sob medida com ronco esportivo refinado e acabamento premium para um visual e som únicos.", bentoComponent: "reveal-icon", icon: Flame
|
|
},
|
|
{
|
|
title: "EGR / DPF", description: "Soluções especializadas e diagnóstico avançado para a otimização e manutenção desses sistemas críticos.", bentoComponent: "reveal-icon", icon: Cog
|
|
},
|
|
{
|
|
title: "Oficina Full Service", description: "Manutenção completa, revisões e diagnóstico eletrônico para garantir a saúde e longevidade do seu veículo.", bentoComponent: "reveal-icon", icon: Wrench
|
|
}
|
|
]}
|
|
title="Nossos Serviços"
|
|
description="Conheça a gama completa de serviços que oferecemos para otimizar o desempenho e a estética do seu veículo."
|
|
tag="Performance e Exclusividade"
|
|
tagIcon={Sparkles}
|
|
/>
|
|
</div>
|
|
|
|
<div id="differentials" data-section="differentials">
|
|
<MetricCardEleven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{
|
|
id: "differential-1", value: "✓", title: "Equipamentos Profissionais", description: "Utilizamos ferramentas e tecnologia de ponta para cada serviço.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-diagnostic-tool_1170-1365.jpg", imageAlt: "Equipamentos profissionais"},
|
|
{
|
|
id: "differential-2", value: "✓", title: "Atendimento Especializado", description: "Nossa equipe oferece consultoria personalizada e suporte técnico dedicado.", imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434339.jpg", imageAlt: "Atendimento especializado"},
|
|
{
|
|
id: "differential-3", value: "✓", title: "Projetos Personalizados", description: "Desenvolvemos soluções sob medida para atender às suas necessidades e expectativas.", imageSrc: "http://img.b2bpic.net/free-photo/focused-manly-woman-is-doing-car-diagnostic-with-computer-help-auto-service_613910-17106.jpg", imageAlt: "Projetos personalizados"},
|
|
{
|
|
id: "differential-4", value: "✓", title: "Peças e Acessórios Premium", description: "Trabalhamos apenas com as melhores marcas do mercado para garantir a qualidade.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hard-disk-with-blue-light_23-2149413365.jpg", imageAlt: "Peças e acessórios premium"},
|
|
{
|
|
id: "differential-5", value: "✓", title: "Tecnologia de Última Geração", description: "Investimos em inovações para oferecer os serviços mais avançados e eficientes.", imageSrc: "http://img.b2bpic.net/free-photo/auto-repairman-talking-his-colleague-while-running-car-diagnostic-analyzing-data-workshop_637285-7676.jpg", imageAlt: "Tecnologia de última geração"},
|
|
{
|
|
id: "differential-6", value: "✓", title: "Garantia de Qualidade", description: "Comprometimento com a excelência e a sua total satisfação em todos os serviços.", imageSrc: "http://img.b2bpic.net/free-photo/happy-customer-buying-new-car_342744-708.jpg", imageAlt: "Garantia de qualidade"},
|
|
]}
|
|
title="Nossos Diferenciais"
|
|
description="O que nos torna a escolha ideal para a preparação automotiva do seu veículo."
|
|
tag="Compromisso com a Excelência"
|
|
tagIcon={Sparkles}
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
<ProductCardFour
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
gridVariant="bento-grid"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "g1", name: "Carro Esportivo Tunado", price: "Projeto Custom", variant: "Performance", imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_1339-3038.jpg", imageAlt: "Carro esportivo tunado em estúdio"},
|
|
{
|
|
id: "g2", name: "Oficina Moderna", price: "Tecnologia", variant: "Estrutura", imageSrc: "http://img.b2bpic.net/free-photo/different-type-tools-especially-wrenches-are-hanging-wall-workshop_613910-15268.jpg", imageAlt: "Vista aérea de oficina moderna"},
|
|
{
|
|
id: "g3", name: "Suspensão Esportiva", price: "Upgrade", variant: "Dirigibilidade", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-fixing-wheel-system_23-2147897831.jpg", imageAlt: "Detalhe de suspensão esportiva"},
|
|
{
|
|
id: "g4", name: "Escapamento Personalizado", price: "Artesanal", variant: "Design e Som", imageSrc: "http://img.b2bpic.net/free-photo/top-view-mechanical-screws_23-2148557965.jpg", imageAlt: "Escapamento de titânio personalizado"},
|
|
{
|
|
id: "g5", name: "Remapeamento de ECU", price: "Otimização", variant: "Potência", imageSrc: "http://img.b2bpic.net/free-photo/person-using-ar-technology-their-daily-occupation_23-2151137517.jpg", imageAlt: "Remapeamento de ECU via laptop"},
|
|
{
|
|
id: "g6", name: "Veículo em Manutenção", price: "Cuidado", variant: "Manutenção", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-explaining-quotation-customer_1170-1482.jpg", imageAlt: "Carro em manutenção na rampa"},
|
|
]}
|
|
title="Nossa Galeria"
|
|
description="Explore alguns dos nossos projetos e veja a qualidade e paixão em cada detalhe."
|
|
tag="Inspiração Automotiva"
|
|
tagIcon={Sparkles}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "t1", name: "João Silva", role: "Entusiasta Automotivo", testimonial: "“Atendimento impecável e resultado acima das expectativas. Meu carro nunca esteve tão potente e preciso!”", imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-navy-t-shirt-with-smile-face-with-crossed-arms-standing-pink-wall_141793-81954.jpg", imageAlt: "Foto de João Silva"},
|
|
{
|
|
id: "t2", name: "Mariana Santos", role: "Gerente de Vendas", testimonial: "“Meu carro ficou muito mais responsivo após o remapeamento. A diferença na dirigibilidade é impressionante, recomendo a todos!”", imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg", imageAlt: "Foto de Mariana Santos"},
|
|
{
|
|
id: "t3", name: "Carlos Rodrigues", role: "Empresário", testimonial: "“Estrutura moderna e profissionais extremamente capacitados. A atenção aos detalhes e o conhecimento técnico são fora de série.”", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-grey-haired-european-man-looks-with-strict-face-expression-through-round-glasses-wears-formal-white-shirt-bowtie_273609-33935.jpg", imageAlt: "Foto de Carlos Rodrigues"},
|
|
{
|
|
id: "t4", name: "Ana Paula", role: "Designer Gráfica", testimonial: "“Sempre tive dúvidas sobre preparação, mas a equipe da Atomic Motorsport me explicou tudo com clareza e entregou um serviço excepcional!”", imageSrc: "http://img.b2bpic.net/free-photo/stylish-caucasian-young-brunette-woman-pink-summer-clothes-looks-side-through-glasses-standing-city-street_197531-33266.jpg", imageAlt: "Foto de Ana Paula"},
|
|
{
|
|
id: "t5", name: "Fernando Lima", role: "Engenheiro", testimonial: "“O upgrade na suspensão transformou a experiência de dirigir. Mais segurança e estabilidade, com certeza voltarei para outros serviços.”", imageSrc: "http://img.b2bpic.net/free-photo/man-with-arms-closed-home_23-2150656205.jpg", imageAlt: "Foto de Fernando Lima"},
|
|
]}
|
|
title="O que Nossos Clientes Dizem"
|
|
description="A satisfação dos nossos clientes é a nossa maior recompensa. Veja alguns depoimentos sobre a experiência Atomic Motorsport."
|
|
tag="Sua Confiança, Nossa Prioridade"
|
|
tagIcon={Star}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "gradient-bars"}}
|
|
tag="Fale Conosco"
|
|
title="Solicite seu orçamento"
|
|
description="Entre em contato conosco para agendar uma consultoria personalizada ou tirar suas dúvidas sobre nossos serviços e upgrades de performance."
|
|
tagIcon={Phone}
|
|
inputPlaceholder="Seu nome ou email"
|
|
buttonText="Enviar Mensagem"
|
|
termsText="📍 Av. Maringá, 1765 | 📱 WhatsApp: (43) 99991-6566"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Atomic Motorsport"
|
|
columns={[
|
|
{
|
|
title: "Navegação", items: [
|
|
{
|
|
label: "Home", href: "#home"},
|
|
{
|
|
label: "Sobre", href: "#about"},
|
|
{
|
|
label: "Serviços", href: "#services"},
|
|
{
|
|
label: "Galeria", href: "#gallery"},
|
|
{
|
|
label: "Depoimentos", href: "#testimonials"},
|
|
{
|
|
label: "Contato", href: "#contact"},
|
|
],
|
|
},
|
|
{
|
|
title: "Contato", items: [
|
|
{
|
|
label: "WhatsApp: (43) 99991-6566", href: "https://wa.me/5543999916566"},
|
|
{
|
|
label: "Endereço: Av. Maringá, 1765", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
title: "Redes Sociais", items: [
|
|
{
|
|
label: "Instagram", href: "https://instagram.com/atomic.ldb"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 Atomic Motorsport. Performance • Tecnologia • Exclusividade. Todos os direitos reservados."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |