Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
2026-04-27 18:25:44 +00:00

View File

@@ -11,6 +11,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import TextAbout from '@/components/sections/about/TextAbout';
import { Bus, Users, Package, MessageSquare } from 'lucide-react';
export default function LandingPage() {
return (
@@ -18,366 +19,150 @@ export default function LandingPage() {
defaultButtonVariant="bounce-effect"
defaultTextAnimation="reveal-blur"
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: "Início",
id: "hero",
},
{
name: "Sobre",
id: "sobre",
},
{
name: "Serviços",
id: "servicos",
},
{
name: "Destinos",
id: "destinos",
},
{
name: "Contato",
id: "contato",
},
]}
brandName="Marcelo Turismo"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Início", id: "hero" },
{ name: "Sobre", id: "sobre" },
{ name: "Serviços", id: "servicos" },
{ name: "Destinos", id: "destinos" },
{ name: "Contato", id: "contato" },
]}
brandName="Marcelo Turismo"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="Facilitamos suas viagens e garantimos sua satisfação!"
description="Passagens, fretamentos e encomendas saindo de Irecê para todo o Brasil. Qualidade, segurança e pontualidade em cada rota."
testimonials={[
{
name: "Maria Silva",
handle: "Irecê, BA",
testimonial: "Melhor empresa de transporte da região. Sempre pontuais!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-blonde-with-blue-suitcase-sitting-chair-near-cafe-purple-pullover-jeans-makeup-hair-style-emotions-autumn-blonde-happy-knitted-smiling-model-beauty_343629-42.jpg",
},
{
name: "João Santos",
handle: "Salvador, BA",
testimonial: "Atendimento nota 10 pelo WhatsApp, muito facilitado.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg",
},
{
name: "Carlos Lima",
handle: "Feira de Santana, BA",
testimonial: "Frota muito confortável e motoristas experientes.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg",
},
{
name: "Ana Paula",
handle: "São Paulo, SP",
testimonial: "Rapidez na entrega de encomendas, chegou antes do previsto.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/very-good-smiling-brunette-woman-shows-ok-okay-hand-sign-looking-satisfied-recommend-great-deal-pleased-with-quality-standing-white-background_176420-46695.jpg",
},
{
name: "Pedro Souza",
handle: "Brasília, DF",
testimonial: "Excelente custo-benefício e muita segurança.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg",
},
]}
buttons={[
{
text: "Reserve agora",
href: "https://wa.me/5574999372237",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/colorful-toys-yellow-background_58702-17449.jpg"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg",
alt: "Cliente satisfeita 1",
},
{
src: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-speaking-phone-standing-near-business-centre_176420-5662.jpg",
alt: "Cliente satisfeita 2",
},
{
src: "http://img.b2bpic.net/free-photo/young-couple-traveling-with-car_23-2148906370.jpg",
alt: "Cliente satisfeito 1",
},
{
src: "http://img.b2bpic.net/free-photo/young-woman-shopping-clothes_23-2149187302.jpg",
alt: "Cliente satisfeita 3",
},
{
src: "http://img.b2bpic.net/free-photo/young-woman-shopping-clothes_23-2149187301.jpg",
alt: "Cliente satisfeita 4",
},
]}
avatarText="Mais de 10.000 clientes satisfeitos"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="Facilitamos suas viagens e garantimos sua satisfação!"
description="Passagens, fretamentos e encomendas saindo de Irecê para todo o Brasil. Qualidade, segurança e pontualidade em cada rota."
testimonials={[
{ name: "Maria Silva", handle: "Irecê, BA", testimonial: "Melhor empresa de transporte da região. Sempre pontuais!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-blonde-with-blue-suitcase-sitting-chair-near-cafe-purple-pullover-jeans-makeup-hair-style-emotions-autumn-blonde-happy-knitted-smiling-model-beauty_343629-42.jpg" },
{ name: "João Santos", handle: "Salvador, BA", testimonial: "Atendimento nota 10 pelo WhatsApp, muito facilitado.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg" },
{ name: "Carlos Lima", handle: "Feira de Santana, BA", testimonial: "Frota muito confortável e motoristas experientes.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg" },
{ name: "Ana Paula", handle: "São Paulo, SP", testimonial: "Rapidez na entrega de encomendas, chegou antes do previsto.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/very-good-smiling-brunette-woman-shows-ok-okay-hand-sign-looking-satisfied-recommend-great-deal-pleased-with-quality-standing-white-background_176420-46695.jpg" },
{ name: "Pedro Souza", handle: "Brasília, DF", testimonial: "Excelente custo-benefício e muita segurança.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg" }
]}
buttons={[{ text: "Reserve agora", href: "https://wa.me/5574999372237" }]}
imageSrc="http://img.b2bpic.net/free-photo/colorful-toys-yellow-background_58702-17449.jpg"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg", alt: "Cliente satisfeita 1" },
{ src: "http://img.b2bpic.net/free-photo/young-successful-businesswoman-speaking-phone-standing-near-business-centre_176420-5662.jpg", alt: "Cliente satisfeita 2" },
{ src: "http://img.b2bpic.net/free-photo/young-couple-traveling-with-car_23-2148906370.jpg", alt: "Cliente satisfeito 1" },
{ src: "http://img.b2bpic.net/free-photo/young-woman-shopping-clothes_23-2149187302.jpg", alt: "Cliente satisfeita 3" },
{ src: "http://img.b2bpic.net/free-photo/young-woman-shopping-clothes_23-2149187301.jpg", alt: "Cliente satisfeita 4" }
]}
avatarText="Mais de 10.000 clientes satisfeitos"
/>
</div>
<div id="sobre" data-section="sobre">
<TextAbout
useInvertedBackground={false}
title="Conectando o sertão ao Brasil com excelência"
buttons={[
{
text: "Saiba mais",
href: "#contato",
},
]}
/>
</div>
<div id="sobre" data-section="sobre">
<TextAbout
useInvertedBackground={false}
title="Conectando o sertão ao Brasil com excelência"
buttons={[{ text: "Saiba mais", href: "#contato" }]}
/>
</div>
<div id="servicos" data-section="servicos">
<FeatureCardTwentySix
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Turismo",
description: "Destinos incríveis com conforto, segurança e diversão.",
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-posing-retro-style-with-car_23-2149525848.jpg",
buttonIcon: "Bus",
},
{
title: "Fretamento",
description: "Para empresas, excursões e eventos. Pontualidade garantida.",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-public-transport-assortment_23-2148967312.jpg",
buttonIcon: "Users",
},
{
title: "Encomendas",
description: "Transportamos com agilidade, segurança e no prazo certo.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-delivery-man-with-mask_23-2149035866.jpg",
buttonIcon: "Package",
},
{
title: "Suporte VIP",
description: "Atendimento humanizado via WhatsApp a qualquer hora.",
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-travelling-winter-time_23-2149211135.jpg",
buttonIcon: "MessageSquare",
},
]}
title="Nossos Serviços"
description="Soluções completas para suas necessidades de transporte."
/>
</div>
<div id="servicos" data-section="servicos">
<FeatureCardTwentySix
textboxLayout="default"
useInvertedBackground={false}
features={[
{ title: "Turismo", description: "Destinos incríveis com conforto, segurança e diversão.", imageSrc: "http://img.b2bpic.net/free-photo/man-woman-posing-retro-style-with-car_23-2149525848.jpg", buttonIcon: Bus },
{ title: "Fretamento", description: "Para empresas, excursões e eventos. Pontualidade garantida.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-public-transport-assortment_23-2148967312.jpg", buttonIcon: Users },
{ title: "Encomendas", description: "Transportamos com agilidade, segurança e no prazo certo.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-delivery-man-with-mask_23-2149035866.jpg", buttonIcon: Package },
{ title: "Suporte VIP", description: "Atendimento humanizado via WhatsApp a qualquer hora.", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-travelling-winter-time_23-2149211135.jpg", buttonIcon: MessageSquare }
]}
title="Nossos Serviços"
description="Soluções completas para suas necessidades de transporte."
/>
</div>
<div id="destinos" data-section="destinos">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Irecê",
price: "Consulte",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-landscape_8327-150.jpg",
},
{
id: "2",
name: "Porto Seguro",
price: "Consulte",
imageSrc: "http://img.b2bpic.net/free-photo/hippie-girl-with-long-blond-hair-dress-roof_1321-1621.jpg",
},
{
id: "3",
name: "Rio de Janeiro",
price: "Consulte",
imageSrc: "http://img.b2bpic.net/free-photo/adults-playing-soccer_52683-112014.jpg",
},
{
id: "4",
name: "Salvador",
price: "Consulte",
imageSrc: "http://img.b2bpic.net/free-photo/chateau-frontenac-night-quebec-city_649448-2344.jpg",
},
{
id: "5",
name: "São Paulo",
price: "Consulte",
imageSrc: "http://img.b2bpic.net/free-psd/safe-trip-landing-page-template_23-2148986207.jpg",
},
{
id: "6",
name: "Brasília",
price: "Consulte",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-scenery-green-trees-bushes-near-sea-crazy-clouds_181624-7261.jpg",
},
]}
title="Destinos Mais Procurados"
description="Viaje para os melhores lugares com a Marcelo Turismo."
/>
</div>
<div id="destinos" data-section="destinos">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{ id: "1", name: "Irecê", price: "Consulte", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-landscape_8327-150.jpg" },
{ id: "2", name: "Porto Seguro", price: "Consulte", imageSrc: "http://img.b2bpic.net/free-photo/hippie-girl-with-long-blond-hair-dress-roof_1321-1621.jpg" },
{ id: "3", name: "Rio de Janeiro", price: "Consulte", imageSrc: "http://img.b2bpic.net/free-photo/adults-playing-soccer_52683-112014.jpg" },
{ id: "4", name: "Salvador", price: "Consulte", imageSrc: "http://img.b2bpic.net/free-photo/chateau-frontenac-night-quebec-city_649448-2344.jpg" },
{ id: "5", name: "São Paulo", price: "Consulte", imageSrc: "http://img.b2bpic.net/free-psd/safe-trip-landing-page-template_23-2148986207.jpg" },
{ id: "6", name: "Brasília", price: "Consulte", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-scenery-green-trees-bushes-near-sea-crazy-clouds_181624-7261.jpg" }
]}
title="Destinos Mais Procurados"
description="Viaje para os melhores lugares com a Marcelo Turismo."
/>
</div>
<div id="por-que" data-section="por-que">
<MetricCardEleven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "100%",
title: "Frota Moderna",
description: "Veículos bem conservados.",
imageSrc: "http://img.b2bpic.net/free-photo/attractive-girl-takes-pictures-her-blog-while-travel_158595-4292.jpg",
},
{
id: "m2",
value: "99%",
title: "Pontualidade",
description: "Horários cumpridos.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-friends-sitting-car-trunk_23-2147828255.jpg",
},
{
id: "m3",
value: "Humano",
title: "Atendimento",
description: "Equipe acolhedora.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-delivery-man-working_23-2148546046.jpg",
},
]}
title="Por que viajar com a gente?"
description="Tradição e compromisso com o passageiro."
/>
</div>
<div id="por-que" data-section="por-que">
<MetricCardEleven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "100%", title: "Frota Moderna", description: "Veículos bem conservados.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-girl-takes-pictures-her-blog-while-travel_158595-4292.jpg" },
{ id: "m2", value: "99%", title: "Pontualidade", description: "Horários cumpridos.", imageSrc: "http://img.b2bpic.net/free-photo/happy-friends-sitting-car-trunk_23-2147828255.jpg" },
{ id: "m3", value: "Humano", title: "Atendimento", description: "Equipe acolhedora.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-delivery-man-working_23-2148546046.jpg" }
]}
title="Por que viajar com a gente?"
description="Tradição e compromisso com o passageiro."
/>
</div>
<div id="depoimentos" data-section="depoimentos">
<TestimonialCardTen
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
title: "Excelente!",
quote: "Atendimento impecável pelo WhatsApp.",
name: "Ana Souza",
role: "Cliente",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg",
},
{
id: "t2",
title: "Muito bom",
quote: "Viagem confortável e motoristas educados.",
name: "Carlos Lima",
role: "Cliente",
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-portrait-pretty-girl-with-long-hair-standing-outside-airport-she-wears-yellow-sweater-black-jacket-jeans-she-is-speaking-phone-smiling-camera_197531-451.jpg",
},
{
id: "t3",
title: "Recomendo",
quote: "Sempre chegam no horário certo.",
name: "Beatriz F.",
role: "Cliente",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-wearing-jewelry_23-2149352027.jpg",
},
{
id: "t4",
title: "Satisfeita",
quote: "Facilidade total para reservar passagens.",
name: "Lucia M.",
role: "Cliente",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-girl-traveler-drinking-hot-tea-from-thermos-while-walking-exploring-city-touri_1258-152980.jpg",
},
{
id: "t5",
title: "Nota 10",
quote: "Frota muito bem conservada.",
name: "Pedro H.",
role: "Cliente",
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-blogger-takes-photos-with-his-suitcase-shows-luggage-goes-holiday-makes-selfies_1258-270628.jpg",
},
]}
title="Depoimentos de Clientes"
description="Veja o que nossos passageiros dizem sobre nós."
/>
</div>
<div id="depoimentos" data-section="depoimentos">
<TestimonialCardTen
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "t1", title: "Excelente!", quote: "Atendimento impecável pelo WhatsApp.", name: "Ana Souza", role: "Cliente", imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg" },
{ id: "t2", title: "Muito bom", quote: "Viagem confortável e motoristas educados.", name: "Carlos Lima", role: "Cliente", imageSrc: "http://img.b2bpic.net/free-photo/horizontal-portrait-pretty-girl-with-long-hair-standing-outside-airport-she-wears-yellow-sweater-black-jacket-jeans-she-is-speaking-phone-smiling-camera_197531-451.jpg" },
{ id: "t3", title: "Recomendo", quote: "Sempre chegam no horário certo.", name: "Beatriz F.", role: "Cliente", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-wearing-jewelry_23-2149352027.jpg" },
{ id: "t4", title: "Satisfeita", quote: "Facilidade total para reservar passagens.", name: "Lucia M.", role: "Cliente", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-girl-traveler-drinking-hot-tea-from-thermos-while-walking-exploring-city-touri_1258-152980.jpg" },
{ id: "t5", title: "Nota 10", quote: "Frota muito bem conservada.", name: "Pedro H.", role: "Cliente", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-blogger-takes-photos-with-his-suitcase-shows-luggage-goes-holiday-makes-selfies_1258-270628.jpg" }
]}
title="Depoimentos de Clientes"
description="Veja o que nossos passageiros dizem sobre nós."
/>
</div>
<div id="contato" data-section="contato">
<ContactSplitForm
useInvertedBackground={false}
title="Pronto para viajar?"
description="Fale com nossa equipe agora mesmo."
inputs={[
{
name: "nome",
type: "text",
placeholder: "Seu nome",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Seu WhatsApp",
required: true,
},
]}
textarea={{
name: "msg",
placeholder: "Para onde deseja ir?",
rows: 4,
}}
imageSrc="http://img.b2bpic.net/free-vector/flat-design-travel-banners_23-2147642099.jpg"
/>
</div>
<div id="contato" data-section="contato">
<ContactSplitForm
useInvertedBackground={false}
title="Pronto para viajar?"
description="Fale com nossa equipe agora mesmo."
inputs={[
{ name: "nome", type: "text", placeholder: "Seu nome", required: true },
{ name: "email", type: "email", placeholder: "Seu WhatsApp", required: true }
]}
textarea={{ name: "msg", placeholder: "Para onde deseja ir?", rows: 4 }}
imageSrc="http://img.b2bpic.net/free-vector/flat-design-travel-banners_23-2147642099.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Marcelo Turismo",
items: [
{
label: "Sobre nós",
href: "#sobre",
},
{
label: "Fretamentos",
href: "#servicos",
},
],
},
{
title: "Institucional",
items: [
{
label: "Privacidade",
href: "#",
},
{
label: "Termos",
href: "#",
},
],
},
{
title: "Social",
items: [
{
label: "Instagram",
href: "#",
},
{
label: "WhatsApp",
href: "https://wa.me/5574999372237",
},
],
},
]}
bottomLeftText="© 2025 Marcelo Turismo"
bottomRightText="Conectando o sertão ao Brasil"
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{ title: "Marcelo Turismo", items: [{ label: "Sobre nós", href: "#sobre" }, { label: "Fretamentos", href: "#servicos" }] },
{ title: "Institucional", items: [{ label: "Privacidade", href: "#" }, { label: "Termos", href: "#" }] },
{ title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "WhatsApp", href: "https://wa.me/5574999372237" }] }
]}
bottomLeftText="© 2025 Marcelo Turismo"
bottomRightText="Conectando o sertão ao Brasil"
/>
</div>
</ReactLenis>
</ThemeProvider>
);