From 57f9073ad9b52eba04e2d2754b28d978c8d16ab1 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 9 Jun 2026 14:43:50 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 250 +++++++++++------------------------------------
 1 file changed, 57 insertions(+), 193 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0315940..817ac3b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,29 +31,17 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Home",
-          id: "/",
-        },
+          name: "Home",          id: "/"},
         {
-          name: "Tratamientos",
-          id: "/tratamientos",
-        },
+          name: "Tratamientos",          id: "/tratamientos"},
         {
-          name: "Sobre Biutika",
-          id: "/nosotros",
-        },
+          name: "Sobre Biutika",          id: "/nosotros"},
         {
-          name: "Galería",
-          id: "/galeria",
-        },
+          name: "Galería",          id: "/galeria"},
         {
-          name: "Testimonios",
-          id: "/opiniones",
-        },
+          name: "Testimonios",          id: "/opiniones"},
         {
-          name: "Contacto",
-          id: "/contacto",
-        },
+          name: "Contacto",          id: "/contacto"},
       ]}
       brandName="Biutika"
     />
@@ -62,19 +50,14 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       title="Belleza natural respaldada por medicina estética de excelencia."
       description="Tratamientos avanzados, tecnología de última generación y atención personalizada para realzar tu mejor versión."
       buttons={[
         {
-          text: "Agenda tu evaluación",
-          href: "/contacto",
-        },
+          text: "Agenda tu evaluación",          href: "/contacto"},
         {
-          text: "Conoce nuestros tratamientos",
-          href: "/tratamientos",
-        },
+          text: "Conoce nuestros tratamientos",          href: "/tratamientos"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-getting-hyaluronic-acid-injection_23-2149343926.jpg"
       imageAlt="Paciente y doctora en una clínica de medicina estética premium"
@@ -86,14 +69,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "Luxury Skincare Co.",
-        "Advanced Aesthetics Ltd.",
-        "Natural Beauty Tech",
-        "Elite Dermaceuticals",
-        "Pure Aesthetics Group",
-        "Radiance Solutions",
-        "Timeless Beauty Innovations",
-      ]}
+        "Luxury Skincare Co.",        "Advanced Aesthetics Ltd.",        "Natural Beauty Tech",        "Elite Dermaceuticals",        "Pure Aesthetics Group",        "Radiance Solutions",        "Timeless Beauty Innovations"]}
       title="Más de 24 pacientes nos recomiendan"
       description="\"Excelente atención, profesionalismo y resultados naturales.\""
     />
@@ -101,33 +77,19 @@ export default function LandingPage() {
 
   <div id="philosophy" data-section="philosophy">
       <FeatureCardTwentyFour
+      animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={true}
       features={[
         {
-          id: "natural-results",
-          title: "Resultados Naturales",
-          author: "",
-          description: "Realzamos tu belleza sin alterar tu esencia.",
-          tags: [],
-          imageSrc: "http://img.b2bpic.net/free-photo/three-party-blower-against-pink-background_23-2148051896.jpg",
-        },
+          id: "natural-results",          title: "Resultados Naturales",          author: "",          description: "Realzamos tu belleza sin alterar tu esencia.",          tags: [],
+          imageSrc: "http://img.b2bpic.net/free-photo/three-party-blower-against-pink-background_23-2148051896.jpg"},
         {
-          id: "personalized-attention",
-          title: "Atención Personalizada",
-          author: "",
-          description: "Cada tratamiento comienza con una evaluación médica completa.",
-          tags: [],
-          imageSrc: "http://img.b2bpic.net/free-vector/healthcare-medical-infographic_23-2148368844.jpg",
-        },
+          id: "personalized-attention",          title: "Atención Personalizada",          author: "",          description: "Cada tratamiento comienza con una evaluación médica completa.",          tags: [],
+          imageSrc: "http://img.b2bpic.net/free-vector/healthcare-medical-infographic_23-2148368844.jpg"},
         {
-          id: "cutting-edge-technology",
-          title: "Tecnología de Vanguardia",
-          author: "",
-          description: "Equipos y procedimientos reconocidos internacionalmente.",
-          tags: [],
-          imageSrc: "http://img.b2bpic.net/free-vector/futuristic-technology-medical-infographic_23-2148486488.jpg",
-        },
+          id: "cutting-edge-technology",          title: "Tecnología de Vanguardia",          author: "",          description: "Equipos y procedimientos reconocidos internacionalmente.",          tags: [],
+          imageSrc: "http://img.b2bpic.net/free-vector/futuristic-technology-medical-infographic_23-2148486488.jpg"},
       ]}
       title="Nuestra Filosofía"
       description="No creemos en transformar rostros. Creemos en potenciar la belleza natural de cada paciente mediante tratamientos personalizados, seguros y respaldados por evidencia médica."
@@ -143,47 +105,17 @@ export default function LandingPage() {
       carouselMode="buttons"
       products={[
         {
-          id: "botox",
-          name: "Botox",
-          price: "Desde $250",
-          imageSrc: "http://img.b2bpic.net/free-photo/person-getting-micro-needling-beauty-treatment_23-2149334237.jpg",
-          imageAlt: "Tratamiento de Botox",
-        },
+          id: "botox",          name: "Botox",          price: "Desde $250",          imageSrc: "http://img.b2bpic.net/free-photo/person-getting-micro-needling-beauty-treatment_23-2149334237.jpg",          imageAlt: "Tratamiento de Botox"},
         {
-          id: "hifu",
-          name: "HIFU",
-          price: "Desde $400",
-          imageSrc: "http://img.b2bpic.net/free-photo/creative-portrait-young-adult_23-2149202937.jpg",
-          imageAlt: "Tratamiento HIFU",
-        },
+          id: "hifu",          name: "HIFU",          price: "Desde $400",          imageSrc: "http://img.b2bpic.net/free-photo/creative-portrait-young-adult_23-2149202937.jpg",          imageAlt: "Tratamiento HIFU"},
         {
-          id: "facial-harmonization",
-          name: "Armonización Facial",
-          price: "Desde $600",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-practicing-facial-yoga-youth_23-2150520793.jpg",
-          imageAlt: "Tratamiento de Armonización Facial",
-        },
+          id: "facial-harmonization",          name: "Armonización Facial",          price: "Desde $600",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-practicing-facial-yoga-youth_23-2150520793.jpg",          imageAlt: "Tratamiento de Armonización Facial"},
         {
-          id: "bioestimuladores",
-          name: "Bioestimuladores",
-          price: "Desde $550",
-          imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-woman-covering-face-with-fern-leaves_23-2148075068.jpg",
-          imageAlt: "Tratamiento con Bioestimuladores",
-        },
+          id: "bioestimuladores",          name: "Bioestimuladores",          price: "Desde $550",          imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-woman-covering-face-with-fern-leaves_23-2148075068.jpg",          imageAlt: "Tratamiento con Bioestimuladores"},
         {
-          id: "facial-rejuvenation",
-          name: "Rejuvenecimiento Facial",
-          price: "Desde $300",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautician-woman-clinic-consults-client_23-2148878890.jpg",
-          imageAlt: "Tratamiento de Rejuvenecimiento Facial",
-        },
+          id: "facial-rejuvenation",          name: "Rejuvenecimiento Facial",          price: "Desde $300",          imageSrc: "http://img.b2bpic.net/free-photo/beautician-woman-clinic-consults-client_23-2148878890.jpg",          imageAlt: "Tratamiento de Rejuvenecimiento Facial"},
         {
-          id: "medical-evaluation",
-          name: "Evaluación Médica Estética",
-          price: "Gratis",
-          imageSrc: "http://img.b2bpic.net/free-photo/dermatologist-using-digital-tablet_107420-65540.jpg",
-          imageAlt: "Evaluación Médica Estética",
-        },
+          id: "medical-evaluation",          name: "Evaluación Médica Estética",          price: "Gratis",          imageSrc: "http://img.b2bpic.net/free-photo/dermatologist-using-digital-tablet_107420-65540.jpg",          imageAlt: "Evaluación Médica Estética"},
       ]}
       title="Tratamientos Destacados"
       description="Explora nuestra gama de procedimientos de vanguardia diseñados para realzar tu belleza natural con resultados excepcionales."
@@ -197,37 +129,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          id: "personal-attention",
-          title: "Atención Personalizada",
-          author: "",
-          description: "Cada tratamiento comienza con una evaluación médica completa para un plan a tu medida.",
-          tags: [],
-          imageSrc: "http://img.b2bpic.net/free-vector/beauty-room-branding-logo-illustration_53876-58031.jpg",
-        },
+          id: "personal-attention",          title: "Atención Personalizada",          author: "",          description: "Cada tratamiento comienza con una evaluación médica completa para un plan a tu medida.",          tags: [],
+          imageSrc: "http://img.b2bpic.net/free-vector/beauty-room-branding-logo-illustration_53876-58031.jpg"},
         {
-          id: "vanguard-technology",
-          title: "Tecnología de Vanguardia",
-          author: "",
-          description: "Utilizamos equipos y procedimientos reconocidos internacionalmente para resultados óptimos.",
-          tags: [],
-          imageSrc: "http://img.b2bpic.net/free-photo/view-vacuum-cleaner-robot-flat-surface-floor_23-2151736841.jpg",
-        },
+          id: "vanguard-technology",          title: "Tecnología de Vanguardia",          author: "",          description: "Utilizamos equipos y procedimientos reconocidos internacionalmente para resultados óptimos.",          tags: [],
+          imageSrc: "http://img.b2bpic.net/free-photo/view-vacuum-cleaner-robot-flat-surface-floor_23-2151736841.jpg"},
         {
-          id: "natural-results",
-          title: "Resultados Naturales",
-          author: "",
-          description: "Resaltamos tu belleza innata sin alterar tu esencia, con un enfoque armónico y sutil.",
-          tags: [],
-          imageSrc: "http://img.b2bpic.net/free-photo/holes-plugs-wall_23-2147743110.jpg",
-        },
+          id: "natural-results",          title: "Resultados Naturales",          author: "",          description: "Resaltamos tu belleza innata sin alterar tu esencia, con un enfoque armónico y sutil.",          tags: [],
+          imageSrc: "http://img.b2bpic.net/free-photo/holes-plugs-wall_23-2147743110.jpg"},
         {
-          id: "safety-confidence",
-          title: "Seguridad y Confianza",
-          author: "",
-          description: "Trabajamos con productos certificados y aplicamos protocolos médicos rigurosos en cada procedimiento.",
-          tags: [],
-          imageSrc: "http://img.b2bpic.net/free-vector/shiny-shield-cardiograph-blue-background-medical-care_1017-44798.jpg",
-        },
+          id: "safety-confidence",          title: "Seguridad y Confianza",          author: "",          description: "Trabajamos con productos certificados y aplicamos protocolos médicos rigurosos en cada procedimiento.",          tags: [],
+          imageSrc: "http://img.b2bpic.net/free-vector/shiny-shield-cardiograph-blue-background-medical-care_1017-44798.jpg"},
       ]}
       title="Por Qué Elegir Biutika"
       description="Tu bienestar y la belleza natural son nuestra prioridad. Descubre los pilares que nos distinguen."
@@ -240,12 +152,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       team={[
         {
-          id: "dra-ellen",
-          name: "Dra. Ellen",
-          role: "Directora Médica & Especialista en Medicina Estética",
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-doing-her-make-up-green-room_23-2148210729.jpg",
-          imageAlt: "Retrato de la Dra. Ellen",
-        },
+          id: "dra-ellen",          name: "Dra. Ellen",          role: "Directora Médica & Especialista en Medicina Estética",          imageSrc: "http://img.b2bpic.net/free-photo/girl-doing-her-make-up-green-room_23-2148210729.jpg",          imageAlt: "Retrato de la Dra. Ellen"},
       ]}
       title="Nuestra Directora Médica"
       description="Conoce a la Dra. Ellen, nuestra directora médica, reconocida por su experiencia, cercanía y ética profesional. Cada paciente es una prioridad, asegurando una experiencia exclusiva y resultados que reflejan tu verdadera esencia."
@@ -260,45 +167,15 @@ export default function LandingPage() {
       carouselMode="auto"
       testimonials={[
         {
-          id: "1",
-          name: "Andrea S.",
-          role: "Cliente Satisfecha",
-          testimonial: "La doctora Ellen se da el tiempo con cada paciente. Me siento contenida y acompañada en cada paso. ¡Los resultados son increíbles y muy naturales!",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-holding-hands-together-joyfully-looking-camera-modern-clothes-store_574295-2021.jpg",
-          imageAlt: "Testimonio de Andrea S.",
-        },
+          id: "1",          name: "Andrea S.",          role: "Cliente Satisfecha",          testimonial: "La doctora Ellen se da el tiempo con cada paciente. Me siento contenida y acompañada en cada paso. ¡Los resultados son increíbles y muy naturales!",          imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-holding-hands-together-joyfully-looking-camera-modern-clothes-store_574295-2021.jpg",          imageAlt: "Testimonio de Andrea S."},
         {
-          id: "2",
-          name: "Javier M.",
-          role: "Paciente",
-          testimonial: "Profesionalismo excepcional. Trabajan con los mejores productos y máquinas. Se nota la diferencia en los resultados, ¡totalmente recomendado!",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-846.jpg",
-          imageAlt: "Testimonio de Javier M.",
-        },
+          id: "2",          name: "Javier M.",          role: "Paciente",          testimonial: "Profesionalismo excepcional. Trabajan con los mejores productos y máquinas. Se nota la diferencia en los resultados, ¡totalmente recomendado!",          imageSrc: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-846.jpg",          imageAlt: "Testimonio de Javier M."},
         {
-          id: "3",
-          name: "Sofía P.",
-          role: "Cliente Habitual",
-          testimonial: "Siempre busqué resultados naturales y en Biutika los encontré. La atención es excelente, el equipo muy amable. Me siento mucho más segura.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-female-blogger-content-creator-showing-lipstick-okay-hand-sign-recommending-beauty-product_1258-281929.jpg",
-          imageAlt: "Testimonio de Sofía P.",
-        },
+          id: "3",          name: "Sofía P.",          role: "Cliente Habitual",          testimonial: "Siempre busqué resultados naturales y en Biutika los encontré. La atención es excelente, el equipo muy amable. Me siento mucho más segura.",          imageSrc: "http://img.b2bpic.net/free-photo/young-female-blogger-content-creator-showing-lipstick-okay-hand-sign-recommending-beauty-product_1258-281929.jpg",          imageAlt: "Testimonio de Sofía P."},
         {
-          id: "4",
-          name: "Ricardo G.",
-          role: "Paciente Frecuente",
-          testimonial: "Desde la primera evaluación supe que estaba en buenas manos. El enfoque es muy humano y los resultados son sutiles y armónicos con mi rostro.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-checking-her-skin-mirror-after-receiving-cosmetic-treatment_107420-74036.jpg",
-          imageAlt: "Testimonio de Ricardo G.",
-        },
+          id: "4",          name: "Ricardo G.",          role: "Paciente Frecuente",          testimonial: "Desde la primera evaluación supe que estaba en buenas manos. El enfoque es muy humano y los resultados son sutiles y armónicos con mi rostro.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-checking-her-skin-mirror-after-receiving-cosmetic-treatment_107420-74036.jpg",          imageAlt: "Testimonio de Ricardo G."},
         {
-          id: "5",
-          name: "Mariana L.",
-          role: "Nueva Paciente",
-          testimonial: "Me daba miedo empezar con tratamientos estéticos, pero aquí me explicaron todo con mucha paciencia. ¡El cambio fue notorio sin perder mi esencia!",
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-posing-with-bathrobe-spa_23-2148206162.jpg",
-          imageAlt: "Testimonio de Mariana L.",
-        },
+          id: "5",          name: "Mariana L.",          role: "Nueva Paciente",          testimonial: "Me daba miedo empezar con tratamientos estéticos, pero aquí me explicaron todo con mucha paciencia. ¡El cambio fue notorio sin perder mi esencia!",          imageSrc: "http://img.b2bpic.net/free-photo/friends-posing-with-bathrobe-spa_23-2148206162.jpg",          imageAlt: "Testimonio de Mariana L."},
       ]}
       title="Lo Que Nuestros Pacientes Dicen"
       description="Testimonios reales de quienes han experimentado la excelencia de Biutika y confían en nuestra medicina estética."
@@ -315,6 +192,14 @@ export default function LandingPage() {
       mediaAnimation="opacity"
       mediaPosition="left"
       buttonText="Reservar Hora"
+      inputs={[
+        {
+          name: "name",          type: "text",          placeholder: "Tu Nombre Completo",          required: true
+        },
+        {
+          name: "email",          type: "email",          placeholder: "Tu Correo Electrónico",          required: true
+        }
+      ]}
     />
   </div>
 
@@ -323,54 +208,33 @@ export default function LandingPage() {
       logoText="Biutika"
       columns={[
         {
-          title: "Navegación",
-          items: [
+          title: "Navegación",          items: [
             {
-              label: "Home",
-              href: "/",
-            },
+              label: "Home",              href: "/"},
             {
-              label: "Tratamientos",
-              href: "/tratamientos",
-            },
+              label: "Tratamientos",              href: "/tratamientos"},
             {
-              label: "Sobre Biutika",
-              href: "/nosotros",
-            },
+              label: "Sobre Biutika",              href: "/nosotros"},
             {
-              label: "Galería",
-              href: "/galeria",
-            },
+              label: "Galería",              href: "/galeria"},
           ],
         },
         {
-          title: "Soporte",
-          items: [
+          title: "Soporte",          items: [
             {
-              label: "Contacto",
-              href: "/contacto",
-            },
+              label: "Contacto",              href: "/contacto"},
             {
-              label: "Testimonios",
-              href: "/opiniones",
-            },
+              label: "Testimonios",              href: "/opiniones"},
             {
-              label: "Preguntas Frecuentes",
-              href: "/contacto#faqs",
-            },
+              label: "Preguntas Frecuentes",              href: "/contacto#faqs"},
           ],
         },
         {
-          title: "Legal",
-          items: [
+          title: "Legal",          items: [
             {
-              label: "Política de Privacidad",
-              href: "#",
-            },
+              label: "Política de Privacidad",              href: "#"},
             {
-              label: "Términos de Servicio",
-              href: "#",
-            },
+              label: "Términos de Servicio",              href: "#"},
           ],
         },
       ]}
-- 
2.49.1