From 9ba58001ae12c1960f2ce3d231bcd5471704b205 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 28 Apr 2026 15:24:55 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 208 ++++++++++-------------------------------------
 1 file changed, 42 insertions(+), 166 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 487291b..096529c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,17 +32,11 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Inicio",
-          id: "hero",
-        },
+          name: "Inicio",          id: "hero"},
         {
-          name: "Servicios",
-          id: "servicios",
-        },
+          name: "Servicios",          id: "servicios"},
         {
-          name: "Contacto",
-          id: "contacto",
-        },
+          name: "Contacto",          id: "contacto"},
       ]}
       brandName="Barbería Amigos"
     />
@@ -51,37 +45,19 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Barbería Amigos: Expertos en Degradados y Estilo Urbano"
       description="Cortes de precisión, dibujos artísticos y el mejor ambiente de Castro Urdiales."
       buttons={[
         {
-          text: "Llamar Ahora",
-          href: "tel:602379374",
-        },
+          text: "Llamar Ahora",          href: "tel:602379374"},
       ]}
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-with-glass-liquor-barbershop_23-2147737089.jpg?_wi=1",
-          imageAlt: "barber shop skin fade",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-woman-skin-texture_23-2149457576.jpg?_wi=1",
-          imageAlt: "skin fade close up",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/child-getting-haircut-salon_23-2150462518.jpg?_wi=1",
-          imageAlt: "barber cutting kids hair",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-happy-woman_23-2148778287.jpg",
-          imageAlt: "hair tattoo pattern",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-getting-her-hair-done_23-2148108777.jpg",
-          imageAlt: "barber shop interior",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/man-with-glass-liquor-barbershop_23-2147737089.jpg", imageAlt: "barber shop skin fade" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-woman-skin-texture_23-2149457576.jpg", imageAlt: "skin fade close up" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/child-getting-haircut-salon_23-2150462518.jpg", imageAlt: "barber cutting kids hair" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-happy-woman_23-2148778287.jpg", imageAlt: "hair tattoo pattern" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-getting-her-hair-done_23-2148108777.jpg", imageAlt: "barber shop interior" },
       ]}
       mediaAnimation="slide-up"
     />
@@ -94,55 +70,25 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          title: "Degradados Modernos",
-          description: "Especialistas en Skin Fade y acabados de alta definición.",
-          icon: Sparkles,
+          title: "Degradados Modernos",          description: "Especialistas en Skin Fade y acabados de alta definición.",          icon: Sparkles,
           mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/from-hands-shaving-neck_23-2147778916.jpg",
-              imageAlt: "skin fade close up",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-trimming-hair_23-2148256872.jpg",
-              imageAlt: "skin fade close up",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/man-with-glass-liquor-barbershop_23-2147737089.jpg?_wi=2",
-          imageAlt: "skin fade close up",
+            { imageSrc: "http://img.b2bpic.net/free-photo/from-hands-shaving-neck_23-2147778916.jpg", imageAlt: "skin fade close up" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-trimming-hair_23-2148256872.jpg", imageAlt: "skin fade close up" },
+          ]
         },
         {
-          title: "Corte Infantil",
-          description: "Expertos en los más pequeños, con paciencia y estilo.",
-          icon: Star,
+          title: "Corte Infantil",          description: "Expertos en los más pequeños, con paciencia y estilo.",          icon: Star,
           mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/smiling-preschooler-boy-getting-haircut-older-sister-cuts-her-little-brother-with-trimmer-against-brick-wall_613910-5738.jpg",
-              imageAlt: "barber cutting kids hair",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/children-hairdresser-with-scissors-is-cutting-little-boy-against-dark-background-contented-cute-preschooler-boy-getting-haircut_613910-19721.jpg",
-              imageAlt: "barber cutting kids hair",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-woman-skin-texture_23-2149457576.jpg?_wi=2",
-          imageAlt: "skin fade close up",
+            { imageSrc: "http://img.b2bpic.net/free-photo/smiling-preschooler-boy-getting-haircut-older-sister-cuts-her-little-brother-with-trimmer-against-brick-wall_613910-5738.jpg", imageAlt: "barber cutting kids hair" },
+            { imageSrc: "http://img.b2bpic.net/free-photo/children-hairdresser-with-scissors-is-cutting-little-boy-against-dark-background-contented-cute-preschooler-boy-getting-haircut_613910-19721.jpg", imageAlt: "barber cutting kids hair" },
+          ]
         },
         {
-          title: "Arreglo de Barba",
-          description: "Perfilado y cuidado tradicional para un look impecable.",
-          icon: Shield,
+          title: "Arreglo de Barba",          description: "Perfilado y cuidado tradicional para un look impecable.",          icon: Shield,
           mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-drinking-straw-texture_23-2148133310.jpg",
-              imageAlt: "hair tattoo pattern",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-vector/linear-flat-abstract-lines-pattern_23-2148953433.jpg",
-              imageAlt: "hair tattoo pattern",
-            },
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/child-getting-haircut-salon_23-2150462518.jpg?_wi=2",
-          imageAlt: "skin fade close up",
+            { imageSrc: "http://img.b2bpic.net/free-photo/close-up-drinking-straw-texture_23-2148133310.jpg", imageAlt: "hair tattoo pattern" },
+            { imageSrc: "http://img.b2bpic.net/free-vector/linear-flat-abstract-lines-pattern_23-2148953433.jpg", imageAlt: "hair tattoo pattern" },
+          ]
         },
       ]}
       title="Nuestros Servicios"
@@ -152,33 +98,16 @@ export default function LandingPage() {
 
   <div id="metrics" data-section="metrics">
       <MetricCardEleven
+      animationType="blur-reveal"
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          value: "Wi-Fi",
-          title: "Conectividad",
-          description: "Wi-Fi Gratis para clientes.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-having-his-hair-fixed-with-comb-hairdryer_23-2148256901.jpg",
-          imageAlt: "barber shop skin fade",
-        },
+          id: "m1",          value: "Wi-Fi",          title: "Conectividad",          description: "Wi-Fi Gratis para clientes.",          imageSrc: "http://img.b2bpic.net/free-photo/man-having-his-hair-fixed-with-comb-hairdryer_23-2148256901.jpg",          imageAlt: "barber shop skin fade"},
         {
-          id: "m2",
-          value: "NFC",
-          title: "Pagos",
-          description: "Pago con Móvil/NFC rápido.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-preschooler-boy-getting-haircut-older-sister-cuts-her-little-brother-with-trimmer-against-brick-wall_613910-19671.jpg",
-          imageAlt: "barber cutting kids hair",
-        },
+          id: "m2",          value: "NFC",          title: "Pagos",          description: "Pago con Móvil/NFC rápido.",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-preschooler-boy-getting-haircut-older-sister-cuts-her-little-brother-with-trimmer-against-brick-wall_613910-19671.jpg",          imageAlt: "barber cutting kids hair"},
         {
-          id: "m3",
-          value: "20:30",
-          title: "Horario",
-          description: "Abierto hasta las 20:30.",
-          imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-illustration-mental-health-day-awareness_23-2151813238.jpg",
-          imageAlt: "hair tattoo pattern",
-        },
+          id: "m3",          value: "20:30",          title: "Horario",          description: "Abierto hasta las 20:30.",          imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-illustration-mental-health-day-awareness_23-2151813238.jpg",          imageAlt: "hair tattoo pattern"},
       ]}
       title="Compromiso con el Cliente"
       description="Tecnología y servicios modernos a tu disposición."
@@ -190,35 +119,15 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
-          name: "Juan García",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6410.jpg",
-          imageAlt: "happy customer barber",
-        },
+          id: "1",          name: "Juan García",          imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6410.jpg",          imageAlt: "happy customer barber"},
         {
-          id: "2",
-          name: "Pedro López",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-barbershop-concept_23-2148506210.jpg",
-          imageAlt: "clean beard fade",
-        },
+          id: "2",          name: "Pedro López",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-barbershop-concept_23-2148506210.jpg",          imageAlt: "clean beard fade"},
         {
-          id: "3",
-          name: "Carlos Ruiz",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-man-listening-music-headphone_23-2147892843.jpg",
-          imageAlt: "trendy male haircut",
-        },
+          id: "3",          name: "Carlos Ruiz",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-man-listening-music-headphone_23-2147892843.jpg",          imageAlt: "trendy male haircut"},
         {
-          id: "4",
-          name: "Luis Miguel",
-          imageSrc: "http://img.b2bpic.net/free-photo/customer-getting-new-haircut-from_23-2148257021.jpg",
-          imageAlt: "sharp haircut result",
-        },
+          id: "4",          name: "Luis Miguel",          imageSrc: "http://img.b2bpic.net/free-photo/customer-getting-new-haircut-from_23-2148257021.jpg",          imageAlt: "sharp haircut result"},
         {
-          id: "5",
-          name: "Javier Torres",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man_23-2148884350.jpg",
-          imageAlt: "skin fade profile",
-        },
+          id: "5",          name: "Javier Torres",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man_23-2148884350.jpg",          imageAlt: "skin fade profile"},
       ]}
       cardTitle="Lo que dicen nuestros amigos"
       cardTag="Opiniones"
@@ -231,20 +140,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
-          title: "¿Necesito cita previa?",
-          content: "Recomendamos reservar para asegurar disponibilidad.",
-        },
+          id: "f1",          title: "¿Necesito cita previa?",          content: "Recomendamos reservar para asegurar disponibilidad."},
         {
-          id: "f2",
-          title: "¿Aceptan tarjetas?",
-          content: "Sí, aceptamos tarjetas y pagos móviles/NFC.",
-        },
+          id: "f2",          title: "¿Aceptan tarjetas?",          content: "Sí, aceptamos tarjetas y pagos móviles/NFC."},
         {
-          id: "f3",
-          title: "¿Dónde están ubicados?",
-          content: "En Calle Santander, 14, Castro-Urdiales.",
-        },
+          id: "f3",          title: "¿Dónde están ubicados?",          content: "En Calle Santander, 14, Castro-Urdiales."},
       ]}
       sideTitle="Preguntas frecuentes"
       faqsAnimation="blur-reveal"
@@ -256,14 +156,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       names={[
-        "Productos Premium",
-        "Calidad Garantizada",
-        "Excelencia",
-        "Innovación",
-        "Estilo Moderno",
-        "Puntualidad",
-        "Atención Personalizada",
-      ]}
+        "Productos Premium",        "Calidad Garantizada",        "Excelencia",        "Innovación",        "Estilo Moderno",        "Puntualidad",        "Atención Personalizada"]}
       title="Nuestros Aliados en Estilo"
       description="La excelencia y calidad respaldan nuestro trabajo día a día."
     />
@@ -276,22 +169,13 @@ export default function LandingPage() {
       description="Estamos listos para renovar tu estilo. Visítanos en C. Santander, 14."
       inputs={[
         {
-          name: "nombre",
-          type: "text",
-          placeholder: "Tu nombre",
-          required: true,
+          name: "nombre",          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,
         },
         {
-          name: "telefono",
-          type: "tel",
-          placeholder: "Tu teléfono",
-        },
+          name: "telefono",          type: "tel",          placeholder: "Tu teléfono"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-getting-groomed_23-2149141754.jpg"
       imageAlt="barber shop interior"
@@ -304,25 +188,17 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "Calle Santander, 14",
-              href: "#",
-            },
+              label: "Calle Santander, 14",              href: "#"},
             {
-              label: "Castro-Urdiales",
-              href: "#",
-            },
+              label: "Castro-Urdiales",              href: "#"},
           ],
         },
         {
           items: [
             {
-              label: "Abierto hasta las 20:30",
-              href: "#",
-            },
+              label: "Abierto hasta las 20:30",              href: "#"},
             {
-              label: "Reserva ahora",
-              href: "tel:602379374",
-            },
+              label: "Reserva ahora",              href: "tel:602379374"},
           ],
         },
       ]}
-- 
2.49.1