Update src/app/page.tsx

This commit is contained in:
2026-04-20 21:31:20 +00:00
parent b0e211bbff
commit 5b37ca87fd

View File

@@ -32,25 +32,15 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Inicio",
id: "#hero",
},
name: "Inicio", id: "hero"},
{
name: "Experiencia",
id: "#about",
},
name: "Experiencia", id: "about"},
{
name: "Servicios",
id: "#services",
},
name: "Servicios", id: "services"},
{
name: "Opiniones",
id: "#testimonials",
},
name: "Opiniones", id: "testimonials"},
{
name: "Contacto",
id: "#contact",
},
name: "Contacto", id: "contact"},
]}
brandName="Centro Belleza Patricia"
/>
@@ -62,69 +52,37 @@ export default function LandingPage() {
description="Más de 10 años cuidando tu belleza con trato cercano, profesionalidad y resultados que enamoran."
testimonials={[
{
name: "Elena R.",
handle: "@elena_r",
testimonial: "Llevo 10 años viniendo y no la cambio. Profesional y flexible.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-talking-phone_23-2148230757.jpg?_wi=1",
},
name: "Elena R.", handle: "@elena_r", testimonial: "Llevo 10 años viniendo y no la cambio. Profesional y flexible.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-talking-phone_23-2148230757.jpg"},
{
name: "Laura G.",
handle: "@laura_g",
testimonial: "Trato inmejorable, siempre salgo encantada.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/two-smiling-women-with-brushes-taking-selfie-makeup-mirror_23-2148113380.jpg?_wi=1",
},
name: "Laura G.", handle: "@laura_g", testimonial: "Trato inmejorable, siempre salgo encantada.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/two-smiling-women-with-brushes-taking-selfie-makeup-mirror_23-2148113380.jpg"},
{
name: "Sofia M.",
handle: "@sofia_m",
testimonial: "Me sentí como en casa, resultado perfecto sin saber qué quería.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-lovely-young-female-model-with-blond-hair-dressed-sleepwear-sitting-bed-with-wonderful-smile_291650-1060.jpg",
},
name: "Sofia M.", handle: "@sofia_m", testimonial: "Me sentí como en casa, resultado perfecto sin saber qué quería.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-lovely-young-female-model-with-blond-hair-dressed-sleepwear-sitting-bed-with-wonderful-smile_291650-1060.jpg"},
{
name: "Carmen D.",
handle: "@carmen_d",
testimonial: "La mejor peluquería de la ciudad, un lujo.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-cute-woman-outdoor_624325-1068.jpg",
},
name: "Carmen D.", handle: "@carmen_d", testimonial: "La mejor peluquería de la ciudad, un lujo.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-cute-woman-outdoor_624325-1068.jpg"},
{
name: "Beatriz P.",
handle: "@beatriz_p",
testimonial: "Servicio de alta calidad, siempre vuelvo.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-home-getting-ready-haircut_23-2148817221.jpg",
},
name: "Beatriz P.", handle: "@beatriz_p", testimonial: "Servicio de alta calidad, siempre vuelvo.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-home-getting-ready-haircut_23-2148817221.jpg"},
]}
buttons={[
{
text: "Reservar cita",
href: "#contact",
},
text: "Reservar cita", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/portrait-female-with-evening-make-up-dark-background_613910-323.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/portrait-female-with-evening-make-up-dark-background_613910-323.jpg"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg",
alt: "Client portrait 1",
},
src: "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg", alt: "Client portrait 1"},
{
src: "http://img.b2bpic.net/free-photo/beautiful-woman-holding-book-close-up_23-2148396302.jpg",
alt: "Client portrait 2",
},
src: "http://img.b2bpic.net/free-photo/beautiful-woman-holding-book-close-up_23-2148396302.jpg", alt: "Client portrait 2"},
{
src: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg",
alt: "Client portrait 3",
},
src: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg", alt: "Client portrait 3"},
{
src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
alt: "Client portrait 4",
},
src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg", alt: "Client portrait 4"},
{
src: "http://img.b2bpic.net/free-photo/closeup-smiling-adult-woman-leaning-wall_1262-1759.jpg",
alt: "Client portrait 5",
},
src: "http://img.b2bpic.net/free-photo/closeup-smiling-adult-woman-leaning-wall_1262-1759.jpg", alt: "Client portrait 5"},
]}
avatarText="Más de 5000 clientas felices nos avalan"
/>
@@ -137,19 +95,13 @@ export default function LandingPage() {
metrics={[
{
icon: Sparkles,
label: "Años de experiencia",
value: "10+",
},
label: "Años de experiencia", value: "10+"},
{
icon: Award,
label: "Clientes satisfechos",
value: "5000+",
},
label: "Clientes satisfechos", value: "5000+"},
{
icon: Users,
label: "Tratamientos realizados",
value: "15000+",
},
label: "Tratamientos realizados", value: "15000+"},
]}
metricsAnimation="slide-up"
/>
@@ -162,94 +114,58 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Peluquería",
description: "Cortes y estilos modernos adaptados a tu personalidad.",
icon: Scissors,
title: "Peluquería", description: "Cortes y estilos modernos adaptados a tu personalidad.", icon: Scissors,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/professional-girl-hairdresser-makes-client-haircut-girl-is-sitting-mask-beauty-salon_343596-4446.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/professional-girl-hairdresser-makes-client-haircut-girl-is-sitting-mask-beauty-salon_343596-4446.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-getting-haircut_23-2149220553.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-getting-haircut_23-2149220553.jpg"},
],
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-with-evening-make-up-dark-background_613910-323.jpg?_wi=2",
imageAlt: "professional hairstyling services interior",
},
{
title: "Color y mechas",
description: "Técnicas avanzadas de coloración con productos premium.",
icon: Palette,
title: "Color y mechas", description: "Técnicas avanzadas de coloración con productos premium.", icon: Palette,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/pack-brushes-with-powder_23-2148352929.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/pack-brushes-with-powder_23-2148352929.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-photo/hair-dryer-brushes-top-view_23-2148352864.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/hair-dryer-brushes-top-view_23-2148352864.jpg"},
],
imageSrc: "http://img.b2bpic.net/free-vector/best-offer-golden-laurel-wreath-label-with-crown-stars-royal-luxury-award-best-busines_384344-1659.jpg",
imageAlt: "professional hairstyling services interior",
},
{
title: "Depilación",
description: "Tratamientos suaves para una piel impecable.",
icon: Sparkles,
title: "Depilación", description: "Tratamientos suaves para una piel impecable.", icon: Sparkles,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/laser-epilation-hair-removal-therapy_1303-23515.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/laser-epilation-hair-removal-therapy_1303-23515.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-photo/laser-epilation-hair-removal-therapy_1303-23672.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/laser-epilation-hair-removal-therapy_1303-23672.jpg"},
],
imageSrc: "http://img.b2bpic.net/free-vector/hairdresser-workplace-design_23-2147548088.jpg",
imageAlt: "professional hairstyling services interior",
},
{
title: "Tratamientos capilares",
description: "Revitaliza tu cabello con nuestras terapias intensivas.",
icon: Droplets,
title: "Tratamientos capilares", description: "Revitaliza tu cabello con nuestras terapias intensivas.", icon: Droplets,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/professional-girl-hairdresser-makes-client-haircut-girl-is-sitting-mask-beauty-salon_343596-4441.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/professional-girl-hairdresser-makes-client-haircut-girl-is-sitting-mask-beauty-salon_343596-4441.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-arranging-her-tools_23-2150771258.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-arranging-her-tools_23-2150771258.jpg"},
],
imageSrc: "http://img.b2bpic.net/free-vector/beauty-elements-design_1300-222.jpg",
imageAlt: "professional hairstyling services interior",
},
{
title: "Peinados",
description: "El estilo perfecto para cualquier ocasión especial.",
icon: Smile,
title: "Peinados", description: "El estilo perfecto para cualquier ocasión especial.", icon: Smile,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-hair-salon_23-2150668446.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-hair-salon_23-2150668446.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-photo/female-client-getting-her-hair-dried-hairdresser_23-2150771295.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/female-client-getting-her-hair-dried-hairdresser_23-2150771295.jpg"},
],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-talking-phone_23-2148230757.jpg?_wi=2",
imageAlt: "professional hairstyling services interior",
},
{
title: "Cambio de look",
description: "Asesoramiento profesional para renovar tu imagen.",
icon: Zap,
title: "Cambio de look", description: "Asesoramiento profesional para renovar tu imagen.", icon: Zap,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/mother-little-daughter-have-fun-home_1157-34122.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/mother-little-daughter-have-fun-home_1157-34122.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-photo/laser-epilation-hair-removal-therapy_1303-23660.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/laser-epilation-hair-removal-therapy_1303-23660.jpg"},
],
imageSrc: "http://img.b2bpic.net/free-photo/two-smiling-women-with-brushes-taking-selfie-makeup-mirror_23-2148113380.jpg?_wi=2",
imageAlt: "professional hairstyling services interior",
},
]}
title="Nuestros Servicios"
@@ -265,45 +181,20 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Elena R.",
role: "Cliente habitual",
company: "Local",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
},
id: "1", name: "Elena R.", role: "Cliente habitual", company: "Local", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg"},
{
id: "2",
name: "Laura G.",
role: "Cliente fiel",
company: "Local",
rating: 5,
imageSrc: "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",
},
id: "2", name: "Laura G.", role: "Cliente fiel", company: "Local", rating: 5,
imageSrc: "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"},
{
id: "3",
name: "Sofia M.",
role: "Nueva clienta",
company: "Local",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-client_23-2149319757.jpg",
},
id: "3", name: "Sofia M.", role: "Nueva clienta", company: "Local", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-client_23-2149319757.jpg"},
{
id: "4",
name: "Carmen D.",
role: "Cliente antigua",
company: "Local",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-colorful-outfit-retro-vintage-50-s-cafe-sitting-table-wearing-red-shirt-blue-sunglasses-having-fun-cheerful-mood-red-lipstick-make-up_285396-10316.jpg",
},
id: "4", name: "Carmen D.", role: "Cliente antigua", company: "Local", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-colorful-outfit-retro-vintage-50-s-cafe-sitting-table-wearing-red-shirt-blue-sunglasses-having-fun-cheerful-mood-red-lipstick-make-up_285396-10316.jpg"},
{
id: "5",
name: "Beatriz P.",
role: "Cliente fiel",
company: "Local",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-beautiful-makeup_23-2149640935.jpg",
},
id: "5", name: "Beatriz P.", role: "Cliente fiel", company: "Local", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-beautiful-makeup_23-2149640935.jpg"},
]}
title="Opiniones Reales"
description="Descubre por qué nuestros clientes confían en nosotros año tras año."
@@ -318,25 +209,13 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "100%",
title: "Compromiso",
description: "Calidad en cada tratamiento.",
icon: CheckCircle,
id: "m1", value: "100%", title: "Compromiso", description: "Calidad en cada tratamiento.", icon: CheckCircle,
},
{
id: "m2",
value: "99%",
title: "Clientes felices",
description: "Resultados que enamoran.",
icon: Heart,
id: "m2", value: "99%", title: "Clientes felices", description: "Resultados que enamoran.", icon: Heart,
},
{
id: "m3",
value: "24/7",
title: "Disponibilidad",
description: "Reserva online cuando quieras.",
icon: Calendar,
id: "m3", value: "24/7", title: "Disponibilidad", description: "Reserva online cuando quieras.", icon: Calendar,
},
]}
title="Nuestro Impacto"
@@ -352,26 +231,11 @@ export default function LandingPage() {
useInvertedBackground={false}
members={[
{
id: "t1",
name: "Patricia",
role: "Directora y Estilista",
description: "Más de 10 años de pasión por el cabello y el estilo.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg",
},
id: "t1", name: "Patricia", role: "Directora y Estilista", description: "Más de 10 años de pasión por el cabello y el estilo.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg"},
{
id: "t2",
name: "Marta",
role: "Especialista en color",
description: "Experta en técnicas de coloración natural y moderna.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-positive-woman-black-shirt-posing-white-background-high-quality-photo_114579-61008.jpg",
},
id: "t2", name: "Marta", role: "Especialista en color", description: "Experta en técnicas de coloración natural y moderna.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-positive-woman-black-shirt-posing-white-background-high-quality-photo_114579-61008.jpg"},
{
id: "t3",
name: "Ana",
role: "Esteticista",
description: "Especialista en tratamientos de piel y bienestar facial.",
imageSrc: "http://img.b2bpic.net/free-photo/beautician-woman-clinic_23-2148878882.jpg",
},
id: "t3", name: "Ana", role: "Esteticista", description: "Especialista en tratamientos de piel y bienestar facial.", imageSrc: "http://img.b2bpic.net/free-photo/beautician-woman-clinic_23-2148878882.jpg"},
]}
title="Conoce a nuestro equipo"
description="Profesionales apasionadas dedicadas a realzar tu belleza única."
@@ -382,14 +246,11 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
text="Reserva tu cita hoy mismo y descubre por qué nuestros clientes repiten durante años. ¡Te esperamos en Centro Belleza Patricia!"
buttons={[
{
text: "Contactar por WhatsApp",
href: "https://wa.me/yournumber",
},
text: "Contactar por WhatsApp", href: "https://wa.me/yournumber"},
]}
/>
</div>
@@ -400,33 +261,21 @@ export default function LandingPage() {
logoText="Centro Belleza Patricia"
columns={[
{
title: "Navegación",
items: [
title: "Navegación", items: [
{
label: "Inicio",
href: "#hero",
},
label: "Inicio", href: "#hero"},
{
label: "Servicios",
href: "#services",
},
label: "Servicios", href: "#services"},
{
label: "Opiniones",
href: "#testimonials",
},
label: "Opiniones", href: "#testimonials"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Aviso Legal",
href: "#",
},
label: "Aviso Legal", href: "#"},
{
label: "Política de Privacidad",
href: "#",
},
label: "Política de Privacidad", href: "#"},
],
},
]}