From 2e88456b11efd5248c9c62cb6d41d3d6f0d180a6 Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 9 Jun 2026 16:27:40 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 331 ++++++++++------------------------------------- 1 file changed, 67 insertions(+), 264 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 1a55714..a1266d7 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -33,38 +33,22 @@ export default function LandingPage() { @@ -72,44 +56,23 @@ export default function LandingPage() {
@@ -152,45 +106,21 @@ export default function LandingPage() { useInvertedBackground={true} features={[ { - id: "haircut", - title: "Corte Clásico y Moderno", - tags: [ - "Pelo", - "Estilo", - ], - imageSrc: "http://img.b2bpic.net/free-photo/people-lifestyle-joy-happiness-concept_343059-3583.jpg", - imageAlt: "Classic and modern haircut service", - }, + id: "haircut", title: "Corte Clásico y Moderno", tags: [ + "Pelo", "Estilo"], + imageSrc: "http://img.b2bpic.net/free-photo/people-lifestyle-joy-happiness-concept_343059-3583.jpg", imageAlt: "Classic and modern haircut service"}, { - id: "shave", - title: "Afeitado Tradicional", - tags: [ - "Barba", - "Afeitado", - ], - imageSrc: "http://img.b2bpic.net/free-photo/man-bathrobe-holding-razor_23-2148389916.jpg", - imageAlt: "Traditional hot towel shave service", - }, + id: "shave", title: "Afeitado Tradicional", tags: [ + "Barba", "Afeitado"], + imageSrc: "http://img.b2bpic.net/free-photo/man-bathrobe-holding-razor_23-2148389916.jpg", imageAlt: "Traditional hot towel shave service"}, { - id: "beard-trim", - title: "Arreglo de Barba", - tags: [ - "Barba", - "Diseño", - ], - imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-fashionable-bearded-male-with-stylish-haircut-drinks-glass-juice-sitting-cafe-outdoors_613910-6657.jpg", - imageAlt: "Professional beard trimming service", - }, + id: "beard-trim", title: "Arreglo de Barba", tags: [ + "Barba", "Diseño"], + imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-fashionable-bearded-male-with-stylish-haircut-drinks-glass-juice-sitting-cafe-outdoors_613910-6657.jpg", imageAlt: "Professional beard trimming service"}, { - id: "facial", - title: "Tratamientos Faciales", - tags: [ - "Piel", - "Cuidado", - ], - imageSrc: "http://img.b2bpic.net/free-photo/guy-barbershop_1157-7729.jpg", - imageAlt: "Facial treatments for men", - }, + id: "facial", title: "Tratamientos Faciales", tags: [ + "Piel", "Cuidado"], + imageSrc: "http://img.b2bpic.net/free-photo/guy-barbershop_1157-7729.jpg", imageAlt: "Facial treatments for men"}, ]} title="Nuestros Servicios Exclusivos" description="Desde el corte clásico hasta las últimas tendencias, ofrecemos una experiencia de barbería completa y personalizada." @@ -206,53 +136,17 @@ export default function LandingPage() { useInvertedBackground={false} products={[ { - id: "style-1", - name: "Pompadour Clásico", - price: "Desde $250", - variant: "Corte de Pelo", - imageSrc: "http://img.b2bpic.net/free-photo/rear-view-young-man-wearing-eyeglasses-with-wireless-earphone-his-ear_23-2148098171.jpg", - imageAlt: "Classic pompadour hairstyle", - }, + id: "style-1", name: "Pompadour Clásico", price: "Desde $250", variant: "Corte de Pelo", imageSrc: "http://img.b2bpic.net/free-photo/rear-view-young-man-wearing-eyeglasses-with-wireless-earphone-his-ear_23-2148098171.jpg", imageAlt: "Classic pompadour hairstyle"}, { - id: "style-2", - name: "Textured Crop", - price: "Desde $250", - variant: "Corte Moderno", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-11879.jpg", - imageAlt: "Textured crop hairstyle", - }, + id: "style-2", name: "Textured Crop", price: "Desde $250", variant: "Corte Moderno", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-11879.jpg", imageAlt: "Textured crop hairstyle"}, { - id: "style-3", - name: "Undercut Elegante", - price: "Desde $280", - variant: "Corte de Pelo", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-getting-his-hair-cut_23-2148256900.jpg", - imageAlt: "Elegant undercut hairstyle", - }, + id: "style-3", name: "Undercut Elegante", price: "Desde $280", variant: "Corte de Pelo", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-getting-his-hair-cut_23-2148256900.jpg", imageAlt: "Elegant undercut hairstyle"}, { - id: "style-4", - name: "Barba y Pelo Largo", - price: "Desde $300", - variant: "Estilo Completo", - imageSrc: "http://img.b2bpic.net/free-photo/woman-with-bun-wearing-gray-sweater_155996-26.jpg", - imageAlt: "Man with long hair and styled beard", - }, + id: "style-4", name: "Barba y Pelo Largo", price: "Desde $300", variant: "Estilo Completo", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-bun-wearing-gray-sweater_155996-26.jpg", imageAlt: "Man with long hair and styled beard"}, { - id: "style-5", - name: "Buzz Cut Definido", - price: "Desde $200", - variant: "Corte de Pelo", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-barbershop-concept_23-2148506210.jpg", - imageAlt: "Defined buzz cut hairstyle", - }, + id: "style-5", name: "Buzz Cut Definido", price: "Desde $200", variant: "Corte de Pelo", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-barbershop-concept_23-2148506210.jpg", imageAlt: "Defined buzz cut hairstyle"}, { - id: "style-6", - name: "Barba Esculpida", - price: "Desde $180", - variant: "Arreglo de Barba", - imageSrc: "http://img.b2bpic.net/free-photo/serious-bearded-male-white-shirt-grey-vignette-background_613910-1960.jpg", - imageAlt: "Sculpted beard style", - }, + id: "style-6", name: "Barba Esculpida", price: "Desde $180", variant: "Arreglo de Barba", imageSrc: "http://img.b2bpic.net/free-photo/serious-bearded-male-white-shirt-grey-vignette-background_613910-1960.jpg", imageAlt: "Sculpted beard style"}, ]} title="Explora Nuestros Estilos" description="Inspírate con nuestra galería de trabajos, desde cortes atemporales hasta las tendencias más actuales." @@ -269,23 +163,11 @@ export default function LandingPage() { membersAnimation="slide-up" members={[ { - id: "barber-1", - name: "Juan 'El Clásico' Pérez", - imageSrc: "http://img.b2bpic.net/free-photo/handsome-businessman-barber-shop_1157-21514.jpg", - imageAlt: "Juan Perez, professional barber", - }, + id: "barber-1", name: "Juan 'El Clásico' Pérez", imageSrc: "http://img.b2bpic.net/free-photo/handsome-businessman-barber-shop_1157-21514.jpg", imageAlt: "Juan Perez, professional barber"}, { - id: "barber-2", - name: "Sofía 'La Vanguardia' García", - imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6328.jpg", - imageAlt: "Sofia Garcia, modern barber stylist", - }, + id: "barber-2", name: "Sofía 'La Vanguardia' García", imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6328.jpg", imageAlt: "Sofia Garcia, modern barber stylist"}, { - id: "barber-3", - name: "Carlos 'El Detallista' Ruiz", - imageSrc: "http://img.b2bpic.net/free-photo/barber-showing-cosmetics-client_23-2147737100.jpg", - imageAlt: "Carlos Ruiz, detail-oriented barber", - }, + id: "barber-3", name: "Carlos 'El Detallista' Ruiz", imageSrc: "http://img.b2bpic.net/free-photo/barber-showing-cosmetics-client_23-2147737100.jpg", imageAlt: "Carlos Ruiz, detail-oriented barber"}, ]} memberVariant="card" /> @@ -298,64 +180,28 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "testimonial-1-item", - name: "Ricardo S.", - role: "Cliente Frecuente", - company: "Chihuahua", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg", - imageAlt: "Ricardo, a happy customer", - }, + id: "testimonial-1-item", name: "Ricardo S.", role: "Cliente Frecuente", company: "Chihuahua", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/positive-blond-bearded-male-dressed-plaid-shirt-denim-jacket-posing-grey-vignette-background_613910-11770.jpg", imageAlt: "Ricardo, a happy customer"}, { - id: "testimonial-2-item", - name: "Elena M.", - role: "Nueva Clienta", - company: "Chihuahua", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-man-glasses-showing-thumb-up-gray-wall_231208-7813.jpg", - imageAlt: "Elena, a satisfied customer", - }, + id: "testimonial-2-item", name: "Elena M.", role: "Nueva Clienta", company: "Chihuahua", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-man-glasses-showing-thumb-up-gray-wall_231208-7813.jpg", imageAlt: "Elena, a satisfied customer"}, { - id: "testimonial-3-item", - name: "Jorge L.", - role: "Emprendedor", - company: "Chihuahua", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-brown-suit-sitting-near-dark_158538-11287.jpg", - imageAlt: "Jorge, an entrepreneur", - }, + id: "testimonial-3-item", name: "Jorge L.", role: "Emprendedor", company: "Chihuahua", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-brown-suit-sitting-near-dark_158538-11287.jpg", imageAlt: "Jorge, an entrepreneur"}, { - id: "testimonial-4-item", - name: "Ana R.", - role: "Estudiante", - company: "Chihuahua", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/redhead-non-binary-person-smiling_23-2148760583.jpg", - imageAlt: "Ana, a student", - }, + id: "testimonial-4-item", name: "Ana R.", role: "Estudiante", company: "Chihuahua", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/redhead-non-binary-person-smiling_23-2148760583.jpg", imageAlt: "Ana, a student"}, { - id: "testimonial-5-item", - name: "Pedro H.", - role: "Jubilado", - company: "Chihuahua", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-combing-beard_23-2149137904.jpg", - imageAlt: "Pedro, a retiree", - }, + id: "testimonial-5-item", name: "Pedro H.", role: "Jubilado", company: "Chihuahua", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-combing-beard_23-2149137904.jpg", imageAlt: "Pedro, a retiree"}, ]} kpiItems={[ { - value: "5 Estrellas", - label: "Calificación Promedio", - }, + value: "5 Estrellas", label: "Calificación Promedio"}, { - value: "+1000", - label: "Clientes Satisfechos", - }, + value: "+1000", label: "Clientes Satisfechos"}, { - value: "99%", - label: "Satisfacción General", - }, + value: "99%", label: "Satisfacción General"}, ]} title="Lo Que Dicen Nuestros Clientes" description="Nuestra reputación se construye con cada cliente satisfecho y cada corte perfecto. Escucha sus historias." @@ -370,59 +216,23 @@ export default function LandingPage() { useInvertedBackground={true} plans={[ { - id: "plan-1", - title: "Corte Express", - price: "$250", - period: "Por Servicio", - features: [ - "Corte de pelo a elección", - "Lavado y secado", - "Estilizado rápido", - ], + id: "plan-1", title: "Corte Express", price: "$250", period: "Por Servicio", features: [ + "Corte de pelo a elección", "Lavado y secado", "Estilizado rápido"], button: { - text: "Seleccionar", - href: "#contact", - }, - imageSrc: "http://img.b2bpic.net/free-vector/barbershop-elements-flat-design_1010-383.jpg", - imageAlt: "Scissors icon", - }, + text: "Seleccionar", href: "#contact"}, + imageSrc: "http://img.b2bpic.net/free-vector/barbershop-elements-flat-design_1010-383.jpg", imageAlt: "Scissors icon"}, { - id: "plan-2", - title: "Clásico Completo", - price: "$400", - period: "Por Servicio", - features: [ - "Corte de pelo a elección", - "Afeitado tradicional con toalla caliente", - "Arreglo de barba", - "Lavado y estilizado", - ], + id: "plan-2", title: "Clásico Completo", price: "$400", period: "Por Servicio", features: [ + "Corte de pelo a elección", "Afeitado tradicional con toalla caliente", "Arreglo de barba", "Lavado y estilizado"], button: { - text: "Más Popular", - href: "#contact", - }, - imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects-with-copyspace_23-2148122058.jpg", - imageAlt: "Straight razor icon", - }, + text: "Más Popular", href: "#contact"}, + imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects-with-copyspace_23-2148122058.jpg", imageAlt: "Straight razor icon"}, { - id: "plan-3", - title: "Estilo Premium", - price: "$600", - period: "Por Servicio", - features: [ - "Corte de pelo personalizado", - "Afeitado o arreglo de barba detallado", - "Tratamiento facial hidratante", - "Masaje capilar relajante", - "Estilizado profesional", - ], + id: "plan-3", title: "Estilo Premium", price: "$600", period: "Por Servicio", features: [ + "Corte de pelo personalizado", "Afeitado o arreglo de barba detallado", "Tratamiento facial hidratante", "Masaje capilar relajante", "Estilizado profesional"], button: { - text: "Reservar Premium", - href: "#contact", - }, - imageSrc: "http://img.b2bpic.net/free-photo/hair-mustache-heavy-beard-blackboard_1379-317.jpg", - imageAlt: "Beard brush icon", - }, + text: "Reservar Premium", href: "#contact"}, + imageSrc: "http://img.b2bpic.net/free-photo/hair-mustache-heavy-beard-blackboard_1379-317.jpg", imageAlt: "Beard brush icon"}, ]} title="Nuestros Planes y Precios" description="Encuentra el paquete perfecto para tu estilo y necesidades. Calidad y servicio excepcional garantizados." @@ -434,8 +244,7 @@ export default function LandingPage() {
-- 2.49.1