From 32f2fcf86a2fcbd1c0cdc461d4a1179ff785745e Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 7 Apr 2026 05:02:57 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 335 ++++++----------------------------------------- 1 file changed, 40 insertions(+), 295 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index a64a970..d53c63e 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -28,28 +28,14 @@ export default function LandingPage() { @@ -58,80 +44,21 @@ export default function LandingPage() { title="MR 76 BarberShop" description="Tu corte. Tu estilo. En Naucalpan." testimonials={[ - { - name: "Cliente frecuente", - handle: "@mr76", - testimonial: "Excelente trato, buen trabajo, puntualidad y precio justo.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/front-view-baber-shop-chiar_23-2148506341.jpg?_wi=1", - imageAlt: "urban barbershop dark interior", - }, - { - name: "Cliente frecuente", - handle: "@mr76", - testimonial: "Excelente servicio y atención personalizada.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11782.jpg?_wi=1", - imageAlt: "professional haircut result portrait", - }, - { - name: "Cliente frecuente", - handle: "@mr76", - testimonial: "Hace 3 años que no fui a una barbería. Al entrar había un lugar libre y me invitaron a sentarme de inmediato. Muy buen servicio.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/top-view-hairstyle-tools-arrangement_23-2149552392.jpg?_wi=1", - imageAlt: "barbershop interior modern style", - }, - { - name: "Usuario Google", - handle: "@mr76_fan", - testimonial: "La mejor técnica de desvanecido en la zona, totalmente recomendado.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-with-scissors-comb-barbershop-close-up-photo_613910-18526.jpg?_wi=1", - imageAlt: "barber working on beard trimming", - }, - { - name: "Usuario Google", - handle: "@local_mex", - testimonial: "Profesionalismo, limpieza y un ambiente muy agradable.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-grey-t-shirt-holding-two-different-electric-razors-ice-blue-male-shaving-beard-hair-foam_140725-33158.jpg?_wi=1", - imageAlt: "happy client after barbershop visit", - }, + { name: "Cliente frecuente", handle: "@mr76", testimonial: "Excelente trato, buen trabajo, puntualidad y precio justo.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-baber-shop-chiar_23-2148506341.jpg", imageAlt: "urban barbershop dark interior" }, + { name: "Cliente frecuente", handle: "@mr76", testimonial: "Excelente servicio y atención personalizada.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11782.jpg", imageAlt: "professional haircut result portrait" }, + { name: "Cliente frecuente", handle: "@mr76", testimonial: "Hace 3 años que no fui a una barbería. Al entrar había un lugar libre y me invitaron a sentarme de inmediato. Muy buen servicio.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-hairstyle-tools-arrangement_23-2149552392.jpg", imageAlt: "barbershop interior modern style" }, + { name: "Usuario Google", handle: "@mr76_fan", testimonial: "La mejor técnica de desvanecido en la zona, totalmente recomendado.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-with-scissors-comb-barbershop-close-up-photo_613910-18526.jpg", imageAlt: "barber working on beard trimming" }, + { name: "Usuario Google", handle: "@local_mex", testimonial: "Profesionalismo, limpieza y un ambiente muy agradable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-grey-t-shirt-holding-two-different-electric-razors-ice-blue-male-shaving-beard-hair-foam_140725-33158.jpg", imageAlt: "happy client after barbershop visit" }, ]} - buttons={[ - { - text: "Llámanos ahora", - href: "tel:5533829092", - }, - { - text: "¿Cómo llegar?", - href: "https://maps.app.goo.gl", - }, - ]} - imageSrc="http://img.b2bpic.net/free-photo/front-view-baber-shop-chiar_23-2148506341.jpg?_wi=2" + buttons={[{ text: "Llámanos ahora", href: "tel:5533829092" }, { text: "¿Cómo llegar?", href: "https://maps.app.goo.gl" }]} + imageSrc="http://img.b2bpic.net/free-photo/front-view-baber-shop-chiar_23-2148506341.jpg" imageAlt="Barbería MR 76 Interior" avatars={[ - { - src: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11782.jpg", - alt: "Cliente satisfecho 1", - }, - { - src: "http://img.b2bpic.net/free-photo/top-view-hairstyle-tools-arrangement_23-2149552392.jpg", - alt: "Cliente satisfecho 2", - }, - { - src: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-with-scissors-comb-barbershop-close-up-photo_613910-18526.jpg", - alt: "Cliente satisfecho 3", - }, - { - src: "http://img.b2bpic.net/free-photo/front-view-young-male-grey-t-shirt-holding-two-different-electric-razors-ice-blue-male-shaving-beard-hair-foam_140725-33158.jpg", - alt: "Cliente satisfecho 4", - }, - { - src: "http://img.b2bpic.net/free-photo/portrait-bearded-man-dressed-jacket-warm-hat-from-fur_613910-3182.jpg", - alt: "Cliente satisfecho 5", - }, + { src: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11782.jpg", alt: "Cliente satisfecho 1" }, + { src: "http://img.b2bpic.net/free-photo/top-view-hairstyle-tools-arrangement_23-2149552392.jpg", alt: "Cliente satisfecho 2" }, + { src: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-with-scissors-comb-barbershop-close-up-photo_613910-18526.jpg", alt: "Cliente satisfecho 3" }, + { src: "http://img.b2bpic.net/free-photo/front-view-young-male-grey-t-shirt-holding-two-different-electric-razors-ice-blue-male-shaving-beard-hair-foam_140725-33158.jpg", alt: "Cliente satisfecho 4" }, + { src: "http://img.b2bpic.net/free-photo/portrait-bearded-man-dressed-jacket-warm-hat-from-fur_613910-3182.jpg", alt: "Cliente satisfecho 5" }, ]} /> @@ -142,66 +69,11 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={false} features={[ - { - title: "Corte de cabello", - description: "Estilo personalizado y tendencia.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11782.jpg?_wi=2", - }, - phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/top-view-hairstyle-tools-arrangement_23-2149552392.jpg?_wi=2", - }, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-man-dressed-jacket-warm-hat-from-fur_613910-3182.jpg?_wi=1", - imageAlt: "modern barber equipment scissors", - }, - { - title: "Arreglo de barba", - description: "Definición y cuidado profesional.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-with-scissors-comb-barbershop-close-up-photo_613910-18526.jpg?_wi=2", - }, - phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-grey-t-shirt-holding-two-different-electric-razors-ice-blue-male-shaving-beard-hair-foam_140725-33158.jpg?_wi=2", - }, - imageSrc: "http://img.b2bpic.net/free-photo/hairdressing-chair-vintage-barber-shop_23-2148298304.jpg?_wi=1", - imageAlt: "interior view mr 76 barbershop", - }, - { - title: "Rasurado clásico", - description: "Técnica tradicional impecable.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-man-dressed-jacket-warm-hat-from-fur_613910-3182.jpg?_wi=2", - }, - phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/hairdressing-chair-vintage-barber-shop_23-2148298304.jpg?_wi=2", - }, - imageSrc: "http://img.b2bpic.net/free-photo/front-view-baber-shop-chiar_23-2148506341.jpg?_wi=3", - imageAlt: "urban barbershop dark interior", - }, - { - title: "Corte + Barba", - description: "Combo completo para tu look.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11782.jpg?_wi=3", - }, - phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/top-view-hairstyle-tools-arrangement_23-2149552392.jpg?_wi=3", - }, - imageSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11782.jpg?_wi=4", - imageAlt: "professional haircut result portrait", - }, - { - title: "Corte para niños", - description: "Paciencia y estilo para los pequeños.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-with-scissors-comb-barbershop-close-up-photo_613910-18526.jpg?_wi=3", - }, - phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-grey-t-shirt-holding-two-different-electric-razors-ice-blue-male-shaving-beard-hair-foam_140725-33158.jpg?_wi=3", - }, - imageSrc: "http://img.b2bpic.net/free-photo/top-view-hairstyle-tools-arrangement_23-2149552392.jpg?_wi=4", - imageAlt: "barbershop interior modern style", - }, + { title: "Corte de cabello", description: "Estilo personalizado y tendencia.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11782.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-hairstyle-tools-arrangement_23-2149552392.jpg" } }, + { title: "Arreglo de barba", description: "Definición y cuidado profesional.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-with-scissors-comb-barbershop-close-up-photo_613910-18526.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-grey-t-shirt-holding-two-different-electric-razors-ice-blue-male-shaving-beard-hair-foam_140725-33158.jpg" } }, + { title: "Rasurado clásico", description: "Técnica tradicional impecable.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-man-dressed-jacket-warm-hat-from-fur_613910-3182.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/hairdressing-chair-vintage-barber-shop_23-2148298304.jpg" } }, + { title: "Corte + Barba", description: "Combo completo para tu look.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11782.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/top-view-hairstyle-tools-arrangement_23-2149552392.jpg" } }, + { title: "Corte para niños", description: "Paciencia y estilo para los pequeños.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-with-scissors-comb-barbershop-close-up-photo_613910-18526.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-grey-t-shirt-holding-two-different-electric-razors-ice-blue-male-shaving-beard-hair-foam_140725-33158.jpg" } }, ]} showStepNumbers={false} title="Nuestros Servicios" @@ -214,70 +86,15 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={false} testimonials={[ - { - id: "1", - name: "Usuario Google", - date: "Reciente", - title: "Excelente", - quote: "Excelente trato, buen trabajo, puntualidad y precio justo.", - avatarSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11782.jpg", - tag: "Google Maps", - imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-with-scissors-comb-barbershop-close-up-photo_613910-18526.jpg?_wi=4", - imageAlt: "barber working on beard trimming", - }, - { - id: "2", - name: "Usuario Google", - date: "Reciente", - title: "Recomendado", - quote: "Excelente servicio y atención personalizada.", - avatarSrc: "http://img.b2bpic.net/free-photo/top-view-hairstyle-tools-arrangement_23-2149552392.jpg", - tag: "Google Maps", - imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-grey-t-shirt-holding-two-different-electric-razors-ice-blue-male-shaving-beard-hair-foam_140725-33158.jpg?_wi=4", - imageAlt: "happy client after barbershop visit", - }, - { - id: "3", - name: "Usuario Google", - date: "Reciente", - title: "Gran experiencia", - quote: "Hace 3 años que no fui a una barbería. Al entrar había un lugar libre y me invitaron a sentarme de inmediato. Muy buen servicio.", - avatarSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-with-scissors-comb-barbershop-close-up-photo_613910-18526.jpg", - tag: "Google Maps", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-man-dressed-jacket-warm-hat-from-fur_613910-3182.jpg?_wi=3", - imageAlt: "modern barber equipment scissors", - }, - { - id: "4", - name: "Usuario Google", - date: "Reciente", - title: "Increíble", - quote: "Servicio de primera calidad, definitivamente volveré.", - avatarSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-grey-t-shirt-holding-two-different-electric-razors-ice-blue-male-shaving-beard-hair-foam_140725-33158.jpg", - tag: "Google Maps", - imageSrc: "http://img.b2bpic.net/free-photo/hairdressing-chair-vintage-barber-shop_23-2148298304.jpg?_wi=3", - imageAlt: "interior view mr 76 barbershop", - }, - { - id: "5", - name: "Usuario Google", - date: "Reciente", - title: "Top", - quote: "El mejor lugar en Naucalpan para un corte limpio.", - avatarSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-man-dressed-jacket-warm-hat-from-fur_613910-3182.jpg", - tag: "Google Maps", - imageSrc: "http://img.b2bpic.net/free-photo/front-view-baber-shop-chiar_23-2148506341.jpg?_wi=4", - imageAlt: "urban barbershop dark interior", - }, + { id: "1", name: "Usuario Google", date: "Reciente", title: "Excelente", quote: "Excelente trato, buen trabajo, puntualidad y precio justo.", avatarSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11782.jpg", tag: "Google Maps" }, + { id: "2", name: "Usuario Google", date: "Reciente", title: "Recomendado", quote: "Excelente servicio y atención personalizada.", avatarSrc: "http://img.b2bpic.net/free-photo/top-view-hairstyle-tools-arrangement_23-2149552392.jpg", tag: "Google Maps" }, + { id: "3", name: "Usuario Google", date: "Reciente", title: "Gran experiencia", quote: "Hace 3 años que no fui a una barbería. Al entrar había un lugar libre y me invitaron a sentarme de inmediato. Muy buen servicio.", avatarSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-with-scissors-comb-barbershop-close-up-photo_613910-18526.jpg", tag: "Google Maps" }, + { id: "4", name: "Usuario Google", date: "Reciente", title: "Increíble", quote: "Servicio de primera calidad, definitivamente volveré.", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-grey-t-shirt-holding-two-different-electric-razors-ice-blue-male-shaving-beard-hair-foam_140725-33158.jpg", tag: "Google Maps" }, + { id: "5", name: "Usuario Google", date: "Reciente", title: "Top", quote: "El mejor lugar en Naucalpan para un corte limpio.", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-man-dressed-jacket-warm-hat-from-fur_613910-3182.jpg", tag: "Google Maps" }, ]} title="Lo que dicen de nosotros" description="⭐⭐ 4.8 / 5 — 157 opiniones en Google" - buttons={[ - { - text: "Ver todas las opiniones en Google", - href: "https://maps.app.goo.gl", - }, - ]} + buttons={[{ text: "Ver todas las opiniones en Google", href: "https://maps.app.goo.gl" }]} /> @@ -288,60 +105,12 @@ export default function LandingPage() { gridVariant="bento-grid" useInvertedBackground={false} products={[ - { - id: "g1", - brand: "MR 76", - name: "Corte de precisión", - price: "Galeria", - rating: 5, - reviewCount: "1", - imageSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11782.jpg?_wi=5", - }, - { - id: "g2", - brand: "MR 76", - name: "Ambiente barber", - price: "Galeria", - rating: 5, - reviewCount: "1", - imageSrc: "http://img.b2bpic.net/free-photo/top-view-hairstyle-tools-arrangement_23-2149552392.jpg?_wi=5", - }, - { - id: "g3", - brand: "MR 76", - name: "Atención barba", - price: "Galeria", - rating: 5, - reviewCount: "1", - imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-with-scissors-comb-barbershop-close-up-photo_613910-18526.jpg?_wi=5", - }, - { - id: "g4", - brand: "MR 76", - name: "Equipo profesional", - price: "Galeria", - rating: 5, - reviewCount: "1", - imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-grey-t-shirt-holding-two-different-electric-razors-ice-blue-male-shaving-beard-hair-foam_140725-33158.jpg?_wi=5", - }, - { - id: "g5", - brand: "MR 76", - name: "Detalles de estilo", - price: "Galeria", - rating: 5, - reviewCount: "1", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-man-dressed-jacket-warm-hat-from-fur_613910-3182.jpg?_wi=4", - }, - { - id: "g6", - brand: "MR 76", - name: "Espacio acogedor", - price: "Galeria", - rating: 5, - reviewCount: "1", - imageSrc: "http://img.b2bpic.net/free-photo/hairdressing-chair-vintage-barber-shop_23-2148298304.jpg?_wi=4", - }, + { id: "g1", brand: "MR 76", name: "Corte de precisión", price: "Galeria", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11782.jpg" }, + { id: "g2", brand: "MR 76", name: "Ambiente barber", price: "Galeria", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hairstyle-tools-arrangement_23-2149552392.jpg" }, + { id: "g3", brand: "MR 76", name: "Atención barba", price: "Galeria", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-with-scissors-comb-barbershop-close-up-photo_613910-18526.jpg" }, + { id: "g4", brand: "MR 76", name: "Equipo profesional", price: "Galeria", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-grey-t-shirt-holding-two-different-electric-razors-ice-blue-male-shaving-beard-hair-foam_140725-33158.jpg" }, + { id: "g5", brand: "MR 76", name: "Detalles de estilo", price: "Galeria", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-man-dressed-jacket-warm-hat-from-fur_613910-3182.jpg" }, + { id: "g6", brand: "MR 76", name: "Espacio acogedor", price: "Galeria", rating: 5, reviewCount: "1", imageSrc: "http://img.b2bpic.net/free-photo/hairdressing-chair-vintage-barber-shop_23-2148298304.jpg" }, ]} title="Así se vive MR 76" description="Calidad, estilo y tradición en cada servicio." @@ -351,21 +120,13 @@ export default function LandingPage() {
@@ -374,24 +135,8 @@ export default function LandingPage() { -- 2.49.1