Update src/app/page.tsx
This commit is contained in:
210
src/app/page.tsx
210
src/app/page.tsx
@@ -32,27 +32,18 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
name: "Team", id: "team"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="LEO BARBER"
|
||||
button={{ text: "Agendar" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -60,39 +51,25 @@ export default function LandingPage() {
|
||||
<HeroOverlay
|
||||
title="A Arte do Estilo Masculino"
|
||||
description="Descubra a experiência premium na Leo Barber. Estilo, precisão e sofisticação em cada corte."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/various-trimmers-dressing-table_107420-94767.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/various-trimmers-dressing-table_107420-94767.jpg"
|
||||
showDimOverlay={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Agendar Agora",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Agendar Agora", href: "#contact"},
|
||||
{
|
||||
text: "Nossos Serviços",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Nossos Serviços", href: "#features"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-body-portrait-stylish-male-who-himself-shaving-while-sitting-barber-chair-hairdressing-salon_613910-18655.jpg",
|
||||
alt: "Cliente satisfeito",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/full-body-portrait-stylish-male-who-himself-shaving-while-sitting-barber-chair-hairdressing-salon_613910-18655.jpg", alt: "Cliente satisfeito"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/professional-hairdresser-sitting-barber-chair-waiting-customer_613910-3902.jpg",
|
||||
alt: "Cliente satisfeito",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/professional-hairdresser-sitting-barber-chair-waiting-customer_613910-3902.jpg", alt: "Cliente satisfeito"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/barber-showing-man-his-haircut-mirror_107420-94782.jpg",
|
||||
alt: "Cliente satisfeito",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/barber-showing-man-his-haircut-mirror_107420-94782.jpg", alt: "Cliente satisfeito"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chair-stylish-barber-shop_627829-6180.jpg",
|
||||
alt: "Cliente satisfeito",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chair-stylish-barber-shop_627829-6180.jpg", alt: "Cliente satisfeito"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7234.jpg",
|
||||
alt: "Cliente satisfeito",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7234.jpg", alt: "Cliente satisfeito"},
|
||||
]}
|
||||
avatarText="Junte-se a +1000 clientes satisfeitos"
|
||||
/>
|
||||
@@ -103,18 +80,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Sobre a ",
|
||||
},
|
||||
type: "text", content: "Sobre a "},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058815.jpg",
|
||||
alt: "Sobre",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058815.jpg", alt: "Sobre"},
|
||||
{
|
||||
type: "text",
|
||||
content: " Leo Barber. Tradição e Modernidade.",
|
||||
},
|
||||
type: "text", content: " Leo Barber. Tradição e Modernidade."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -126,30 +96,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Cortes Precisos",
|
||||
description: "Técnicas avançadas para o seu estilo.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313018.jpg",
|
||||
},
|
||||
title: "Cortes Precisos", description: "Técnicas avançadas para o seu estilo.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313018.jpg"},
|
||||
{
|
||||
title: "Barba de Respeito",
|
||||
description: "Tratamento completo para sua barba.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313016.jpg",
|
||||
},
|
||||
title: "Barba de Respeito", description: "Tratamento completo para sua barba.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313016.jpg"},
|
||||
{
|
||||
title: "Skincare Premium",
|
||||
description: "Cuidados exclusivos para homens.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313012.jpg",
|
||||
},
|
||||
title: "Skincare Premium", description: "Cuidados exclusivos para homens.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313012.jpg"},
|
||||
{
|
||||
title: "Ambiente Exclusivo",
|
||||
description: "Espaço projetado para o seu conforto.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326535.jpg",
|
||||
},
|
||||
title: "Ambiente Exclusivo", description: "Espaço projetado para o seu conforto.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326535.jpg"},
|
||||
{
|
||||
title: "Atendimento VIP",
|
||||
description: "Respeito e pontualidade em primeiro lugar.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-tools-wooden-background-table_627829-6196.jpg",
|
||||
},
|
||||
title: "Atendimento VIP", description: "Respeito e pontualidade em primeiro lugar.", imageSrc: "http://img.b2bpic.net/free-photo/barber-tools-wooden-background-table_627829-6196.jpg"},
|
||||
]}
|
||||
title="Nossos Diferenciais"
|
||||
description="Serviços de alto nível para quem busca excelência."
|
||||
@@ -163,33 +118,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
groups={[
|
||||
{
|
||||
id: "barbers",
|
||||
groupTitle: "Master Barbers",
|
||||
members: [
|
||||
id: "barbers", groupTitle: "Master Barbers", members: [
|
||||
{
|
||||
id: "t1",
|
||||
title: "Leo S.",
|
||||
subtitle: "Fundador & Master Barber",
|
||||
detail: "15 anos de experiência.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-tattooed-male-wearing-white-shirt-suspenders_613910-1406.jpg",
|
||||
},
|
||||
id: "t1", title: "Leo S.", subtitle: "Fundador & Master Barber", detail: "15 anos de experiência.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-tattooed-male-wearing-white-shirt-suspenders_613910-1406.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Carlos P.",
|
||||
subtitle: "Senior Barber",
|
||||
detail: "Especialista em fades.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-posing-salon_23-2150462487.jpg",
|
||||
},
|
||||
id: "t2", title: "Carlos P.", subtitle: "Senior Barber", detail: "Especialista em fades.", imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-posing-salon_23-2150462487.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "João M.",
|
||||
subtitle: "Barber",
|
||||
detail: "Estilo clássico.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-tattoo-his-face-arms-dressed-white-shirt-grey-background_613910-8168.jpg",
|
||||
},
|
||||
id: "t3", title: "João M.", subtitle: "Barber", detail: "Estilo clássico.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-tattoo-his-face-arms-dressed-white-shirt-grey-background_613910-8168.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/various-trimmers-dressing-table_107420-94767.jpg?_wi=2",
|
||||
imageAlt: "barber professional headshot",
|
||||
},
|
||||
]}
|
||||
title="Conheça nossos mestres"
|
||||
@@ -204,45 +140,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Lucas",
|
||||
handle: "@lucas",
|
||||
testimonial: "O melhor corte da cidade!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-black-polo-shirt-swinging-paint-brush-with-aggressive-expression-standing-white-background_141793-20662.jpg",
|
||||
},
|
||||
id: "1", name: "Lucas", handle: "@lucas", testimonial: "O melhor corte da cidade!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-black-polo-shirt-swinging-paint-brush-with-aggressive-expression-standing-white-background_141793-20662.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Pedro",
|
||||
handle: "@pedro",
|
||||
testimonial: "Atendimento incrível e corte perfeito.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-with-phone-sitting-cafe_1303-9378.jpg",
|
||||
},
|
||||
id: "2", name: "Pedro", handle: "@pedro", testimonial: "Atendimento incrível e corte perfeito.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-with-phone-sitting-cafe_1303-9378.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Marcos",
|
||||
handle: "@marcos",
|
||||
testimonial: "Não troco de barbeiro por nada.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186462.jpg",
|
||||
},
|
||||
id: "3", name: "Marcos", handle: "@marcos", testimonial: "Não troco de barbeiro por nada.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186462.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "André",
|
||||
handle: "@andre",
|
||||
testimonial: "Ambiente show, muito top.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/reflection-mirror-self-confident-proud-male-with-dark-hair-naked-body-looking-his-biceps-with-satisfied-facial-expression-posing-bathroom_176532-14936.jpg",
|
||||
},
|
||||
id: "4", name: "André", handle: "@andre", testimonial: "Ambiente show, muito top.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/reflection-mirror-self-confident-proud-male-with-dark-hair-naked-body-looking-his-biceps-with-satisfied-facial-expression-posing-bathroom_176532-14936.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Tiago",
|
||||
handle: "@tiago",
|
||||
testimonial: "Melhor barbearia de todas.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-portrait-young-attractive-man_158595-5145.jpg",
|
||||
},
|
||||
id: "5", name: "Tiago", handle: "@tiago", testimonial: "Melhor barbearia de todas.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-portrait-young-attractive-man_158595-5145.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="O que dizem os clientes"
|
||||
@@ -255,14 +166,7 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Grooming Pro",
|
||||
"Razor King",
|
||||
"Steel Masters",
|
||||
"Barber Supply",
|
||||
"Modern Cut",
|
||||
"Style Expert",
|
||||
"Sharp Blade",
|
||||
]}
|
||||
"Grooming Pro", "Razor King", "Steel Masters", "Barber Supply", "Modern Cut", "Style Expert", "Sharp Blade"]}
|
||||
title="Parceiros de Elite"
|
||||
description="Marcas que confiam na nossa qualidade."
|
||||
/>
|
||||
@@ -274,20 +178,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Preciso agendar?",
|
||||
content: "Sim, recomendamos o agendamento prévio.",
|
||||
},
|
||||
id: "f1", title: "Preciso agendar?", content: "Sim, recomendamos o agendamento prévio."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Aceitam cartão?",
|
||||
content: "Sim, todos os cartões.",
|
||||
},
|
||||
id: "f2", title: "Aceitam cartão?", content: "Sim, todos os cartões."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Onde ficam?",
|
||||
content: "Centro da cidade, fácil acesso.",
|
||||
},
|
||||
id: "f3", title: "Onde ficam?", content: "Centro da cidade, fácil acesso."},
|
||||
]}
|
||||
title="Dúvidas Frequentes"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -300,8 +195,7 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
variant: "canvas-reveal"}}
|
||||
text="Agende agora seu horário na Leo Barber e transforme seu visual."
|
||||
/>
|
||||
</div>
|
||||
@@ -310,29 +204,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
title: "Links", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "Serviços",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Serviços", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
title: "Social", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
label: "Facebook", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user