From 89fa2065b00d3b0b7c4beaf6fdc4c9efdb35913b Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 10 Jun 2026 23:01:47 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 256 ++++++++++------------------------------------- 1 file changed, 53 insertions(+), 203 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 043e756..43942f3 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -32,33 +32,19 @@ export default function LandingPage() { @@ -67,72 +53,47 @@ export default function LandingPage() {
@@ -146,57 +107,33 @@ export default function LandingPage() { features={[ { icon: Palette, - title: "Coloración y Mechas", - description: "Balayage, highlights y últimas tendencias para un color luminoso y a tu medida, que realza tu estilo personal.", - button: { - text: "Reservar", - href: "https://losttepeluqueros28.booksy.com/", - }, + title: "Coloración y Mechas", description: "Balayage, highlights y últimas tendencias para un color luminoso y a tu medida, que realza tu estilo personal.", button: { + text: "Reservar", href: "https://losttepeluqueros28.booksy.com/"}, }, { icon: Heart, - title: "Tratamiento S.O.S. Capilar", - description: "Pelo más fuerte, sedoso y revitalizado desde la primera sesión. Un rescate profundo para cabellos dañados o estresados.", - button: { - text: "Reservar", - href: "https://losttepeluqueros28.booksy.com/", - }, + title: "Tratamiento S.O.S. Capilar", description: "Pelo más fuerte, sedoso y revitalizado desde la primera sesión. Un rescate profundo para cabellos dañados o estresados.", button: { + text: "Reservar", href: "https://losttepeluqueros28.booksy.com/"}, }, { icon: Sparkles, - title: "Alisado de Keratina", - description: "Melena suave, manejable y con brillo espectacular durante semanas. Olvídate del encrespamiento y disfruta de la libertad.", - button: { - text: "Reservar", - href: "https://losttepeluqueros28.booksy.com/", - }, + title: "Alisado de Keratina", description: "Melena suave, manejable y con brillo espectacular durante semanas. Olvídate del encrespamiento y disfruta de la libertad.", button: { + text: "Reservar", href: "https://losttepeluqueros28.booksy.com/"}, }, { icon: Droplet, - title: "Cirugía Capilar", - description: "Hidratación profunda que repara, nutre y devuelve la vida al cabello dañado. Un verdadero elixir para tu melena.", - button: { - text: "Reservar", - href: "https://losttepeluqueros28.booksy.com/", - }, + title: "Cirugía Capilar", description: "Hidratación profunda que repara, nutre y devuelve la vida al cabello dañado. Un verdadero elixir para tu melena.", button: { + text: "Reservar", href: "https://losttepeluqueros28.booksy.com/"}, }, { icon: Scissors, - title: "Corte y Estilismo Damas", - description: "Cortes que realzan tu rostro y se ven fenomenal cada día. Asesoramiento personalizado para encontrar tu look ideal.", - button: { - text: "Reservar", - href: "https://losttepeluqueros28.booksy.com/", - }, + title: "Corte y Estilismo Damas", description: "Cortes que realzan tu rostro y se ven fenomenal cada día. Asesoramiento personalizado para encontrar tu look ideal.", button: { + text: "Reservar", href: "https://losttepeluqueros28.booksy.com/"}, }, { icon: Scissors, - title: "Barbería Caballeros", - description: "Cortes clásicos y modernos, arreglo de barba con acabado impecable. Un servicio detallado para el hombre actual.", - button: { - text: "Reservar", - href: "https://losttepeluqueros28.booksy.com/", - }, + title: "Barbería Caballeros", description: "Cortes clásicos y modernos, arreglo de barba con acabado impecable. Un servicio detallado para el hombre actual.", button: { + text: "Reservar", href: "https://losttepeluqueros28.booksy.com/"}, }, ]} title="Nuestros servicios estrella" @@ -224,50 +161,15 @@ export default function LandingPage() { useInvertedBackground={true} testimonials={[ { - id: "1", - title: "¡Resultados excelentes!", - quote: "Muy contenta con mi corte, me veo fenomenal. El tratamiento S.O.S. me está dando resultados excelentes: mi pelo está mucho más fuerte y sedoso. La atención de Belén es de 10.", - name: "Clienta de Booksy", - role: "Clienta Satisfecha", - imageSrc: "http://img.b2bpic.net/free-photo/laughing-woman-white_23-2147774840.jpg", - imageAlt: "Mujer sonriente con cabello saludable", - }, + id: "1", title: "¡Resultados excelentes!", quote: "Muy contenta con mi corte, me veo fenomenal. El tratamiento S.O.S. me está dando resultados excelentes: mi pelo está mucho más fuerte y sedoso. La atención de Belén es de 10.", name: "Clienta de Booksy", role: "Clienta Satisfecha", imageSrc: "http://img.b2bpic.net/free-photo/laughing-woman-white_23-2147774840.jpg", imageAlt: "Mujer sonriente con cabello saludable"}, { - id: "2", - title: "Cercanía y profesionalidad", - quote: "Una experiencia excelente. Belén me atendió con muchísima cercanía y profesionalidad desde el primer momento. Destaco su sinceridad y el acierto total con el color.", - name: "Tatiana Diez", - role: "Clienta de Google", - imageSrc: "http://img.b2bpic.net/free-photo/side-view-beautiful-woman-bathrobe_23-2148655775.jpg", - imageAlt: "Mujer con un peinado elegante", - }, + id: "2", title: "Cercanía y profesionalidad", quote: "Una experiencia excelente. Belén me atendió con muchísima cercanía y profesionalidad desde el primer momento. Destaco su sinceridad y el acierto total con el color.", name: "Tatiana Diez", role: "Clienta de Google", imageSrc: "http://img.b2bpic.net/free-photo/side-view-beautiful-woman-bathrobe_23-2148655775.jpg", imageAlt: "Mujer con un peinado elegante"}, { - id: "3", - title: "Profesional al 100%", - quote: "Una peluquera profesional al 100%. Encantadora en su forma de ser: simpática, agradable y cariñosa. Siempre acierta con lo que necesito y me hace sentir cómoda.", - name: "Clienta de Treatwell", - role: "Clienta recurrente", - imageSrc: "http://img.b2bpic.net/free-photo/fashion-stylish-model-dressed-elegant-light-pink-suit-posing-near-white-wall_158538-13439.jpg", - imageAlt: "Clienta feliz en el salón", - }, + id: "3", title: "Profesional al 100%", quote: "Una peluquera profesional al 100%. Encantadora en su forma de ser: simpática, agradable y cariñosa. Siempre acierta con lo que necesito y me hace sentir cómoda.", name: "Clienta de Treatwell", role: "Clienta recurrente", imageSrc: "http://img.b2bpic.net/free-photo/fashion-stylish-model-dressed-elegant-light-pink-suit-posing-near-white-wall_158538-13439.jpg", imageAlt: "Clienta feliz en el salón"}, { - id: "4", - title: "Siempre espectacular", - quote: "Desde que descubrí Lostte, mi pelo ha revivido. Los alisados son una maravilla y el color siempre queda justo como lo pido. ¡Un trato inmejorable y Belén es una artista!", - name: "Laura G.", - role: "Clienta Satisfecha", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-charming-beautiful-girl-with-brown-hair-is-covering-face-with-hair-closed-eyes-with-wonderful-smile-girl-with-tender-smile-is-posing-pink-background_291650-2324.jpg", - imageAlt: "Mujer con cabello largo y brillante", - }, + id: "4", title: "Siempre espectacular", quote: "Desde que descubrí Lostte, mi pelo ha revivido. Los alisados son una maravilla y el color siempre queda justo como lo pido. ¡Un trato inmejorable y Belén es una artista!", name: "Laura G.", role: "Clienta Satisfecha", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-charming-beautiful-girl-with-brown-hair-is-covering-face-with-hair-closed-eyes-with-wonderful-smile-girl-with-tender-smile-is-posing-pink-background_291650-2324.jpg", imageAlt: "Mujer con cabello largo y brillante"}, { - id: "5", - title: "Asesoramiento top", - quote: "No sabía qué hacerme y Belén me asesoró con una honestidad que se agradece. Salí con un balayage precioso y un corte que me favorece muchísimo. ¡Volveré seguro!", - name: "Andrea M.", - role: "Nueva Clienta", - imageSrc: "http://img.b2bpic.net/free-photo/attractive-brunette-woman-smiling-looking-camera_197531-33823.jpg", - imageAlt: "Mujer joven con nuevo look", - }, + id: "5", title: "Asesoramiento top", quote: "No sabía qué hacerme y Belén me asesoró con una honestidad que se agradece. Salí con un balayage precioso y un corte que me favorece muchísimo. ¡Volveré seguro!", name: "Andrea M.", role: "Nueva Clienta", imageSrc: "http://img.b2bpic.net/free-photo/attractive-brunette-woman-smiling-looking-camera_197531-33823.jpg", imageAlt: "Mujer joven con nuevo look"}, ]} title="Lo que dicen nuestras clientas" description="Historias reales de satisfacción y belleza. Descubre por qué Lostte Peluqueros en Guadalajara es su elección preferida para un cambio de look que enamora." @@ -282,55 +184,23 @@ export default function LandingPage() { useInvertedBackground={false} products={[ { - id: "g1", - name: "Balayage Rubios Luminosos", - price: "", - imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-pretty-woman-touching-face-has-long-curly-hair-red-lips-stylish-manicure_197531-2619.jpg", - imageAlt: "Balayage rubio luminoso antes y después", - }, + id: "g1", name: "Balayage Rubios Luminosos", price: "", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-pretty-woman-touching-face-has-long-curly-hair-red-lips-stylish-manicure_197531-2619.jpg", imageAlt: "Balayage rubio luminoso antes y después"}, { - id: "g2", - name: "Alisado de Keratina Brillo Espejo", - price: "", - imageSrc: "http://img.b2bpic.net/free-photo/blonde-model-white-shirt-looks-seductive_114579-17017.jpg", - imageAlt: "Melena con keratina brillante y suave", - }, + id: "g2", name: "Alisado de Keratina Brillo Espejo", price: "", imageSrc: "http://img.b2bpic.net/free-photo/blonde-model-white-shirt-looks-seductive_114579-17017.jpg", imageAlt: "Melena con keratina brillante y suave"}, { - id: "g3", - name: "Corte de Caballero Degradado Moderno", - price: "", - imageSrc: "http://img.b2bpic.net/free-photo/years-one-color-communication-30-35_1296-315.jpg", - imageAlt: "Corte de caballero con degradado", - }, + id: "g3", name: "Corte de Caballero Degradado Moderno", price: "", imageSrc: "http://img.b2bpic.net/free-photo/years-one-color-communication-30-35_1296-315.jpg", imageAlt: "Corte de caballero con degradado"}, { - id: "g4", - name: "Color Cobrizo de Tendencia", - price: "", - imageSrc: "http://img.b2bpic.net/free-photo/hair-highlighting-process-with-foils_23-2151983867.jpg", - imageAlt: "Detalle de color cobrizo de tendencia", - }, + id: "g4", name: "Color Cobrizo de Tendencia", price: "", imageSrc: "http://img.b2bpic.net/free-photo/hair-highlighting-process-with-foils_23-2151983867.jpg", imageAlt: "Detalle de color cobrizo de tendencia"}, { - id: "g5", - name: "Interior Cálido del Salón", - price: "", - imageSrc: "http://img.b2bpic.net/free-photo/view-child-hair-salon_23-2150462476.jpg", - imageAlt: "Interior cálido y acogedor del salón", - }, + id: "g5", name: "Interior Cálido del Salón", price: "", imageSrc: "http://img.b2bpic.net/free-photo/view-child-hair-salon_23-2150462476.jpg", imageAlt: "Interior cálido y acogedor del salón"}, { - id: "g6", - name: "Proceso de Mechas Balayage", - price: "", - imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-dyed-beauty-salon_23-2149167369.jpg", - imageAlt: "Proceso de mechas balayage en el salón", - }, + id: "g6", name: "Proceso de Mechas Balayage", price: "", imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-dyed-beauty-salon_23-2149167369.jpg", imageAlt: "Proceso de mechas balayage en el salón"}, ]} title="Nuestra Galería: Estilo y Perfección" description="Inspírate con nuestros últimos trabajos y descubre el arte de la transformación capilar en Lostte Peluqueros. ¡Síguenos en Instagram para no perderte nada!" buttons={[ { - text: "Síguenos en Instagram @lostte.peluqueros", - href: "https://www.instagram.com/lostte.peluqueros/", - }, + text: "Síguenos en Instagram @lostte.peluqueros", href: "https://www.instagram.com/lostte.peluqueros/"}, ]} />
@@ -340,22 +210,14 @@ export default function LandingPage() { textboxLayout="default" gridVariant="uniform-all-items-equal" useInvertedBackground={true} + animationType="slide-up" metrics={[ { - id: "google-rating", - value: "5.0★", - description: "en Google (91 reseñas)", - }, + id: "google-rating", value: "5.0★", description: "en Google (91 reseñas)"}, { - id: "booksy-rating", - value: "4.9★", - description: "en Booksy (129 opiniones)", - }, + id: "booksy-rating", value: "4.9★", description: "en Booksy (129 opiniones)"}, { - id: "experience", - value: "+10", - description: "años de experiencia en el sector", - }, + id: "experience", value: "+10", description: "años de experiencia en el sector"}, ]} title="Nuestras Valoraciones Hablan por Sí Solas" description="La satisfacción de nuestras clientas es nuestra máxima prioridad y la mejor prueba de nuestro compromiso y calidad." @@ -369,22 +231,14 @@ export default function LandingPage() { description="Te esperamos en Lostte Peluqueros en Guadalajara. Contáctanos o reserva tu cita fácilmente.

Dirección: Av. de Castilla, 18, 19002 Guadalajara
Teléfono: 624 03 24 55
Horario: Lunes a sábado, abre a las 10:00

Escríbenos por WhatsApp

Síguenos en nuestras redes:
Instagram | TikTok | Facebook

" inputs={[ { - name: "name", - type: "text", - placeholder: "Tu nombre", - required: true, + name: "name", type: "text", placeholder: "Tu nombre", required: true, }, { - name: "email", - type: "email", - placeholder: "Tu email", - required: true, + name: "email", type: "email", placeholder: "Tu email", required: true, }, ]} textarea={{ - name: "message", - placeholder: "Tu mensaje", - rows: 4, + name: "message", placeholder: "Tu mensaje", rows: 4, }} imageSrc="http://img.b2bpic.net/free-photo/multi-colored-pushpins-pointing-planned-destinations-map_23-2147837130.jpg" imageAlt="Mapa de la ubicación de Lostte Peluqueros en Guadalajara" @@ -398,13 +252,9 @@ export default function LandingPage() {