Merge version_1 into main #2
194
src/app/page.tsx
194
src/app/page.tsx
@@ -10,7 +10,7 @@ import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { Scissors } from "lucide-react";
|
||||
import { Scissors, Zap, CheckCircle, Award } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Início",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Início", id: "hero"},
|
||||
{
|
||||
name: "Sobre",
|
||||
id: "sobre",
|
||||
},
|
||||
name: "Sobre", id: "sobre"},
|
||||
{
|
||||
name: "Serviços",
|
||||
id: "servicos",
|
||||
},
|
||||
name: "Serviços", id: "servicos"},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "contato",
|
||||
},
|
||||
name: "Contato", id: "contato"},
|
||||
]}
|
||||
brandName="Dú Barbearia"
|
||||
/>
|
||||
@@ -54,77 +46,48 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Dú Barbearia"
|
||||
description="Tradição, estilo e qualidade em cada corte. Atendimento de alto nível em um ambiente que valoriza o seu tempo e o seu visual."
|
||||
kpis={[
|
||||
{
|
||||
value: "15+",
|
||||
label: "Anos de Tradição",
|
||||
},
|
||||
value: "15+", label: "Anos de Tradição"},
|
||||
{
|
||||
value: "4.8",
|
||||
label: "Nota Média",
|
||||
},
|
||||
value: "4.8", label: "Nota Média"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Satisfação Garantida",
|
||||
},
|
||||
value: "100%", label: "Satisfação Garantida"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Agendar horário",
|
||||
href: "#contato",
|
||||
},
|
||||
text: "Agendar horário", href: "#contato"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-body-portrait-stylish-male-who-himself-shaving-while-sitting-barber-chair-hairdressing-salon_613910-18655.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-body-portrait-stylish-male-who-himself-shaving-while-sitting-barber-chair-hairdressing-salon_613910-18655.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
|
||||
alt: "Cliente satisfeito",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg", alt: "Cliente satisfeito"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mustache-guy-barbershop_140725-7723.jpg",
|
||||
alt: "Cliente satisfeito",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/mustache-guy-barbershop_140725-7723.jpg", alt: "Cliente satisfeito"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-looking-away-barber-shop_23-2148353460.jpg",
|
||||
alt: "Cliente satisfeito",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-looking-away-barber-shop_23-2148353460.jpg", alt: "Cliente satisfeito"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-happy-man-smiling-street-kuala-lumpur-urban-men-clothing-style-soap-bubbles-fly-air_1321-2139.jpg",
|
||||
alt: "Cliente satisfeito",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-happy-man-smiling-street-kuala-lumpur-urban-men-clothing-style-soap-bubbles-fly-air_1321-2139.jpg", alt: "Cliente satisfeito"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-hair-salon-facing-camera_23-2148242763.jpg",
|
||||
alt: "Cliente satisfeito",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-hair-salon-facing-camera_23-2148242763.jpg", alt: "Cliente satisfeito"},
|
||||
]}
|
||||
avatarText="Junte-se a mais de 1000 clientes satisfeitos"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Corte Clássico",
|
||||
},
|
||||
type: "text", text: "Corte Clássico"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Barba Premium",
|
||||
},
|
||||
type: "text", text: "Barba Premium"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Atendimento VIP",
|
||||
},
|
||||
type: "text", text: "Atendimento VIP"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ambiente Climatizado",
|
||||
},
|
||||
type: "text", text: "Ambiente Climatizado"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Horário Flexível",
|
||||
},
|
||||
type: "text", text: "Horário Flexível"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -148,33 +111,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Corte Masculino",
|
||||
description: "Corte personalizado de acordo com o seu estilo e tipo de fio.",
|
||||
buttonIcon: "Scissors",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186516.jpg",
|
||||
imageAlt: "Male barber sitting at his shop",
|
||||
},
|
||||
title: "Corte Masculino", description: "Corte personalizado de acordo com o seu estilo e tipo de fio.", buttonIcon: Scissors,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-barber-sitting-his-shop_23-2149186516.jpg", imageAlt: "Male barber sitting at his shop"},
|
||||
{
|
||||
title: "Barba Tradicional",
|
||||
description: "Barba feita com toalha quente e produtos de alta qualidade.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-body-portrait-stylish-male-who-himself-shaving-while-sitting-barber-chair-hairdressing-salon_613910-18655.jpg?_wi=2",
|
||||
imageAlt: "Male barber sitting at his shop",
|
||||
},
|
||||
title: "Barba Tradicional", description: "Barba feita com toalha quente e produtos de alta qualidade.", buttonIcon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-body-portrait-stylish-male-who-himself-shaving-while-sitting-barber-chair-hairdressing-salon_613910-18655.jpg", imageAlt: "Male barber sitting at his shop"},
|
||||
{
|
||||
title: "Acabamento Perfeito",
|
||||
description: "Detalhes que fazem a diferença no seu visual diário.",
|
||||
buttonIcon: "CheckCircle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-girl-waiting-vet-s-with-their-doberman-dog_329181-10375.jpg?_wi=1",
|
||||
imageAlt: "Male barber sitting at his shop",
|
||||
},
|
||||
title: "Acabamento Perfeito", description: "Detalhes que fazem a diferença no seu visual diário.", buttonIcon: CheckCircle,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-girl-waiting-vet-s-with-their-doberman-dog_329181-10375.jpg", imageAlt: "Male barber sitting at his shop"},
|
||||
{
|
||||
title: "Corte Kids",
|
||||
description: "Atendimento especial para os pequenos cavalheiros.",
|
||||
buttonIcon: "Award",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg?_wi=1",
|
||||
imageAlt: "Male barber sitting at his shop",
|
||||
},
|
||||
title: "Corte Kids", description: "Atendimento especial para os pequenos cavalheiros.", buttonIcon: Award,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg", imageAlt: "Male barber sitting at his shop"},
|
||||
]}
|
||||
title="Nossos Serviços"
|
||||
description="Oferecemos uma variedade de serviços focados em manter o visual do homem moderno sempre alinhado."
|
||||
@@ -188,59 +135,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "João Silva",
|
||||
role: "Cliente",
|
||||
company: "Mococa",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-girl-waiting-vet-s-with-their-doberman-dog_329181-10375.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "João Silva", role: "Cliente", company: "Mococa", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-girl-waiting-vet-s-with-their-doberman-dog_329181-10375.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Carlos Souza",
|
||||
role: "Cliente",
|
||||
company: "Mococa",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Carlos Souza", role: "Cliente", company: "Mococa", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Marcos Lima",
|
||||
role: "Cliente",
|
||||
company: "Mococa",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-barber-with-electric-trimmer_23-2147839783.jpg",
|
||||
},
|
||||
id: "3", name: "Marcos Lima", role: "Cliente", company: "Mococa", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-barber-with-electric-trimmer_23-2147839783.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Pedro Santos",
|
||||
role: "Cliente",
|
||||
company: "Mococa",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-holding-juice-while-getting-haircut_613910-14751.jpg",
|
||||
},
|
||||
id: "4", name: "Pedro Santos", role: "Cliente", company: "Mococa", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-holding-juice-while-getting-haircut_613910-14751.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lucas Oliveira",
|
||||
role: "Cliente",
|
||||
company: "Mococa",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-sitting-barber-chair-waiting-customer_613910-3902.jpg",
|
||||
},
|
||||
id: "5", name: "Lucas Oliveira", role: "Cliente", company: "Mococa", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-sitting-barber-chair-waiting-customer_613910-3902.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.8",
|
||||
label: "Avaliação",
|
||||
},
|
||||
value: "4.8", label: "Avaliação"},
|
||||
{
|
||||
value: "60+",
|
||||
label: "Avaliações",
|
||||
},
|
||||
value: "60+", label: "Avaliações"},
|
||||
{
|
||||
value: "15+",
|
||||
label: "Anos",
|
||||
},
|
||||
value: "15+", label: "Anos"},
|
||||
]}
|
||||
title="O que dizem sobre nós"
|
||||
description="Clientes satisfeitos que fazem parte da nossa jornada."
|
||||
@@ -254,20 +170,11 @@ export default function LandingPage() {
|
||||
tag="Nosso Diferencial"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
description: "Anos de experiência",
|
||||
},
|
||||
id: "m1", value: "15+", description: "Anos de experiência"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Top",
|
||||
description: "Atendimento personalizado",
|
||||
},
|
||||
id: "m2", value: "Top", description: "Atendimento personalizado"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.8",
|
||||
description: "Alta avaliação",
|
||||
},
|
||||
id: "m3", value: "4.8", description: "Alta avaliação"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -277,8 +184,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Agende seu horário"
|
||||
description="Estamos localizados na R. Pará, 232 - Vila Santa Rosa, Mococa - SP. Entre em contato pelo WhatsApp e reserve seu horário."
|
||||
buttonText="Chamar no WhatsApp"
|
||||
@@ -292,13 +198,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Dú Barbearia © 2024"
|
||||
leftLink={{
|
||||
text: "WhatsApp (19) 99376-5360",
|
||||
href: "https://wa.me/5519993765360",
|
||||
}}
|
||||
text: "WhatsApp (19) 99376-5360", href: "https://wa.me/5519993765360"}}
|
||||
rightLink={{
|
||||
text: "R. Pará, 232 - Mococa - SP",
|
||||
href: "#",
|
||||
}}
|
||||
text: "R. Pará, 232 - Mococa - SP", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user