Merge version_1 into main #2
193
src/app/page.tsx
193
src/app/page.tsx
@@ -30,69 +30,38 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Início",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Início", id: "hero"},
|
||||
{
|
||||
name: "Soluções",
|
||||
id: "features",
|
||||
},
|
||||
name: "Soluções", id: "features"},
|
||||
{
|
||||
name: "Demo",
|
||||
id: "demo",
|
||||
},
|
||||
name: "Demo", id: "demo"},
|
||||
{
|
||||
name: "Contato",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contato", id: "contact"},
|
||||
]}
|
||||
brandName="BarberFlow"
|
||||
button={{
|
||||
text: "Agendar Agora",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Agendar Agora", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Agendamentos online para sua barbearia sem complicação"
|
||||
description="Receba reservas 24h por dia, reduza faltas e organize sua agenda automaticamente com nossa plataforma de ponta."
|
||||
tag="SISTEMA PREMIUM"
|
||||
buttons={[
|
||||
{
|
||||
text: "Quero esse sistema",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Quero esse sistema", href: "#contact"},
|
||||
{
|
||||
text: "Ver demonstração",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Ver demonstração", href: "#features"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-showing-man-his-haircut-mirror_107420-94782.jpg?_wi=1",
|
||||
imageAlt: "Barbearia premium",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-showing-man-his-haircut-mirror_107420-94782.jpg", imageAlt: "Barbearia premium"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-doing-online-classes-tablet_23-2149114302.jpg?_wi=1",
|
||||
imageAlt: "Dashboard de agendamento",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-car-navigator-interface-windshield-hologram_53876-103040.jpg?_wi=1",
|
||||
imageAlt: "Agenda automática",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mail-icon-right-side_187299-45740.jpg?_wi=1",
|
||||
imageAlt: "Notificações",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/twitter-icon-line-connection-circuit-board_1379-891.jpg?_wi=1",
|
||||
imageAlt: "Mobile App",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-doing-online-classes-tablet_23-2149114302.jpg", imageAlt: "Dashboard de agendamento"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -107,49 +76,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Agenda Automática",
|
||||
description: "Chega de papel e caneta. O sistema organiza tudo sozinho.",
|
||||
icon: Calendar,
|
||||
title: "Agenda Automática", description: "Chega de papel e caneta. O sistema organiza tudo sozinho.", icon: Calendar,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-car-navigator-interface-windshield-hologram_53876-103040.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-car-navigator-interface-windshield-hologram_53876-103040.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-car-navigator-interface-windshield-hologram_53876-103040.jpg?_wi=3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-car-navigator-interface-windshield-hologram_53876-103040.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-showing-man-his-haircut-mirror_107420-94782.jpg?_wi=2",
|
||||
imageAlt: "modern barber shop interior premium",
|
||||
},
|
||||
{
|
||||
title: "Notificações Inteligentes",
|
||||
description: "Lembretes automáticos que reduzem faltas em até 80%.",
|
||||
icon: Bell,
|
||||
title: "Notificações Inteligentes", description: "Lembretes automáticos que reduzem faltas em até 80%.", icon: Bell,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mail-icon-right-side_187299-45740.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mail-icon-right-side_187299-45740.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mail-icon-right-side_187299-45740.jpg?_wi=3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mail-icon-right-side_187299-45740.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smart-car-navigator-interface-windshield-hologram_53876-103040.jpg?_wi=4",
|
||||
imageAlt: "calendar scheduling icon 3d",
|
||||
},
|
||||
{
|
||||
title: "Acesso Mobile Total",
|
||||
description: "Gerencie tudo do seu celular, de qualquer lugar.",
|
||||
icon: Smartphone,
|
||||
title: "Acesso Mobile Total", description: "Gerencie tudo do seu celular, de qualquer lugar.", icon: Smartphone,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/twitter-icon-line-connection-circuit-board_1379-891.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/twitter-icon-line-connection-circuit-board_1379-891.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/twitter-icon-line-connection-circuit-board_1379-891.jpg?_wi=3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/twitter-icon-line-connection-circuit-board_1379-891.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mail-icon-right-side_187299-45740.jpg?_wi=4",
|
||||
imageAlt: "email notification icon 3d",
|
||||
},
|
||||
]}
|
||||
title="Resolva a bagunça na sua agenda"
|
||||
@@ -165,47 +116,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Seleção de Serviços",
|
||||
price: "R$ 0",
|
||||
variant: "Passo 1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-doing-online-classes-tablet_23-2149114302.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Seleção de Serviços", price: "R$ 0", variant: "Passo 1", imageSrc: "http://img.b2bpic.net/free-photo/senior-man-doing-online-classes-tablet_23-2149114302.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Escolha de Horário",
|
||||
price: "R$ 0",
|
||||
variant: "Passo 2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-doing-online-classes-tablet_23-2149114302.jpg?_wi=3",
|
||||
},
|
||||
id: "2", name: "Escolha de Horário", price: "R$ 0", variant: "Passo 2", imageSrc: "http://img.b2bpic.net/free-photo/senior-man-doing-online-classes-tablet_23-2149114302.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Dados do Cliente",
|
||||
price: "R$ 0",
|
||||
variant: "Passo 3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-doing-online-classes-tablet_23-2149114302.jpg?_wi=4",
|
||||
},
|
||||
id: "3", name: "Dados do Cliente", price: "R$ 0", variant: "Passo 3", imageSrc: "http://img.b2bpic.net/free-photo/senior-man-doing-online-classes-tablet_23-2149114302.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Confirmação Instantânea",
|
||||
price: "R$ 0",
|
||||
variant: "Passo 4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-doing-online-classes-tablet_23-2149114302.jpg?_wi=5",
|
||||
},
|
||||
id: "4", name: "Confirmação Instantânea", price: "R$ 0", variant: "Passo 4", imageSrc: "http://img.b2bpic.net/free-photo/senior-man-doing-online-classes-tablet_23-2149114302.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Dashboard do Barbeiro",
|
||||
price: "R$ 0",
|
||||
variant: "Passo 5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-doing-online-classes-tablet_23-2149114302.jpg?_wi=6",
|
||||
},
|
||||
id: "5", name: "Dashboard do Barbeiro", price: "R$ 0", variant: "Passo 5", imageSrc: "http://img.b2bpic.net/free-photo/senior-man-doing-online-classes-tablet_23-2149114302.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Relatórios de Performance",
|
||||
price: "R$ 0",
|
||||
variant: "Passo 6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-doing-online-classes-tablet_23-2149114302.jpg?_wi=7",
|
||||
},
|
||||
id: "6", name: "Relatórios de Performance", price: "R$ 0", variant: "Passo 6", imageSrc: "http://img.b2bpic.net/free-photo/senior-man-doing-online-classes-tablet_23-2149114302.jpg"},
|
||||
]}
|
||||
title="Fluxo de Agendamento Profissional"
|
||||
description="Veja como é simples o fluxo que seus clientes seguirão."
|
||||
@@ -219,40 +140,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Carlos Silva",
|
||||
handle: "@carlos_barber",
|
||||
testimonial: "O agendamento automático reduziu minhas faltas a zero.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-model-holding-book-red-wall_114579-56019.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Carlos Silva", handle: "@carlos_barber", testimonial: "O agendamento automático reduziu minhas faltas a zero.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-model-holding-book-red-wall_114579-56019.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "João Santos",
|
||||
handle: "@joao_grooming",
|
||||
testimonial: "Interface limpa, profissional e fácil de usar pelos clientes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-model-holding-book-red-wall_114579-56019.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "João Santos", handle: "@joao_grooming", testimonial: "Interface limpa, profissional e fácil de usar pelos clientes.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-model-holding-book-red-wall_114579-56019.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Marcos Silva",
|
||||
handle: "@marcos_fade",
|
||||
testimonial: "Economizei horas de trabalho que antes perdia no WhatsApp.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-model-holding-book-red-wall_114579-56019.jpg?_wi=3",
|
||||
},
|
||||
id: "3", name: "Marcos Silva", handle: "@marcos_fade", testimonial: "Economizei horas de trabalho que antes perdia no WhatsApp.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-model-holding-book-red-wall_114579-56019.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Pedro Lima",
|
||||
handle: "@pedro_barber",
|
||||
testimonial: "A melhor decisão que tomei para o meu negócio.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-model-holding-book-red-wall_114579-56019.jpg?_wi=4",
|
||||
},
|
||||
id: "4", name: "Pedro Lima", handle: "@pedro_barber", testimonial: "A melhor decisão que tomei para o meu negócio.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-model-holding-book-red-wall_114579-56019.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lucas Souza",
|
||||
handle: "@lucas_style",
|
||||
testimonial: "Simplesmente incrível, o melhor suporte do mercado.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-model-holding-book-red-wall_114579-56019.jpg?_wi=5",
|
||||
},
|
||||
id: "5", name: "Lucas Souza", handle: "@lucas_style", testimonial: "Simplesmente incrível, o melhor suporte do mercado.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-model-holding-book-red-wall_114579-56019.jpg"},
|
||||
]}
|
||||
title="Barbeiros que confiam"
|
||||
description="Veja os resultados reais de quem já transformou o atendimento."
|
||||
@@ -263,45 +159,34 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="IMPLEMENTAÇÃO"
|
||||
title="Quer esse sistema na sua barbearia?"
|
||||
description="Solicite uma implementação e eleve o padrão da sua barbearia."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/barber-showing-man-his-haircut-mirror_107420-94782.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/barber-showing-man-his-haircut-mirror_107420-94782.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/barber-showing-man-his-haircut-mirror_107420-94782.jpg?_wi=4"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/barber-showing-man-his-haircut-mirror_107420-94782.jpg"
|
||||
logoText="BarberFlow"
|
||||
columns={[
|
||||
{
|
||||
title: "Produto",
|
||||
items: [
|
||||
title: "Produto", items: [
|
||||
{
|
||||
label: "Funcionalidades",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Funcionalidades", href: "#features"},
|
||||
{
|
||||
label: "Preços",
|
||||
href: "#",
|
||||
},
|
||||
label: "Preços", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Suporte",
|
||||
items: [
|
||||
title: "Suporte", items: [
|
||||
{
|
||||
label: "Ajuda",
|
||||
href: "#",
|
||||
},
|
||||
label: "Ajuda", href: "#"},
|
||||
{
|
||||
label: "Contato",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contato", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user