Merge version_1 into main #2
384
src/app/page.tsx
384
src/app/page.tsx
@@ -26,265 +26,145 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Início",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Sobre",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Serviços",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Avaliações",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Mineiro Matuto"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Início", id: "hero" },
|
||||
{ name: "Sobre", id: "about" },
|
||||
{ name: "Serviços", id: "services" },
|
||||
{ name: "Avaliações", id: "testimonials" },
|
||||
{ name: "Contato", id: "contact" },
|
||||
]}
|
||||
brandName="Mineiro Matuto"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
logoText="Barbearia Mineiro Matuto"
|
||||
description="Estilo, precisão e respeito – o corte certo para você."
|
||||
buttons={[
|
||||
{
|
||||
text: "Agendar Horário",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Falar no WhatsApp",
|
||||
href: "https://wa.me/5522998310415",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-man-barber-s-shop-getting-his-beard-trimmed_23-2149186494.jpg"
|
||||
imageAlt="Barbearia Mineiro Matuto ambiente premium"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="Barbearia Mineiro Matuto"
|
||||
description="Estilo, precisão e respeito – o corte certo para você."
|
||||
buttons={[
|
||||
{ text: "Agendar Horário", href: "#contact" },
|
||||
{ text: "Falar no WhatsApp", href: "https://wa.me/5522998310415" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-man-barber-s-shop-getting-his-beard-trimmed_23-2149186494.jpg"
|
||||
imageAlt="Barbearia Mineiro Matuto ambiente premium"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="Tradição e Modernidade"
|
||||
description={[
|
||||
"Na Mineiro Matuto, unimos a tradição das antigas barbearias com a modernidade das técnicas atuais. Nosso foco é oferecer um atendimento de primeira para quem busca estilo e respeito.",
|
||||
"Equipe altamente experiente, ambiente confortável e fácil acesso, prontos para entregar a melhor experiência em corte e barba da região.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="Tradição e Modernidade"
|
||||
description={[
|
||||
"Na Mineiro Matuto, unimos a tradição das antigas barbearias com a modernidade das técnicas atuais. Nosso foco é oferecer um atendimento de primeira para quem busca estilo e respeito.", "Equipe altamente experiente, ambiente confortável e fácil acesso, prontos para entregar a melhor experiência em corte e barba da região."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<PricingCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "corte",
|
||||
tag: "Popular",
|
||||
price: "R$ 40",
|
||||
period: "sessão",
|
||||
description: "Corte moderno com acabamento premium.",
|
||||
button: {
|
||||
text: "Agendar",
|
||||
},
|
||||
featuresTitle: "O que inclui:",
|
||||
features: [
|
||||
"Degradê",
|
||||
"Finalização",
|
||||
"Toalha quente",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "barba",
|
||||
tag: "Essencial",
|
||||
price: "R$ 35",
|
||||
period: "sessão",
|
||||
description: "Barba modelada e bem cuidada.",
|
||||
button: {
|
||||
text: "Agendar",
|
||||
},
|
||||
featuresTitle: "O que inclui:",
|
||||
features: [
|
||||
"Design de barba",
|
||||
"Hidratação",
|
||||
"Toalha quente",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "combo",
|
||||
tag: "Mais Escolhido",
|
||||
price: "R$ 65",
|
||||
period: "sessão",
|
||||
description: "O combo completo para o seu visual.",
|
||||
button: {
|
||||
text: "Agendar",
|
||||
},
|
||||
featuresTitle: "O que inclui:",
|
||||
features: [
|
||||
"Corte",
|
||||
"Barba completa",
|
||||
"Sobrancelha",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Serviços e Preços"
|
||||
description="Qualidade premium com preço acessível."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<PricingCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "corte", tag: "Popular", price: "R$ 40", period: "sessão", description: "Corte moderno com acabamento premium.", button: { text: "Agendar" },
|
||||
featuresTitle: "O que inclui:", features: ["Degradê", "Finalização", "Toalha quente"],
|
||||
},
|
||||
{
|
||||
id: "barba", tag: "Essencial", price: "R$ 35", period: "sessão", description: "Barba modelada e bem cuidada.", button: { text: "Agendar" },
|
||||
featuresTitle: "O que inclui:", features: ["Design de barba", "Hidratação", "Toalha quente"],
|
||||
},
|
||||
{
|
||||
id: "combo", tag: "Mais Escolhido", price: "R$ 65", period: "sessão", description: "O combo completo para o seu visual.", button: { text: "Agendar" },
|
||||
featuresTitle: "O que inclui:", features: ["Corte", "Barba completa", "Sobrancelha"],
|
||||
},
|
||||
]}
|
||||
title="Serviços e Preços"
|
||||
description="Qualidade premium com preço acessível."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardFour
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "g1",
|
||||
name: "Fade Moderno",
|
||||
price: "Corte",
|
||||
variant: "Estilo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7351.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "g2",
|
||||
name: "Corte Clássico",
|
||||
price: "Corte",
|
||||
variant: "Estilo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7351.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "g3",
|
||||
name: "Barba Premium",
|
||||
price: "Barba",
|
||||
variant: "Estilo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7351.jpg?_wi=3",
|
||||
},
|
||||
]}
|
||||
title="Galeria"
|
||||
description="Veja nossos cortes e o ambiente."
|
||||
/>
|
||||
</div>
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "g1", name: "Fade Moderno", price: "R$ 40", variant: "Estilo", imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7351.jpg"},
|
||||
{
|
||||
id: "g2", name: "Corte Clássico", price: "R$ 40", variant: "Estilo", imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7351.jpg"},
|
||||
{
|
||||
id: "g3", name: "Barba Premium", price: "R$ 35", variant: "Estilo", imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7351.jpg"},
|
||||
]}
|
||||
title="Galeria"
|
||||
description="Veja nossos cortes e o ambiente."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "João Silva",
|
||||
role: "Cliente Premium",
|
||||
testimonial: "Atendimento de primeira com profissionais educadíssimos e preço acessível.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-modern-woman_23-2148131702.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcos P.",
|
||||
role: "Cliente frequente",
|
||||
testimonial: "Ambiente agradável e fácil acesso. Melhor corte da região.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-view-young-bearded-brunette-man-showing-silence-gesture-looking-aside_171337-9559.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Lucas D.",
|
||||
role: "Cliente VIP",
|
||||
testimonial: "Profissionais experientes e muito educados. Recomendo sempre.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yorkshire-terrier-getting-procedure-groomer-salon-young-woman-white-tshirt-combing-little-dog-yorkshire-terrier-puppy-blue-table_1157-51464.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Rafael S.",
|
||||
role: "Cliente novo",
|
||||
testimonial: "Excelente serviço! Voltarei sempre.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-bearded-young-man-from-spain-elegant-gray-shirt_181624-58370.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Carlos M.",
|
||||
role: "Cliente fiel",
|
||||
testimonial: "Cortes impecáveis. Profissionais realmente comprometidos com o resultado.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-modern-woman_23-2148131702.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="O que dizem nossos clientes"
|
||||
description="Avaliação média de 4,6 estrelas (Google)."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "João Silva", role: "Cliente Premium", testimonial: "Atendimento de primeira com profissionais educadíssimos e preço acessível.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-modern-woman_23-2148131702.jpg"},
|
||||
{
|
||||
id: "2", name: "Marcos P.", role: "Cliente frequente", testimonial: "Ambiente agradável e fácil acesso. Melhor corte da região.", imageSrc: "http://img.b2bpic.net/free-photo/cropped-view-young-bearded-brunette-man-showing-silence-gesture-looking-aside_171337-9559.jpg"},
|
||||
{
|
||||
id: "3", name: "Lucas D.", role: "Cliente VIP", testimonial: "Profissionais experientes e muito educados. Recomendo sempre.", imageSrc: "http://img.b2bpic.net/free-photo/yorkshire-terrier-getting-procedure-groomer-salon-young-woman-white-tshirt-combing-little-dog-yorkshire-terrier-puppy-blue-table_1157-51464.jpg"},
|
||||
{
|
||||
id: "4", name: "Rafael S.", role: "Cliente novo", testimonial: "Excelente serviço! Voltarei sempre.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-bearded-young-man-from-spain-elegant-gray-shirt_181624-58370.jpg"},
|
||||
{
|
||||
id: "5", name: "Carlos M.", role: "Cliente fiel", testimonial: "Cortes impecáveis. Profissionais realmente comprometidos com o resultado.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-modern-woman_23-2148131702.jpg"},
|
||||
]}
|
||||
title="O que dizem nossos clientes"
|
||||
description="Avaliação média de 4,6 estrelas (Google)."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contato"
|
||||
title="Agende seu horário"
|
||||
description="Estamos no Âncora, Rio das Ostras - RJ. Agende pelo WhatsApp."
|
||||
buttons={[
|
||||
{
|
||||
text: "Agendar Agora",
|
||||
href: "https://wa.me/5522998310415",
|
||||
},
|
||||
{
|
||||
text: "Traçar Rota",
|
||||
href: "https://maps.google.com/?q=Rua+das+Casuarinas+1077+Rio+das+Ostras",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contato"
|
||||
title="Agende seu horário"
|
||||
description="Estamos no Âncora, Rio das Ostras - RJ. Agende pelo WhatsApp."
|
||||
buttons={[
|
||||
{
|
||||
text: "Agendar Agora", href: "https://wa.me/5522998310415"},
|
||||
{
|
||||
text: "Traçar Rota", href: "https://maps.google.com/?q=Rua+das+Casuarinas+1077+Rio+das+Ostras"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Mineiro Matuto"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "Sobre",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Serviços",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contato",
|
||||
items: [
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/5522998310415",
|
||||
},
|
||||
{
|
||||
label: "Google Maps",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 | Barbearia Mineiro Matuto"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Mineiro Matuto"
|
||||
columns={[
|
||||
{
|
||||
title: "Links", items: [
|
||||
{ label: "Sobre", href: "#about" },
|
||||
{ label: "Serviços", href: "#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contato", items: [
|
||||
{ label: "WhatsApp", href: "https://wa.me/5522998310415" },
|
||||
{ label: "Google Maps", href: "https://maps.google.com" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 | Barbearia Mineiro Matuto"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user