bender/6dcd49ef-7a05-4e8d-80a0-c0351f7bebdb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
bender
2026-06-10 15:14:53 +00:00
parent 4a28a6120c 9e836306af
commit 2db8a9ec54
1 changed files with 59 additions and 208 deletions
Download Patch File Download Diff File Expand all files Collapse all files

267
src/app/page.tsx
View File

@@ -32,29 +32,17 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Servicios",
id: "services",
},
name: "Servicios", id: "services"},
{
name: "Sobre Nosotros",
id: "about",
},
name: "Sobre Nosotros", id: "about"},
{
name: "Opiniones",
id: "testimonials",
},
name: "Opiniones", id: "testimonials"},
{
name: "FAQ",
id: "faq",
},
name: "FAQ", id: "faq"},
{
name: "Contacto",
id: "contact",
},
name: "Contacto", id: "contact"},
]}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p7p0kn"
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."
buttons={[
{
text: "Reservar Cita",
href: "#contact",
},
text: "Reservar Cita", href: "#contact"},
{
text: "Ver Servicios",
href: "#services",
},
text: "Ver Servicios", href: "#services"},
]}
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"
@@ -82,25 +66,15 @@ export default function LandingPage() {
textPosition="bottom"
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",
alt: "Happy female client",
},
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"},
{
src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-smiling-confident-standing-street_839833-16107.jpg",
alt: "Smiling young woman",
},
src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-smiling-confident-standing-street_839833-16107.jpg", 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",
alt: "Joyful person",
},
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"},
{
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",
},
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"},
{
src: "http://img.b2bpic.net/free-photo/cute-young-woman-outdoor_624325-2565.jpg",
alt: "Positive young woman",
},
src: "http://img.b2bpic.net/free-photo/cute-young-woman-outdoor_624325-2565.jpg", alt: "Positive young woman"},
]}
avatarText="Más de 100 clientes confían en nosotros"
/>
@@ -113,19 +87,13 @@ export default function LandingPage() {
metrics={[
{
icon: Star,
label: "Valoración Promedio",
value: "4.8",
},
label: "Valoración Promedio", value: "4.8"},
{
icon: Users,
label: "Clientes Felices",
value: "80+",
},
label: "Clientes Felices", value: "80+"},
{
icon: Scissors,
label: "Años de Experiencia",
value: "10+",
},
label: "Años de Experiencia", value: "10+"},
]}
metricsAnimation="slide-up"
/>
@@ -138,70 +106,25 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
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: [
"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: "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: [
"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",
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: [
"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: "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: [
"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",
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: [
"Balayage",
"Highlights",
"Luz",
],
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-hair-salon_23-2150668430.jpg",
imageAlt: "Balayage hair technique",
},
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: [
"Balayage", "Highlights", "Luz"],
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-hair-salon_23-2150668430.jpg", imageAlt: "Balayage hair technique"},
{
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: [
"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: "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: [
"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",
title: "Alisado y Abrillantamiento",
author: "Resultados Impecables",
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",
},
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: [
"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"
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"
useInvertedBackground={true}
names={[
"Client Choice",
"Beauty Awards",
"Top Rated",
"Trusted Experts",
"Salon Favorite",
"Community Love",
"Style Leaders",
]}
"Client Choice", "Beauty Awards", "Top Rated", "Trusted Experts", "Salon Favorite", "Community Love", "Style Leaders"]}
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."
/>
@@ -231,47 +147,23 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
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: "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"
},
{
id: "2",
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: "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"
},
{
id: "3",
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: "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"
},
{
id: "4",
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: "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"
},
{
id: "5",
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: "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"
},
{
id: "6",
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.",
},
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"
}
]}
cardTitle="Experiencias que hablan por sí solas"
cardTag="Tu satisfacción, nuestra mejor carta de presentación"
@@ -284,30 +176,15 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
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.",
},
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."},
{
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.",
},
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."},
{
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.",
},
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."},
{
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.",
},
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."},
{
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.",
},
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."},
]}
sideTitle="¿Tienes Preguntas?"
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
useInvertedBackground={false}
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!"
buttons={[
{
text: "Llamar Ahora",
href: "tel:+34971850234",
},
text: "Llamar Ahora", href: "tel:+34971850234"},
{
text: "Cómo Llegar",
href: "https://www.google.com/maps/search/Sa+Pelu+Passeig+Col%C3%B3n,+40,+07458+Can+Picafort,+Illes+Balears",
},
text: "Cómo Llegar", href: "https://www.google.com/maps/search/Sa+Pelu+Passeig+Col%C3%B3n,+40,+07458+Can+Picafort,+Illes+Balears"},
]}
/>
</div>
@@ -340,54 +212,33 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Servicios",
items: [
title: "Servicios", items: [
{
label: "Coloración",
href: "#services",
},
label: "Coloración", href: "#services"},
{
label: "Estilismo",
href: "#services",
},
label: "Estilismo", href: "#services"},
{
label: "Balayage",
href: "#services",
},
label: "Balayage", href: "#services"},
{
label: "Tratamientos",
href: "#services",
},
label: "Tratamientos", href: "#services"},
],
},
{
title: "Contacto",
items: [
title: "Contacto", items: [
{
label: "Ubicación",
href: "https://www.google.com/maps/search/Sa+Pelu+Passeig+Col%C3%B3n,+40,+07458+Can+Picafort,+Illes+Balears",
},
label: "Ubicación", href: "https://www.google.com/maps/search/Sa+Pelu+Passeig+Col%C3%B3n,+40,+07458+Can+Picafort,+Illes+Balears"},
{
label: "Teléfono",
href: "tel:+34971850234",
},
label: "Teléfono", href: "tel:+34971850234"},
{
label: "Horario",
href: "#contact",
},
label: "Horario", href: "#contact"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Política de Privacidad",
href: "#",
},
label: "Política de Privacidad", href: "#"},
{
label: "Términos de Servicio",
href: "#",
},
label: "Términos de Servicio", href: "#"},
],
},
]}