bender/a60d18aa-debe-40ba-bf03-493ff3d03aed
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-30 10:38:58 +00:00
parent 52a7dc8db9
commit fe9742d4b6
1 changed files with 55 additions and 183 deletions
Download Patch File Download Diff File Expand all files Collapse all files

238
src/app/page.tsx
View File

@@ -31,21 +31,13 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Início",
id: "hero",
},
name: "Início", id: "hero"},
{
name: "Sobre",
id: "about",
},
name: "Sobre", id: "about"},
{
name: "Serviços",
id: "features",
},
name: "Serviços", id: "features"},
{
name: "Marcações",
id: "contact",
},
name: "Marcações", id: "contact"},
]}
brandName="Bety Cabeleireiros"
/>
@@ -54,66 +46,41 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Cuidado profissional para o seu cabelo"
description="Mais de 25 anos a realçar a sua beleza no centro de Famalicão. Atendimento personalizado e requintado."
buttons={[
{
text: "Marcar por Telefone",
href: "tel:+351000000000",
},
text: "Marcar por Telefone", href: "tel:+351000000000"},
{
text: "Agendar Atendimento",
href: "#contact",
},
text: "Agendar Atendimento", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/side-view-smiley-friends-indoors_23-2149604085.jpg"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/armchair-couch_1203-772.jpg",
alt: "Client profile 1",
},
src: "http://img.b2bpic.net/free-photo/armchair-couch_1203-772.jpg", alt: "Client profile 1"},
{
src: "http://img.b2bpic.net/free-photo/illuminated-couch-armchair_1203-771.jpg",
alt: "Client profile 2",
},
src: "http://img.b2bpic.net/free-photo/illuminated-couch-armchair_1203-771.jpg", alt: "Client profile 2"},
{
src: "http://img.b2bpic.net/free-photo/blurred-vanity-with-plenty-mirrors_1203-80.jpg",
alt: "Client profile 3",
},
src: "http://img.b2bpic.net/free-photo/blurred-vanity-with-plenty-mirrors_1203-80.jpg", alt: "Client profile 3"},
{
src: "http://img.b2bpic.net/free-photo/elegant-hotel-reception-lobby_482257-76206.jpg",
alt: "Client profile 4",
},
src: "http://img.b2bpic.net/free-photo/elegant-hotel-reception-lobby_482257-76206.jpg", alt: "Client profile 4"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-doctor_23-2149311362.jpg",
alt: "Client profile 5",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-doctor_23-2149311362.jpg", alt: "Client profile 5"},
]}
avatarText="Junte-se a +5000 clientes satisfeitos"
marqueeItems={[
{
type: "text",
text: "Excelência",
},
type: "text", text: "Excelência"},
{
type: "text",
text: "Confiança",
},
type: "text", text: "Confiança"},
{
type: "text",
text: "Tradição",
},
type: "text", text: "Tradição"},
{
type: "text",
text: "Modernidade",
},
type: "text", text: "Modernidade"},
{
type: "text",
text: "Estilo",
},
type: "text", text: "Estilo"},
]}
/>
</div>
@@ -125,17 +92,11 @@ export default function LandingPage() {
description="No Bety Cabeleireiros, cuidamos de cada cliente como se fosse única. Nossa experiência é o reflexo da satisfação que entregamos todos os dias."
metrics={[
{
value: "25+",
title: "Anos de Experiência",
},
value: "25+", title: "Anos de Experiência"},
{
value: "5k+",
title: "Clientes Satisfeitas",
},
value: "5k+", title: "Clientes Satisfeitas"},
{
value: "100%",
title: "Atendimento Personalizado",
},
value: "100%", title: "Atendimento Personalizado"},
]}
imageSrc="http://img.b2bpic.net/free-photo/family-car-salon-woman-buying-thecar-seat-little-african-girl-with-mther_1157-45043.jpg"
mediaAnimation="blur-reveal"
@@ -151,26 +112,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Cortes Modernos",
description: "Design personalizado que valoriza o seu rosto.",
imageSrc: "http://img.b2bpic.net/free-photo/trimmers-scissors-flat-lay_23-2148352841.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/flat-lay-hairstyle-tools-arrangement_23-2149552391.jpg",
buttonText: "Saber Mais",
},
title: "Cortes Modernos", description: "Design personalizado que valoriza o seu rosto.", imageSrc: "http://img.b2bpic.net/free-photo/trimmers-scissors-flat-lay_23-2148352841.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/flat-lay-hairstyle-tools-arrangement_23-2149552391.jpg", buttonText: "Saber Mais"},
{
title: "Coloração Exclusiva",
description: "Técnicas de cor que preservam a saúde capilar.",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-hair-salon_23-2150668436.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/mature-woman-getting-her-hair-dyed-by-hairdresser-home_23-2148817232.jpg",
buttonText: "Saber Mais",
},
title: "Coloração Exclusiva", description: "Técnicas de cor que preservam a saúde capilar.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-hair-salon_23-2150668436.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/mature-woman-getting-her-hair-dyed-by-hairdresser-home_23-2148817232.jpg", buttonText: "Saber Mais"},
{
title: "Tratamentos Capilares",
description: "Rituais de hidratação intensa com marcas premium.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230920.jpg",
titleImageSrc: "http://img.b2bpic.net/free-photo/crop-stylist-washing-hair-blonde_23-2147769801.jpg",
buttonText: "Saber Mais",
},
title: "Tratamentos Capilares", description: "Rituais de hidratação intensa com marcas premium.", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-treatment-hairdresser-shop_23-2149230920.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/crop-stylist-washing-hair-blonde_23-2147769801.jpg", buttonText: "Saber Mais"},
]}
title="Nossos Serviços Premium"
description="Soluções capilares completas para realçar o seu estilo e bem-estar."
@@ -179,59 +125,27 @@ export default function LandingPage() {
<div id="pricing" data-section="pricing">
<PricingCardFive
animationType="slide-up"
textboxLayout="split-description"
useInvertedBackground={true}
plans={[
{
id: "corte",
tag: "Essentials",
price: "15€",
period: "a partir",
description: "Corte de manutenção ou novo visual.",
button: {
text: "Agendar Agora",
href: "#contact",
},
featuresTitle: "O que inclui",
features: [
"Lavagem profissional",
"Corte personalizado",
"Brushing de acabamento",
],
id: "corte", tag: "Essentials", price: "15€", period: "a partir", description: "Corte de manutenção ou novo visual.", button: {
text: "Agendar Agora", href: "#contact"},
featuresTitle: "O que inclui", features: [
"Lavagem profissional", "Corte personalizado", "Brushing de acabamento"],
},
{
id: "cor",
tag: "Popular",
price: "45€",
period: "a partir",
description: "Coloração completa com produtos de alta performance.",
button: {
text: "Agendar Agora",
href: "#contact",
},
featuresTitle: "O que inclui",
features: [
"Aplicação de cor",
"Proteção capilar",
"Brushing de brilho",
],
id: "cor", tag: "Popular", price: "45€", period: "a partir", description: "Coloração completa com produtos de alta performance.", button: {
text: "Agendar Agora", href: "#contact"},
featuresTitle: "O que inclui", features: [
"Aplicação de cor", "Proteção capilar", "Brushing de brilho"],
},
{
id: "trat",
tag: "Premium",
price: "30€",
period: "a partir",
description: "Tratamento de nutrição profunda com ritual de beleza.",
button: {
text: "Agendar Agora",
href: "#contact",
},
featuresTitle: "O que inclui",
features: [
"Máscara nutriente",
"Massagem craniana",
"Finalização premium",
],
id: "trat", tag: "Premium", price: "30€", period: "a partir", description: "Tratamento de nutrição profunda com ritual de beleza.", button: {
text: "Agendar Agora", href: "#contact"},
featuresTitle: "O que inclui", features: [
"Máscara nutriente", "Massagem craniana", "Finalização premium"],
},
]}
title="Tabela de Serviços"
@@ -244,34 +158,17 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Maria Silva",
imageSrc: "http://img.b2bpic.net/free-photo/charming-smiling-lady-with-long-wavy-dark-hair-is-touching-hair-looking-camera-home_291650-2384.jpg",
},
id: "1", name: "Maria Silva", imageSrc: "http://img.b2bpic.net/free-photo/charming-smiling-lady-with-long-wavy-dark-hair-is-touching-hair-looking-camera-home_291650-2384.jpg"},
{
id: "2",
name: "Ana Oliveira",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-hairdressershowing-how-use-hair-straighntener_259150-60106.jpg",
},
id: "2", name: "Ana Oliveira", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-hairdressershowing-how-use-hair-straighntener_259150-60106.jpg"},
{
id: "3",
name: "Beatriz Rocha",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-posing-with-photo-tape-red-background-high-quality-photo_114579-60868.jpg",
},
id: "3", name: "Beatriz Rocha", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-posing-with-photo-tape-red-background-high-quality-photo_114579-60868.jpg"},
{
id: "4",
name: "Carla Mendes",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-blonde-stylish-young-woman_23-2147910286.jpg",
},
id: "4", name: "Carla Mendes", imageSrc: "http://img.b2bpic.net/free-photo/smiling-blonde-stylish-young-woman_23-2147910286.jpg"},
{
id: "5",
name: "Sofia Costa",
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-home-getting-ready-haircut_23-2148817221.jpg",
},
]}
cardTitle="O que as nossas clientes dizem"
cardTag="4.4 / 5 Rating"
cardAnimation="slide-up"
id: "5", name: "Sofia Costa", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-home-getting-ready-haircut_23-2148817221.jpg"},
],
cardTitle="O que as nossas clientes dizem", cardTag="4.4 / 5 Rating", cardAnimation="slide-up"
/>
</div>
@@ -280,14 +177,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"Kérastase",
"L'Oréal Professionnel",
"Schwarzkopf",
"Wella",
"ghd",
"Olaplex",
"Davines",
]}
"Kérastase", "L'Oréal Professionnel", "Schwarzkopf", "Wella", "ghd", "Olaplex", "Davines"]}
title="Parcerias de Excelência"
description="Utilizamos marcas de renome para garantir a saúde e beleza dos seus cabelos."
/>
@@ -297,8 +187,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
tag="Contacto"
title="Marque o seu atendimento hoje mesmo"
description="Deixe o seu contacto e entraremos em contacto consigo rapidamente para agendar o seu momento de beleza."
@@ -311,46 +200,29 @@ export default function LandingPage() {
logoText="Bety Cabeleireiros"
columns={[
{
title: "Contactos",
items: [
title: "Contactos", items: [
{
label: "Rua Principal, 123, Famalicão",
href: "#",
},
label: "Rua Principal, 123, Famalicão", href: "#"},
{
label: "+351 000 000 000",
href: "tel:+351000000000",
},
label: "+351 000 000 000", href: "tel:+351000000000"},
],
},
{
title: "Serviços",
items: [
title: "Serviços", items: [
{
label: "Cortes",
href: "#features",
},
label: "Cortes", href: "#features"},
{
label: "Coloração",
href: "#features",
},
label: "Coloração", href: "#features"},
{
label: "Tratamentos",
href: "#features",
},
label: "Tratamentos", href: "#features"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Política de Privacidade",
href: "#",
},
label: "Política de Privacidade", href: "#"},
{
label: "Termos de Uso",
href: "#",
},
label: "Termos de Uso", href: "#"},
],
},
]}