bender/dec81143-53bf-48a6-88f4-070cfba1e5e2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-10 23:01:47 +00:00
parent be1002463b
commit 89fa2065b0
1 changed files with 53 additions and 203 deletions
Download Patch File Download Diff File Expand all files Collapse all files

256
src/app/page.tsx
View File

@@ -32,33 +32,19 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Inicio",
id: "#hero",
},
name: "Inicio", id: "#hero"},
{
name: "Servicios",
id: "#services",
},
name: "Servicios", id: "#services"},
{
name: "Por qué elegirnos",
id: "#why-us",
},
name: "Por qué elegirnos", id: "#why-us"},
{
name: "Testimonios",
id: "#testimonials",
},
name: "Testimonios", id: "#testimonials"},
{
name: "Galería",
id: "#gallery",
},
name: "Galería", id: "#gallery"},
{
name: "Contacto",
id: "#contact",
},
name: "Contacto", id: "#contact"},
{
name: "Reservar Cita",
id: "https://losttepeluqueros28.booksy.com/",
},
name: "Reservar Cita", id: "https://losttepeluqueros28.booksy.com/"},
]}
brandName="Lostte Peluqueros"
/>
@@ -67,72 +53,47 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "glowing-orb",
}}
variant: "glowing-orb"}}
title="Peluquería y barbería en Guadalajara donde tu pelo brilla de verdad"
description="Especialistas en coloración, mechas y balayage, alisados de keratina y cirugía capilar, para damas y caballeros, con un trato cercano y honesto."
tag="5,0★ · 91 reseñas en Google · 4,9★ en Booksy"
buttons={[
{
text: "Reservar cita",
href: "https://losttepeluqueros28.booksy.com/",
},
text: "Reservar cita", href: "https://losttepeluqueros28.booksy.com/"},
{
text: "WhatsApp",
href: "https://wa.me/34624032455",
},
text: "WhatsApp", href: "https://wa.me/34624032455"},
]}
imageSrc="http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186462.jpg"
imageAlt="Interior de la peluquería Lostte Peluqueros con una clienta siendo atendida"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-cute-blond-teenager-model-without-makeup-summer-hipster-white-dress-clothes-posing-street-background-sunglights-face_158538-12799.jpg",
alt: "Portrait of beautiful cute blond teenager model",
},
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-cute-blond-teenager-model-without-makeup-summer-hipster-white-dress-clothes-posing-street-background-sunglights-face_158538-12799.jpg", alt: "Portrait of beautiful cute blond teenager model"},
{
src: "http://img.b2bpic.net/free-photo/happy-woman-with-passport-tickets_23-2148170045.jpg",
alt: "Happy woman with passport and tickets",
},
src: "http://img.b2bpic.net/free-photo/happy-woman-with-passport-tickets_23-2148170045.jpg", alt: "Happy woman with passport and tickets"},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-stylish-laughing-model-colorful-casual-summer-clothes-with-natural-makeup_158538-11749.jpg",
alt: "Portrait of young stylish laughing model",
},
src: "http://img.b2bpic.net/free-photo/portrait-young-stylish-laughing-model-colorful-casual-summer-clothes-with-natural-makeup_158538-11749.jpg", alt: "Portrait of young stylish laughing model"},
{
src: "http://img.b2bpic.net/free-photo/woman-with-flowers-hair-lying-floor_23-2148098492.jpg",
alt: "Woman with flowers on hair lying on floor",
},
src: "http://img.b2bpic.net/free-photo/woman-with-flowers-hair-lying-floor_23-2148098492.jpg", alt: "Woman with flowers on hair lying on floor"},
{
src: "http://img.b2bpic.net/free-photo/black-skinned-woman-s-hand-smiling-caucasian-female-friend-against-grey-backdrop_23-2148178777.jpg",
alt: "Black skinned woman's hand behind the smiling caucasian female friend",
},
src: "http://img.b2bpic.net/free-photo/black-skinned-woman-s-hand-smiling-caucasian-female-friend-against-grey-backdrop_23-2148178777.jpg", alt: "Black skinned woman's hand behind the smiling caucasian female friend"},
]}
avatarText="Nuestras clientas nos avalan"
marqueeItems={[
{
type: "text-icon",
text: "Coloración EXPERTA",
icon: Palette,
type: "text-icon", text: "Coloración EXPERTA", icon: Palette,
},
{
type: "text-icon",
text: "Alisados TOP",
icon: Sparkles,
type: "text-icon", text: "Alisados TOP", icon: Sparkles,
},
{
type: "text-icon",
text: "Cortes MODERNOS",
icon: Scissors,
type: "text-icon", text: "Cortes MODERNOS", icon: Scissors,
},
{
type: "text-icon",
text: "Barbería CLÁSICA",
icon: Scissors,
type: "text-icon", text: "Barbería CLÁSICA", icon: Scissors,
},
{
type: "text-icon",
text: "Tratamientos S.O.S",
icon: Heart,
type: "text-icon", text: "Tratamientos S.O.S", icon: Heart,
},
]}
/>
@@ -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/"},
]}
/>
</div>
@@ -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. <br/><br/><strong>Dirección:</strong> <a href='https://maps.app.goo.gl/YourGoogleMapsLink' target='_blank' rel='noopener noreferrer'>Av. de Castilla, 18, 19002 Guadalajara</a><br/><strong>Teléfono:</strong> <a href='tel:+34624032455'>624 03 24 55</a><br/><strong>Horario:</strong> Lunes a sábado, abre a las 10:00<br/><br/><a href='https://wa.me/34624032455' target='_blank' rel='noopener noreferrer' style='text-decoration: underline; color: var(--primary-cta);'>Escríbenos por WhatsApp</a><br/><br/>Síguenos en nuestras redes:<br/><a href='https://www.instagram.com/lostte.peluqueros/' target='_blank' rel='noopener noreferrer'>Instagram</a> | <a href='https://www.tiktok.com/@belenlostte' target='_blank' rel='noopener noreferrer'>TikTok</a> | <a href='https://www.facebook.com/losttepeluqueros/' target='_blank' rel='noopener noreferrer'>Facebook</a><br/><br/><button style='background-color: var(--primary-cta); color: var(--primary-cta-text); padding: 0.75rem 1.5rem; border-radius: var(--border-radius); border: none; cursor: pointer; font-weight: bold;'>Reserva tu momento</button>"
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() {
<FooterLogoReveal
logoText="Lostte Peluqueros | Tu peluquería de confianza en Guadalajara. © 2024 Todos los derechos reservados."
leftLink={{
text: "Reservar Cita",
href: "https://losttepeluqueros28.booksy.com/",
}}
text: "Reservar Cita", href: "https://losttepeluqueros28.booksy.com/"}}
rightLink={{
text: "Política de Privacidad",
href: "#",
}}
text: "Política de Privacidad", href: "#"}}
/>
</div>
</ReactLenis>