Update src/app/page.tsx

This commit is contained in:
2026-06-10 15:14:50 +00:00
parent 4a28a6120c
commit 9e836306af

View File

@@ -32,29 +32,17 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "hero"},
id: "hero",
},
{ {
name: "Servicios", name: "Servicios", id: "services"},
id: "services",
},
{ {
name: "Sobre Nosotros", name: "Sobre Nosotros", id: "about"},
id: "about",
},
{ {
name: "Opiniones", name: "Opiniones", id: "testimonials"},
id: "testimonials",
},
{ {
name: "FAQ", name: "FAQ", id: "faq"},
id: "faq",
},
{ {
name: "Contacto", name: "Contacto", id: "contact"},
id: "contact",
},
]} ]}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p7p0kn" logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p7p0kn"
logoAlt="Sa Pelu Logo" logoAlt="Sa Pelu Logo"
@@ -68,13 +56,9 @@ export default function LandingPage() {
description="Tu oasis de belleza en Can Picafort. Expertos en coloración, estilismo y tratamientos capilares para realzar tu estilo único y personalidad." description="Tu oasis de belleza en Can Picafort. Expertos en coloración, estilismo y tratamientos capilares para realzar tu estilo único y personalidad."
buttons={[ buttons={[
{ {
text: "Reservar Cita", text: "Reservar Cita", href: "#contact"},
href: "#contact",
},
{ {
text: "Ver Servicios", text: "Ver Servicios", href: "#services"},
href: "#services",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326537.jpg" imageSrc="http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326537.jpg"
imageAlt="Modern hair salon interior with stylish decor and hairdressing chairs" imageAlt="Modern hair salon interior with stylish decor and hairdressing chairs"
@@ -82,25 +66,15 @@ export default function LandingPage() {
textPosition="bottom" textPosition="bottom"
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/close-up-portrait-green-eyed-brunette-woman-hair-band-white-t-shirt-against-wall-windows-cacti_197531-17042.jpg", src: "http://img.b2bpic.net/free-photo/close-up-portrait-green-eyed-brunette-woman-hair-band-white-t-shirt-against-wall-windows-cacti_197531-17042.jpg", alt: "Happy female client"},
alt: "Happy female client",
},
{ {
src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-smiling-confident-standing-street_839833-16107.jpg", src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-smiling-confident-standing-street_839833-16107.jpg", alt: "Smiling young woman"},
alt: "Smiling young woman",
},
{ {
src: "http://img.b2bpic.net/free-photo/closeup-portrait-enthusiastic-excited-surprised-hispanic-guy-hear-amazing-news-open-mouth-bea_1258-113406.jpg", src: "http://img.b2bpic.net/free-photo/closeup-portrait-enthusiastic-excited-surprised-hispanic-guy-hear-amazing-news-open-mouth-bea_1258-113406.jpg", alt: "Joyful person"},
alt: "Joyful person",
},
{ {
src: "http://img.b2bpic.net/free-photo/confident-pretty-girl-with-curly-hairstyle-showing-okay-gestures-smiling-approve-agree-with_1258-172776.jpg", src: "http://img.b2bpic.net/free-photo/confident-pretty-girl-with-curly-hairstyle-showing-okay-gestures-smiling-approve-agree-with_1258-172776.jpg", alt: "Content female customer"},
alt: "Content female customer",
},
{ {
src: "http://img.b2bpic.net/free-photo/cute-young-woman-outdoor_624325-2565.jpg", src: "http://img.b2bpic.net/free-photo/cute-young-woman-outdoor_624325-2565.jpg", alt: "Positive young woman"},
alt: "Positive young woman",
},
]} ]}
avatarText="Más de 100 clientes confían en nosotros" avatarText="Más de 100 clientes confían en nosotros"
/> />
@@ -113,19 +87,13 @@ export default function LandingPage() {
metrics={[ metrics={[
{ {
icon: Star, icon: Star,
label: "Valoración Promedio", label: "Valoración Promedio", value: "4.8"},
value: "4.8",
},
{ {
icon: Users, icon: Users,
label: "Clientes Felices", label: "Clientes Felices", value: "80+"},
value: "80+",
},
{ {
icon: Scissors, icon: Scissors,
label: "Años de Experiencia", label: "Años de Experiencia", value: "10+"},
value: "10+",
},
]} ]}
metricsAnimation="slide-up" metricsAnimation="slide-up"
/> />
@@ -138,70 +106,25 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
id: "coloracion", id: "coloracion", title: "Coloración Capilar", author: "Expertos en color", description: "Transforma tu cabello con técnicas de coloración modernas y productos de alta calidad para un resultado vibrante y duradero.", tags: [
title: "Coloración Capilar", "Color", "Mechas", "Tinte"],
author: "Expertos en color", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-dyed-home-by-beautician_23-2148817213.jpg", imageAlt: "Hair coloring process in salon"},
description: "Transforma tu cabello con técnicas de coloración modernas y productos de alta calidad para un resultado vibrante y duradero.",
tags: [
"Color",
"Mechas",
"Tinte",
],
imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-dyed-home-by-beautician_23-2148817213.jpg",
imageAlt: "Hair coloring process in salon",
},
{ {
id: "estilismo", id: "estilismo", title: "Estilismo Personalizado", author: "Estilistas Profesionales", description: "Cortes y peinados a medida para cada ocasión, reflejando tu personalidad y las últimas tendencias de moda.", tags: [
title: "Estilismo Personalizado", "Corte", "Peinado", "Moda"],
author: "Estilistas Profesionales", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-accessories-barber-shop_23-2148256980.jpg", imageAlt: "Hair styling and haircut"},
description: "Cortes y peinados a medida para cada ocasión, reflejando tu personalidad y las últimas tendencias de moda.",
tags: [
"Corte",
"Peinado",
"Moda",
],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-accessories-barber-shop_23-2148256980.jpg",
imageAlt: "Hair styling and haircut",
},
{ {
id: "balayage", id: "balayage", title: "Balayage y Mechas", author: "Técnicas Avanzadas", description: "Ilumina tu melena con balayage, mechas o babylights, creando efectos naturales de luz y dimensión.", tags: [
title: "Balayage y Mechas", "Balayage", "Highlights", "Luz"],
author: "Técnicas Avanzadas", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-hair-salon_23-2150668430.jpg", imageAlt: "Balayage hair technique"},
description: "Ilumina tu melena con balayage, mechas o babylights, creando efectos naturales de luz y dimensión.",
tags: [
"Balayage",
"Highlights",
"Luz",
],
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-hair-salon_23-2150668430.jpg",
imageAlt: "Balayage hair technique",
},
{ {
id: "tratamientos", id: "tratamientos", title: "Tratamientos Capilares", author: "Cuidado Experto", description: "Revitaliza y nutre tu cabello con nuestros tratamientos especializados para fortalecerlo, repararlo y darle un brillo saludable.", tags: [
title: "Tratamientos Capilares", "Nutrición", "Reparación", "Brillo"],
author: "Cuidado Experto", imageSrc: "http://img.b2bpic.net/free-photo/assortment-natural-argan-oil-dropper_23-2149016628.jpg", imageAlt: "Hair treatment mask application"},
description: "Revitaliza y nutre tu cabello con nuestros tratamientos especializados para fortalecerlo, repararlo y darle un brillo saludable.",
tags: [
"Nutrición",
"Reparación",
"Brillo",
],
imageSrc: "http://img.b2bpic.net/free-photo/assortment-natural-argan-oil-dropper_23-2149016628.jpg",
imageAlt: "Hair treatment mask application",
},
{ {
id: "alisado", id: "alisado", title: "Alisado y Abrillantamiento", author: "Resultados Impecables", description: "Consigue un cabello liso perfecto, sin encrespamiento, o un brillo espectacular con nuestros servicios profesionales.", tags: [
title: "Alisado y Abrillantamiento", "Alisado", "Queratina", "Suavidad"],
author: "Resultados Impecables", imageSrc: "http://img.b2bpic.net/free-photo/woman-wears-white-shirt-from-backside-showing-ideal-straight-hair_633478-2236.jpg", imageAlt: "Hair straightening with iron"},
description: "Consigue un cabello liso perfecto, sin encrespamiento, o un brillo espectacular con nuestros servicios profesionales.",
tags: [
"Alisado",
"Queratina",
"Suavidad",
],
imageSrc: "http://img.b2bpic.net/free-photo/woman-wears-white-shirt-from-backside-showing-ideal-straight-hair_633478-2236.jpg",
imageAlt: "Hair straightening with iron",
},
]} ]}
title="Nuestros Servicios Exclusivos" title="Nuestros Servicios Exclusivos"
description="Desde un corte clásico hasta las últimas tendencias en color, nuestro equipo de estilistas está aquí para transformar tu look y realzar tu belleza natural." description="Desde un corte clásico hasta las últimas tendencias en color, nuestro equipo de estilistas está aquí para transformar tu look y realzar tu belleza natural."
@@ -213,14 +136,7 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
names={[ names={[
"Client Choice", "Client Choice", "Beauty Awards", "Top Rated", "Trusted Experts", "Salon Favorite", "Community Love", "Style Leaders"]}
"Beauty Awards",
"Top Rated",
"Trusted Experts",
"Salon Favorite",
"Community Love",
"Style Leaders",
]}
title="Confía en los expertos en belleza" title="Confía en los expertos en belleza"
description="Nuestra pasión por el cabello y el compromiso con la excelencia nos convierten en la elección preferida de nuestra comunidad." description="Nuestra pasión por el cabello y el compromiso con la excelencia nos convierten en la elección preferida de nuestra comunidad."
/> />
@@ -231,47 +147,23 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Jorge Asensio", title: "Excelente servicio de coloración", quote: "Excelente servicio de coloración. ¡Mi cabello nunca había lucido tan vibrante y saludable! El equipo es muy profesional y atento.", role: "Cliente Satisfecho", imageSrc: "http://img.b2bpic.net/free-photo/best-friends-smiling-each-other_23-2148238236.jpg", imageAlt: "Jorge Asensio"
name: "Jorge Asensio",
imageSrc: "http://img.b2bpic.net/free-photo/best-friends-smiling-each-other_23-2148238236.jpg",
imageAlt: "Jorge Asensio",
testimonial: "Excelente servicio de coloración. ¡Mi cabello nunca había lucido tan vibrante y saludable! El equipo es muy profesional y atento.",
}, },
{ {
id: "2", id: "2", name: "Rodrigo Piqueras García", title: "Corte moderno y estilizado", quote: "Corte moderno y estilizado. El peluquero entendió exactamente lo que quería y el resultado superó mis expectativas. ¡Volveré sin duda!", role: "Cliente Satisfecho", imageSrc: "http://img.b2bpic.net/free-photo/side-view-barbershop-concept_23-2148506221.jpg", imageAlt: "Rodrigo Piqueras García"
name: "Rodrigo Piqueras García",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-barbershop-concept_23-2148506221.jpg",
imageAlt: "Rodrigo Piqueras García",
testimonial: "Corte moderno y estilizado. El peluquero entendió exactamente lo que quería y el resultado superó mis expectativas. ¡Volveré sin duda!",
}, },
{ {
id: "3", id: "3", name: "Micaela Llull", title: "Balayage natural y luminoso", quote: "Me hice un balayage y estoy encantada. El efecto es súper natural y luminoso, justo lo que buscaba para este verano. El ambiente es muy agradable.", role: "Cliente Satisfecha", imageSrc: "http://img.b2bpic.net/free-photo/smiling-blonde-stylish-young-woman_23-2147910286.jpg", imageAlt: "Micaela Llull"
name: "Micaela Llull",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-blonde-stylish-young-woman_23-2147910286.jpg",
imageAlt: "Micaela Llull",
testimonial: "Me hice un balayage y estoy encantada. El efecto es súper natural y luminoso, justo lo que buscaba para este verano. El ambiente es muy agradable.",
}, },
{ {
id: "4", id: "4", name: "Ana García", title: "Tratamientos capilares maravillosos", quote: "Los tratamientos capilares son una maravilla. Mi cabello estaba seco y dañado, y ahora tiene un brillo y una suavidad increíbles. ¡Gracias, Sa Pelu!", role: "Cliente Satisfecha", imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-posing-salon_23-2150462487.jpg", imageAlt: "Ana García"
name: "Ana García",
imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-posing-salon_23-2150462487.jpg",
imageAlt: "Ana García",
testimonial: "Los tratamientos capilares son una maravilla. Mi cabello estaba seco y dañado, y ahora tiene un brillo y una suavidad increíbles. ¡Gracias, Sa Pelu!",
}, },
{ {
id: "5", id: "5", name: "Carlos Ruiz", title: "Alisado perfecto", quote: "Primera vez en Sa Pelu y ya soy cliente fijo. El alisado dejó mi cabello perfecto, sin frizz y con un brillo espectacular. ¡Totalmente recomendado!", role: "Cliente Satisfecho", imageSrc: "http://img.b2bpic.net/free-photo/young-lady-floral-top-showing-thumb-up-looking-confident_176474-24358.jpg", imageAlt: "Carlos Ruiz"
name: "Carlos Ruiz",
imageSrc: "http://img.b2bpic.net/free-photo/young-lady-floral-top-showing-thumb-up-looking-confident_176474-24358.jpg",
imageAlt: "Carlos Ruiz",
testimonial: "Primera vez en Sa Pelu y ya soy cliente fijo. El alisado dejó mi cabello perfecto, sin frizz y con un brillo espectacular. ¡Totalmente recomendado!",
}, },
{ {
id: "6", id: "6", name: "Sofía Pérez", title: "Estilismo impecable y atención de 10", quote: "Siempre salgo feliz de Sa Pelu. El estilismo es impecable y la atención al cliente es de 10. Se nota la pasión en cada detalle.", role: "Cliente Satisfecha", imageSrc: "http://img.b2bpic.net/free-photo/side-view-makeup-artist-applying-powder-model_23-2147783866.jpg", imageAlt: "Sofía Pérez"
name: "Sofía Pérez", }
imageSrc: "http://img.b2bpic.net/free-photo/side-view-makeup-artist-applying-powder-model_23-2147783866.jpg",
imageAlt: "Sofía Pérez",
testimonial: "Siempre salgo feliz de Sa Pelu. El estilismo es impecable y la atención al cliente es de 10. Se nota la pasión en cada detalle.",
},
]} ]}
cardTitle="Experiencias que hablan por sí solas" cardTitle="Experiencias que hablan por sí solas"
cardTag="Tu satisfacción, nuestra mejor carta de presentación" cardTag="Tu satisfacción, nuestra mejor carta de presentación"
@@ -284,30 +176,15 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
faqs={[ faqs={[
{ {
id: "q1", id: "q1", title: "¿Necesito pedir cita previa?", content: "Sí, para garantizar la mejor atención y evitar esperas, recomendamos encarecidamente reservar tu cita con antelación. Puedes hacerlo por teléfono o visitándonos en el salón."},
title: "¿Necesito pedir cita previa?",
content: "Sí, para garantizar la mejor atención y evitar esperas, recomendamos encarecidamente reservar tu cita con antelación. Puedes hacerlo por teléfono o visitándonos en el salón.",
},
{ {
id: "q2", id: "q2", title: "¿Qué tipos de pago aceptáis?", content: "Aceptamos pagos en efectivo y con las principales tarjetas de crédito/débito. Consulta en recepción si tienes alguna duda sobre un método de pago específico."},
title: "¿Qué tipos de pago aceptáis?",
content: "Aceptamos pagos en efectivo y con las principales tarjetas de crédito/débito. Consulta en recepción si tienes alguna duda sobre un método de pago específico.",
},
{ {
id: "q3", id: "q3", title: "¿Utilizáis productos sin amoniaco para coloración?", content: "Sí, ofrecemos una variedad de productos de coloración, incluyendo opciones sin amoniaco, para cuidar la salud y el bienestar de tu cabello. Consulta a tu estilista para conocer las opciones disponibles."},
title: "¿Utilizáis productos sin amoniaco para coloración?",
content: "Sí, ofrecemos una variedad de productos de coloración, incluyendo opciones sin amoniaco, para cuidar la salud y el bienestar de tu cabello. Consulta a tu estilista para conocer las opciones disponibles.",
},
{ {
id: "q4", id: "q4", title: "¿Puedo cambiar o cancelar mi cita?", content: "Sí, puedes cambiar o cancelar tu cita. Te pedimos que nos avises con al menos 24 horas de antelación para que podamos ajustar nuestra agenda y ofrecer la hora a otros clientes."},
title: "¿Puedo cambiar o cancelar mi cita?",
content: "Sí, puedes cambiar o cancelar tu cita. Te pedimos que nos avises con al menos 24 horas de antelación para que podamos ajustar nuestra agenda y ofrecer la hora a otros clientes.",
},
{ {
id: "q5", id: "q5", title: "¿Ofrecéis servicios para hombres y niños?", content: "¡Claro! En Sa Pelu atendemos a toda la familia. Ofrecemos servicios especializados y cortes de pelo para hombres, mujeres y niños, adaptándonos a las necesidades de cada uno."},
title: "¿Ofrecéis servicios para hombres y niños?",
content: "¡Claro! En Sa Pelu atendemos a toda la familia. Ofrecemos servicios especializados y cortes de pelo para hombres, mujeres y niños, adaptándonos a las necesidades de cada uno.",
},
]} ]}
sideTitle="¿Tienes Preguntas?" sideTitle="¿Tienes Preguntas?"
sideDescription="Encuentra respuestas rápidas y útiles a las consultas más comunes sobre nuestros servicios, citas y productos." sideDescription="Encuentra respuestas rápidas y útiles a las consultas más comunes sobre nuestros servicios, citas y productos."
@@ -320,18 +197,13 @@ export default function LandingPage() {
<ContactText <ContactText
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "radial-gradient", variant: "radial-gradient"}}
}}
text="Visítanos en Can Picafort o llámanos para reservar tu cita. ¡Estamos deseando darte la bienvenida a Sa Pelu y transformar tu estilo!" text="Visítanos en Can Picafort o llámanos para reservar tu cita. ¡Estamos deseando darte la bienvenida a Sa Pelu y transformar tu estilo!"
buttons={[ buttons={[
{ {
text: "Llamar Ahora", text: "Llamar Ahora", href: "tel:+34971850234"},
href: "tel:+34971850234",
},
{ {
text: "Cómo Llegar", text: "Cómo Llegar", href: "https://www.google.com/maps/search/Sa+Pelu+Passeig+Col%C3%B3n,+40,+07458+Can+Picafort,+Illes+Balears"},
href: "https://www.google.com/maps/search/Sa+Pelu+Passeig+Col%C3%B3n,+40,+07458+Can+Picafort,+Illes+Balears",
},
]} ]}
/> />
</div> </div>
@@ -340,54 +212,33 @@ export default function LandingPage() {
<FooterBase <FooterBase
columns={[ columns={[
{ {
title: "Servicios", title: "Servicios", items: [
items: [
{ {
label: "Coloración", label: "Coloración", href: "#services"},
href: "#services",
},
{ {
label: "Estilismo", label: "Estilismo", href: "#services"},
href: "#services",
},
{ {
label: "Balayage", label: "Balayage", href: "#services"},
href: "#services",
},
{ {
label: "Tratamientos", label: "Tratamientos", href: "#services"},
href: "#services",
},
], ],
}, },
{ {
title: "Contacto", title: "Contacto", items: [
items: [
{ {
label: "Ubicación", label: "Ubicación", href: "https://www.google.com/maps/search/Sa+Pelu+Passeig+Col%C3%B3n,+40,+07458+Can+Picafort,+Illes+Balears"},
href: "https://www.google.com/maps/search/Sa+Pelu+Passeig+Col%C3%B3n,+40,+07458+Can+Picafort,+Illes+Balears",
},
{ {
label: "Teléfono", label: "Teléfono", href: "tel:+34971850234"},
href: "tel:+34971850234",
},
{ {
label: "Horario", label: "Horario", href: "#contact"},
href: "#contact",
},
], ],
}, },
{ {
title: "Legal", title: "Legal", items: [
items: [
{ {
label: "Política de Privacidad", label: "Política de Privacidad", href: "#"},
href: "#",
},
{ {
label: "Términos de Servicio", label: "Términos de Servicio", href: "#"},
href: "#",
},
], ],
}, },
]} ]}