From 5b37ca87fd45bad8a6f745be920fa4ea41c407d6 Mon Sep 17 00:00:00 2001 From: bender Date: Mon, 20 Apr 2026 21:31:20 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 287 +++++++++++------------------------------------ 1 file changed, 68 insertions(+), 219 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 0fc315d..982e7bd 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -32,25 +32,15 @@ export default function LandingPage() { @@ -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() { @@ -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: "#"}, ], }, ]}