From b02842975b049ef7791f9cf0838e49aa7633a0ed Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 5 Jun 2026 15:34:03 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 366 +++++++++-------------------------------------- 1 file changed, 69 insertions(+), 297 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 415278a..cd6648d 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -34,47 +34,27 @@ export default function LandingPage() { @@ -84,12 +64,10 @@ export default function LandingPage() { description="Barbería galardonada en San Juan con una valoración de 4.8★. Cuidado personal experto, buen ambiente y barberos que se preocupan por tu aspecto." buttons={[ { - text: "Reserva tu cita", - href: "#contact", - }, + text: "Reserva tu cita", href: "#contact"}, ]} buttonAnimation="blur-reveal" - imageSrc="http://img.b2bpic.net/free-photo/beige-barber-wallpaper-background-with-tools-job-career-concept_53876-148095.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/beige-barber-wallpaper-background-with-tools-job-career-concept_53876-148095.jpg" imageAlt="Barbershop interior with an empty barber chair" /> @@ -99,9 +77,7 @@ export default function LandingPage() { useInvertedBackground={true} heading={[ { - type: "text", - content: "Nuestra Historia de Excelencia y Pasión por el Cuidado Masculino", - }, + type: "text", content: "Nuestra Historia de Excelencia y Pasión por el Cuidado Masculino"}, ]} buttonAnimation="opacity" /> @@ -114,60 +90,28 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "Corte Clásico", - description: "Estilos atemporales con precisión y atención al detalle, para un look pulcro y distinguido.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-getting-groomed_23-2150668468.jpg", - imageAlt: "Barber cutting a man's hair", - }, + title: "Corte Clásico", description: "Estilos atemporales con precisión y atención al detalle, para un look pulcro y distinguido.", phoneOne: { + imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-getting-groomed_23-2150668468.jpg", imageAlt: "Barber cutting a man's hair"}, phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-man-listening-music-earbuds-outside_23-2148381755.jpg", - imageAlt: "Man smiling with a fresh haircut", - }, - imageSrc: "http://img.b2bpic.net/free-photo/beige-barber-wallpaper-background-with-tools-job-career-concept_53876-148095.jpg?_wi=2", - imageAlt: "barber cutting hair close-up", + imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-man-listening-music-earbuds-outside_23-2148381755.jpg", imageAlt: "Man smiling with a fresh haircut"} }, { - title: "Afeitado Tradicional", - description: "Experiencia de afeitado con navaja, toallas calientes y productos de primera calidad para una piel suave.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985727.jpg", - imageAlt: "Barber shaving a man's face with a straight razor", - }, + title: "Afeitado Tradicional", description: "Experiencia de afeitado con navaja, toallas calientes y productos de primera calidad para una piel suave.", phoneOne: { + imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985727.jpg", imageAlt: "Barber shaving a man's face with a straight razor"}, phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/front-view-barbershop-concept_23-2148506253.jpg", - imageAlt: "Man with a clean-shaven face", - }, - imageSrc: "http://img.b2bpic.net/free-photo/chairs-green-male-barbershop-retro-style_627829-8284.jpg", - imageAlt: "barber cutting hair close-up", + imageSrc: "http://img.b2bpic.net/free-photo/front-view-barbershop-concept_23-2148506253.jpg", imageAlt: "Man with a clean-shaven face"} }, { - title: "Diseño de Barba", - description: "Modelado y cuidado de barba personalizado, realzando tu estilo y la forma de tu rostro.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-shaving-with-black-trimmer_23-2148213367.jpg", - imageAlt: "Barber trimming a man's beard", - }, + title: "Diseño de Barba", description: "Modelado y cuidado de barba personalizado, realzando tu estilo y la forma de tu rostro.", phoneOne: { + imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-shaving-with-black-trimmer_23-2148213367.jpg", imageAlt: "Barber trimming a man's beard"}, phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/two-businessmen-talking-phone-city_1153-8202.jpg", - imageAlt: "Man with a well-groomed beard", - }, - imageSrc: "http://img.b2bpic.net/free-photo/woman-giving-herself-scalp-massage_23-2151301299.jpg", - imageAlt: "barber cutting hair close-up", + imageSrc: "http://img.b2bpic.net/free-photo/two-businessmen-talking-phone-city_1153-8202.jpg", imageAlt: "Man with a well-groomed beard"} }, { - title: "Tratamientos Capilares", - description: "Desde la hidratación profunda hasta el fortalecimiento, cuidamos la salud de tu cabello.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/young-sensitive-man-thinking_23-2149459722.jpg", - imageAlt: "Man receiving a hair wash and treatment", - }, + title: "Tratamientos Capilares", description: "Desde la hidratación profunda hasta el fortalecimiento, cuidamos la salud de tu cabello.", phoneOne: { + imageSrc: "http://img.b2bpic.net/free-photo/young-sensitive-man-thinking_23-2149459722.jpg", imageAlt: "Man receiving a hair wash and treatment"}, phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-man-listening-music-headphone_23-2147892843.jpg?_wi=1", - imageAlt: "Man with healthy, shiny hair", - }, - imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-their-clients_23-2149205895.jpg?_wi=1", - imageAlt: "barber cutting hair close-up", + imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-man-listening-music-headphone_23-2147892843.jpg", imageAlt: "Man with healthy, shiny hair"} }, ]} showStepNumbers={false} @@ -184,53 +128,17 @@ export default function LandingPage() { useInvertedBackground={true} products={[ { - id: "corte-clasico", - name: "Corte de Cabello", - price: "$5.000 ARS", - variant: "Estilo tradicional o moderno", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-man-listening-music-headphone_23-2147892843.jpg?_wi=2", - imageAlt: "Classic haircut", - }, + id: "corte-clasico", name: "Corte de Cabello", price: "$5.000 ARS", variant: "Estilo tradicional o moderno", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-man-listening-music-headphone_23-2147892843.jpg", imageAlt: "Classic haircut"}, { - id: "afeitado-navaja", - name: "Afeitado con Navaja", - price: "$4.000 ARS", - variant: "Afeitado apurado con toallas calientes", - imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-their-clients_23-2149205895.jpg?_wi=2", - imageAlt: "Straight razor shave", - }, + id: "afeitado-navaja", name: "Afeitado con Navaja", price: "$4.000 ARS", variant: "Afeitado apurado con toallas calientes", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-their-clients_23-2149205895.jpg", imageAlt: "Straight razor shave"}, { - id: "recorte-barba", - name: "Recorte de Barba", - price: "$3.500 ARS", - variant: "Definición y estilo de tu barba", - imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-shaving-neck-customer_23-2147778915.jpg", - imageAlt: "Beard trim and line up", - }, + id: "recorte-barba", name: "Recorte de Barba", price: "$3.500 ARS", variant: "Definición y estilo de tu barba", imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-shaving-neck-customer_23-2147778915.jpg", imageAlt: "Beard trim and line up"}, { - id: "coloracion-capilar", - name: "Coloración Capilar", - price: "$7.000 ARS", - variant: "Cambio de look o cobertura de canas", - imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205889.jpg", - imageAlt: "Man's hair coloring", - }, + id: "coloracion-capilar", name: "Coloración Capilar", price: "$7.000 ARS", variant: "Cambio de look o cobertura de canas", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205889.jpg", imageAlt: "Man's hair coloring"}, { - id: "masaje-facial", - name: "Masaje Facial", - price: "$2.500 ARS", - variant: "Relajación y cuidado de la piel", - imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-face-massage-while-lying-down-with-eyes-closed-spa-center_637285-1709.jpg", - imageAlt: "Man receiving a facial massage", - }, + id: "masaje-facial", name: "Masaje Facial", price: "$2.500 ARS", variant: "Relajación y cuidado de la piel", imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-face-massage-while-lying-down-with-eyes-closed-spa-center_637285-1709.jpg", imageAlt: "Man receiving a facial massage"}, { - id: "hidratacion-capilar", - name: "Tratamiento de Hidratación", - price: "$3.000 ARS", - variant: "Nutrición profunda para tu cabello", - imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205880.jpg", - imageAlt: "Man's hair deep conditioning treatment", - }, + id: "hidratacion-capilar", name: "Tratamiento de Hidratación", price: "$3.000 ARS", variant: "Nutrición profunda para tu cabello", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205880.jpg", imageAlt: "Man's hair deep conditioning treatment"}, ]} title="Descubre Nuestro Menú Completo" description="Explora nuestra selección de servicios premium, cada uno diseñado para satisfacer tus necesidades de estilo y cuidado personal." @@ -246,29 +154,13 @@ export default function LandingPage() { membersAnimation="slide-up" members={[ { - id: "juan-perez", - name: "Juan Pérez", - imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-uniform-laughing-hair-salon_23-2148181964.jpg", - imageAlt: "Portrait of Juan Pérez, experienced barber", - }, + id: "juan-perez", name: "Juan Pérez", imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-uniform-laughing-hair-salon_23-2148181964.jpg", imageAlt: "Portrait of Juan Pérez, experienced barber"}, { - id: "carlos-gomez", - name: "Carlos Gómez", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-with-his-arms-crossed-standing-against-grey-wall_23-2148130364.jpg", - imageAlt: "Portrait of Carlos Gómez, skilled barber", - }, + id: "carlos-gomez", name: "Carlos Gómez", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-with-his-arms-crossed-standing-against-grey-wall_23-2148130364.jpg", imageAlt: "Portrait of Carlos Gómez, skilled barber"}, { - id: "martin-rodriguez", - name: "Martín Rodriguez", - imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-with-shaving-foam-his-face-shaving-himself-using-razor-standing-purple-wall_141793-50724.jpg", - imageAlt: "Portrait of Martín Rodriguez, traditional shave expert", - }, + id: "martin-rodriguez", name: "Martín Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-with-shaving-foam-his-face-shaving-himself-using-razor-standing-purple-wall_141793-50724.jpg", imageAlt: "Portrait of Martín Rodriguez, traditional shave expert"}, { - id: "lucas-torres", - name: "Lucas Torres", - imageSrc: "http://img.b2bpic.net/free-photo/barber-applying-cream-clients-beard_107420-94778.jpg", - imageAlt: "Portrait of Lucas Torres, modern stylist", - }, + id: "lucas-torres", name: "Lucas Torres", imageSrc: "http://img.b2bpic.net/free-photo/barber-applying-cream-clients-beard_107420-94778.jpg", imageAlt: "Portrait of Lucas Torres, modern stylist"}, ]} memberVariant="card" /> @@ -281,59 +173,30 @@ export default function LandingPage() { useInvertedBackground={true} plans={[ { - id: "basico", - name: "Esencial", - price: "$6.500 ARS", - badge: "Popular", - badgeIcon: Sparkles, + id: "basico", name: "Esencial", price: "$6.500 ARS", badge: "Popular", badgeIcon: Sparkles, buttons: [ { - text: "Reservar Ahora", - href: "#contact", - }, + text: "Reservar Ahora", href: "#contact"}, ], features: [ - "Corte de cabello a elección", - "Lavado y peinado", - "Asesoramiento de estilo", - ], + "Corte de cabello a elección", "Lavado y peinado", "Asesoramiento de estilo"], }, { - id: "premium", - name: "Premium", - price: "$9.000 ARS", - buttons: [ + id: "premium", name: "Premium", price: "$9.000 ARS", buttons: [ { - text: "Reservar Ahora", - href: "#contact", - }, + text: "Reservar Ahora", href: "#contact"}, ], features: [ - "Corte de cabello a elección", - "Afeitado tradicional con navaja", - "Masaje facial relajante", - "Lavado y peinado", - ], + "Corte de cabello a elección", "Afeitado tradicional con navaja", "Masaje facial relajante", "Lavado y peinado"], }, { - id: "vip", - name: "Experiencia VIP", - price: "$12.000 ARS", - badge: "Top", - badgeIcon: Award, + id: "vip", name: "Experiencia VIP", price: "$12.000 ARS", badge: "Top", badgeIcon: Award, buttons: [ { - text: "Reservar Ahora", - href: "#contact", - }, + text: "Reservar Ahora", href: "#contact"}, ], features: [ - "Corte de cabello a elección", - "Diseño de barba personalizado", - "Tratamiento capilar nutritivo", - "Masaje facial premium", - "Bebida de cortesía", - ], + "Corte de cabello a elección", "Diseño de barba personalizado", "Tratamiento capilar nutritivo", "Masaje facial premium", "Bebida de cortesía"], }, ]} title="Elige Tu Experiencia Perfecta" @@ -347,65 +210,15 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "1", - name: "Martín S.", - date: "23/04/2024", - title: "¡El mejor lugar para un corte!", - quote: "Siempre salgo de RUSTICO sintiéndome y viéndome genial. Los barberos son verdaderos artistas, el ambiente es inmejorable.", - tag: "Excelente", - avatarSrc: "http://img.b2bpic.net/free-photo/brutal-athletic-male-vogue-model-dressed-white-shirt-grey-background_613910-9888.jpg", - avatarAlt: "Martín S. avatar", - imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall_1203-7904.jpg", - imageAlt: "Barbershop interior", - }, + id: "1", name: "Martín S.", date: "23/04/2024", title: "¡El mejor lugar para un corte!", quote: "Siempre salgo de RUSTICO sintiéndome y viéndome genial. Los barberos son verdaderos artistas, el ambiente es inmejorable.", tag: "Excelente", avatarSrc: "http://img.b2bpic.net/free-photo/brutal-athletic-male-vogue-model-dressed-white-shirt-grey-background_613910-9888.jpg", avatarAlt: "Martín S. avatar", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall_1203-7904.jpg", imageAlt: "Barbershop interior"}, { - id: "2", - name: "Diego F.", - date: "18/04/2024", - title: "Atención personalizada", - quote: "Valoro mucho la atención al detalle y el trato amable. Mi barba nunca estuvo mejor cuidada, un servicio de 5 estrellas.", - tag: "Profesional", - avatarSrc: "http://img.b2bpic.net/free-photo/businessman-using-mobile-phone-communication-technology_53876-22952.jpg", - avatarAlt: "Diego F. avatar", - imageSrc: "http://img.b2bpic.net/free-photo/shot-makeup-artist-medical-mask-doing-his-job-new-normal_181624-46932.jpg", - imageAlt: "Barber working on client", - }, + id: "2", name: "Diego F.", date: "18/04/2024", title: "Atención personalizada", quote: "Valoro mucho la atención al detalle y el trato amable. Mi barba nunca estuvo mejor cuidada, un servicio de 5 estrellas.", tag: "Profesional", avatarSrc: "http://img.b2bpic.net/free-photo/businessman-using-mobile-phone-communication-technology_53876-22952.jpg", avatarAlt: "Diego F. avatar", imageSrc: "http://img.b2bpic.net/free-photo/shot-makeup-artist-medical-mask-doing-his-job-new-normal_181624-46932.jpg", imageAlt: "Barber working on client"}, { - id: "3", - name: "Facundo P.", - date: "10/04/2024", - title: "Ambiente inigualable", - quote: "Más que una barbería, es un punto de encuentro. La música, la decoración, todo suma a una experiencia única en San Juan.", - tag: "Acogedor", - avatarSrc: "http://img.b2bpic.net/free-photo/cool-darkskinned-bearded-man-white-tshirt-orange-jacket-smiles-sincerely-outside-charming-guy-sunglasses-shows-ok-signs-near-white-wall_197531-28765.jpg", - avatarAlt: "Facundo P. avatar", - imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186474.jpg", - imageAlt: "Barbershop facade", - }, + id: "3", name: "Facundo P.", date: "10/04/2024", title: "Ambiente inigualable", quote: "Más que una barbería, es un punto de encuentro. La música, la decoración, todo suma a una experiencia única en San Juan.", tag: "Acogedor", avatarSrc: "http://img.b2bpic.net/free-photo/cool-darkskinned-bearded-man-white-tshirt-orange-jacket-smiles-sincerely-outside-charming-guy-sunglasses-shows-ok-signs-near-white-wall_197531-28765.jpg", avatarAlt: "Facundo P. avatar", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186474.jpg", imageAlt: "Barbershop facade"}, { - id: "4", - name: "Gabriel M.", - date: "05/04/2024", - title: "Calidad que se siente", - quote: "Cada visita es una garantía de calidad. Desde el corte hasta el afeitado, todo es impecable. ¡Totalmente recomendable!", - tag: "Garantía", - avatarSrc: "http://img.b2bpic.net/free-photo/man-showing-thumbs-up_1098-21825.jpg", - avatarAlt: "Gabriel M. avatar", - imageSrc: "http://img.b2bpic.net/free-photo/dollhouse-furniture-white-background_1368-6095.jpg", - imageAlt: "Barber tools", - }, + id: "4", name: "Gabriel M.", date: "05/04/2024", title: "Calidad que se siente", quote: "Cada visita es una garantía de calidad. Desde el corte hasta el afeitado, todo es impecable. ¡Totalmente recomendable!", tag: "Garantía", avatarSrc: "http://img.b2bpic.net/free-photo/man-showing-thumbs-up_1098-21825.jpg", avatarAlt: "Gabriel M. avatar", imageSrc: "http://img.b2bpic.net/free-photo/dollhouse-furniture-white-background_1368-6095.jpg", imageAlt: "Barber tools"}, { - id: "5", - name: "Lucas R.", - date: "01/04/2024", - title: "Mis barberos de confianza", - quote: "Llevo años viniendo y nunca me decepcionan. Saben exactamente lo que busco y siempre superan mis expectativas. Un lujo.", - tag: "Fiel", - avatarSrc: "http://img.b2bpic.net/free-photo/young-caucasian-man-smiling-confident-standing-with-arms-crossed-gesture-street_839833-30694.jpg", - avatarAlt: "Lucas R. avatar", - imageSrc: "http://img.b2bpic.net/free-photo/barber-talking-with-client-reception-desk_23-2148181957.jpg", - imageAlt: "Barbershop window", - }, + id: "5", name: "Lucas R.", date: "01/04/2024", title: "Mis barberos de confianza", quote: "Llevo años viniendo y nunca me decepcionan. Saben exactamente lo que busco y siempre superan mis expectativas. Un lujo.", tag: "Fiel", avatarSrc: "http://img.b2bpic.net/free-photo/young-caucasian-man-smiling-confident-standing-with-arms-crossed-gesture-street_839833-30694.jpg", avatarAlt: "Lucas R. avatar", imageSrc: "http://img.b2bpic.net/free-photo/barber-talking-with-client-reception-desk_23-2148181957.jpg", imageAlt: "Barbershop window"}, ]} title="Lo que dicen nuestros clientes" description="La satisfacción de quienes confían en nosotros es nuestra mejor carta de presentación. Sus experiencias hablan por sí solas." @@ -418,30 +231,15 @@ export default function LandingPage() { useInvertedBackground={true} faqs={[ { - id: "faq-1", - title: "¿Cómo reservo una cita en RUSTICO?", - content: "Puedes reservar tu cita directamente a través de nuestro sistema de reservas online en la sección de Contacto, llamándonos o visitándonos en nuestro local.", - }, + id: "faq-1", title: "¿Cómo reservo una cita en RUSTICO?", content: "Puedes reservar tu cita directamente a través de nuestro sistema de reservas online en la sección de Contacto, llamándonos o visitándonos en nuestro local."}, { - id: "faq-2", - title: "¿Cuáles son sus horarios de atención?", - content: "Estamos abiertos de Lunes a Sábado de 9:00 a 20:00 hs. Te recomendamos consultar nuestra disponibilidad en línea para horarios específicos.", - }, + id: "faq-2", title: "¿Cuáles son sus horarios de atención?", content: "Estamos abiertos de Lunes a Sábado de 9:00 a 20:00 hs. Te recomendamos consultar nuestra disponibilidad en línea para horarios específicos."}, { - id: "faq-3", - title: "¿Aceptan pagos con tarjeta de crédito/débito?", - content: "Sí, aceptamos todas las principales tarjetas de crédito y débito, además de efectivo y otros métodos de pago digital.", - }, + id: "faq-3", title: "¿Aceptan pagos con tarjeta de crédito/débito?", content: "Sí, aceptamos todas las principales tarjetas de crédito y débito, además de efectivo y otros métodos de pago digital."}, { - id: "faq-4", - title: "¿Tienen servicios de barbería a domicilio?", - content: "Actualmente, solo ofrecemos nuestros servicios en nuestro local para garantizar la experiencia completa y el uso de nuestras instalaciones profesionales.", - }, + id: "faq-4", title: "¿Tienen servicios de barbería a domicilio?", content: "Actualmente, solo ofrecemos nuestros servicios en nuestro local para garantizar la experiencia completa y el uso de nuestras instalaciones profesionales."}, { - id: "faq-5", - title: "¿Puedo elegir a mi barbero preferido al reservar?", - content: "Sí, nuestro sistema de reservas te permite seleccionar a tu barbero preferido según su disponibilidad al momento de programar tu cita.", - }, + id: "faq-5", title: "¿Puedo elegir a mi barbero preferido al reservar?", content: "Sí, nuestro sistema de reservas te permite seleccionar a tu barbero preferido según su disponibilidad al momento de programar tu cita."}, ]} title="Preguntas Frecuentes" description="Encuentra respuestas rápidas a tus dudas más comunes sobre nuestros servicios, reservas y la experiencia en RUSTICO." @@ -453,8 +251,7 @@ export default function LandingPage() {