diff --git a/src/app/page.tsx b/src/app/page.tsx index 764ddac..7453dc8 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,6 +1,6 @@ "use client"; -import { ThemeProvider } from "@/components/ThemeProvider"; +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple"; import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard"; import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout"; @@ -72,6 +72,7 @@ export default function Home() { imageAlt="Persona sosteniendo su rodilla por dolor" useInvertedBackground={false} mediaAnimation="slide-up" + metricsAnimation="slide-up" /> @@ -85,13 +86,16 @@ export default function Home() { features={[ { id: 1, - tag: "Paso 1", title: "Compresión Graduada", subtitle: "Soporte estratégico para la articulación de la rodilla", description: "La compresión graduada proporciona soporte donde más lo necesitas, reduciendo la hinchazón y estabilizando la articulación sin restringir el movimiento natural.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg", imageAlt: "Ilustración de compresión graduada"}, + tag: "Paso 1", title: "Compresión Graduada", subtitle: "Soporte estratégico para la articulación de la rodilla", description: "La compresión graduada proporciona soporte donde más lo necesitas, reduciendo la hinchazón y estabilizando la articulación sin restringir el movimiento natural.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg", imageAlt: "Ilustración de compresión graduada" + }, { id: 2, - tag: "Paso 2", title: "Tela de Bambú Premium", subtitle: "Transpirable, suave y sostenible", description: "La tela de bambú natural permite una circulación de aire óptima, manteniéndote fresco y cómodo durante todo el día. Hipoalergénica y suave en la piel.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg", imageAlt: "Tela de bambú transpirable"}, + tag: "Paso 2", title: "Tela de Bambú Premium", subtitle: "Transpirable, suave y sostenible", description: "La tela de bambú natural permite una circulación de aire óptima, manteniéndote fresco y cómodo durante todo el día. Hipoalergénica y suave en la piel.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg", imageAlt: "Tela de bambú transpirable" + }, { id: 3, - tag: "Paso 3", title: "Diseño Ergonómico", subtitle: "Ajuste perfecto para máxima comodidad", description: "Nuestro diseño anatómico se adapta perfectamente a la forma de tu rodilla, proporcionando soporte consistente sin puntos de presión o rozaduras. Úsalo durante todo el día.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg", imageAlt: "Diseño ergonómico de la manga"}, + tag: "Paso 3", title: "Diseño Ergonómico", subtitle: "Ajuste perfecto para máxima comodidad", description: "Nuestro diseño anatómico se adapta perfectamente a la forma de tu rodilla, proporcionando soporte consistente sin puntos de presión o rozaduras. Úsalo durante todo el día.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg", imageAlt: "Diseño ergonómico de la manga" + }, ]} tag="Mecanismo" tagAnimation="slide-up" @@ -108,13 +112,17 @@ export default function Home() { animationType="slide-up" metrics={[ { - id: "1", value: "92%", title: "Menos dolor", description: "Reportan alivio notable en la primera semana", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg", imageAlt: "Cliente disfrutando de alivio del dolor"}, + id: "1", value: "92%", title: "Menos dolor", description: "Reportan alivio notable en la primera semana", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg", imageAlt: "Cliente disfrutando de alivio del dolor" + }, { - id: "2", value: "78%", title: "Menos hinchazón", description: "Reducción visible de la inflamación después de 3 días", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg", imageAlt: "Rodilla con menos hinchazón"}, + id: "2", value: "78%", title: "Menos hinchazón", description: "Reducción visible de la inflamación después de 3 días", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg", imageAlt: "Rodilla con menos hinchazón" + }, { - id: "3", value: "88%", title: "Mejor movilidad", description: "Recupera tu rango de movimiento natural", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg", imageAlt: "Persona con movilidad mejorada"}, + id: "3", value: "88%", title: "Mejor movilidad", description: "Recupera tu rango de movimiento natural", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg", imageAlt: "Persona con movilidad mejorada" + }, { - id: "4", value: "95%", title: "Satisfacción", description: "Clientes altamente satisfechos con su compra", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg", imageAlt: "Cliente satisfecho con el producto"}, + id: "4", value: "95%", title: "Satisfacción", description: "Clientes altamente satisfechos con su compra", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg", imageAlt: "Cliente satisfecho con el producto" + }, ]} tag="Resultados" tagIcon={TrendingUp} @@ -132,13 +140,17 @@ export default function Home() { gridVariant="four-items-2x2-equal-grid" products={[ { - id: "1", name: "Tela de Bambú 100%", price: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg", imageAlt: "Tela de bambú premium"}, + id: "1", name: "Tela de Bambú 100%", price: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg", imageAlt: "Tela de bambú premium" + }, { - id: "2", name: "Compresión Graduada", price: "Médica", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg", imageAlt: "Compresión graduada"}, + id: "2", name: "Compresión Graduada", price: "Médica", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg", imageAlt: "Compresión graduada" + }, { - id: "3", name: "Diseño Ergonómico", price: "Patentado", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg", imageAlt: "Diseño ergonómico"}, + id: "3", name: "Diseño Ergonómico", price: "Patentado", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg", imageAlt: "Diseño ergonómico" + }, { - id: "4", name: "Fácil de Lavar", price: "Duradera", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg", imageAlt: "Fácil de mantener"}, + id: "4", name: "Fácil de Lavar", price: "Duradera", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg", imageAlt: "Fácil de mantener" + }, ]} tag="Características" tagIcon={Zap} @@ -155,13 +167,17 @@ export default function Home() { animationType="slide-up" testimonials={[ { - id: "1", name: "María García", role: "Jubilada, Madrid", testimonial: "Después de años sufriendo con artritis, finalmente encontré alivio. La manga es cómoda y el dolor ha disminuido significativamente. ¡La recomiendo a todos mis amigos!", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg", imageAlt: "María García"}, + id: "1", name: "María García", role: "Jubilada, Madrid", testimonial: "Después de años sufriendo con artritis, finalmente encontré alivio. La manga es cómoda y el dolor ha disminuido significativamente. ¡La recomiendo a todos mis amigos!", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg", imageAlt: "María García" + }, { - id: "2", name: "Juan López", role: "Atleta, Barcelona", testimonial: "Como corredor, la compresión me ayuda a prevenir lesiones y recuperarme más rápido. La manga es tan cómoda que a veces olvido que la llevo puesta.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg", imageAlt: "Juan López"}, + id: "2", name: "Juan López", role: "Atleta, Barcelona", testimonial: "Como corredor, la compresión me ayuda a prevenir lesiones y recuperarme más rápido. La manga es tan cómoda que a veces olvido que la llevo puesta.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg", imageAlt: "Juan López" + }, { - id: "3", name: "Carmen Rodríguez", role: "Profesora, Sevilla", testimonial: "Paso todo el día de pie. Esta manga cambió mi vida. El dolor que me tenía limitada desapareció en menos de una semana. Es realmente milagrosa.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg", imageAlt: "Carmen Rodríguez"}, + id: "3", name: "Carmen Rodríguez", role: "Profesora, Sevilla", testimonial: "Paso todo el día de pie. Esta manga cambió mi vida. El dolor que me tenía limitada desapareció en menos de una semana. Es realmente milagrosa.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg", imageAlt: "Carmen Rodríguez" + }, { - id: "4", name: "Roberto Martínez", role: "Ingeniero, Valencia", testimonial: "Esperaba menos de esto, pero quedé sorprendido. La calidad es excelente y el alivio del dolor es real. Vale cada euro invertido.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg", imageAlt: "Roberto Martínez"}, + id: "4", name: "Roberto Martínez", role: "Ingeniero, Valencia", testimonial: "Esperaba menos de esto, pero quedé sorprendido. La calidad es excelente y el alivio del dolor es real. Vale cada euro invertido.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg", imageAlt: "Roberto Martínez" + }, ]} tag="Testimonios" tagIcon={Smile} @@ -182,17 +198,20 @@ export default function Home() { { id: "basic", title: "Básico", price: "€29.99", period: "/unidad", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg", imageAlt: "Plan Básico", button: { text: "Agregar al Carrito", href: "#cart" }, features: [ - "1 manga de compresión", "Talla estándar", "Soporte por email", "Garantía de 30 días"], + "1 manga de compresión", "Talla estándar", "Soporte por email", "Garantía de 30 días" + ], }, { id: "duo", title: "Dúo (Popular)", price: "€49.99", period: "/2 unidades", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg", imageAlt: "Plan Dúo", button: { text: "Agregar al Carrito", href: "#cart" }, features: [ - "2 mangas de compresión", "Tallas personalizadas", "Soporte prioritario", "Garantía de 30 días", "Descuento del 17%"], + "2 mangas de compresión", "Tallas personalizadas", "Soporte prioritario", "Garantía de 30 días", "Descuento del 17%" + ], }, { id: "family", title: "Familia", price: "€89.99", period: "/4 unidades", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-exercising-outdoors-with-elastic-band_23-2148891939.jpg", imageAlt: "Plan Familia", button: { text: "Agregar al Carrito", href: "#cart" }, features: [ - "4 mangas de compresión", "Tallas personalizadas", "Soporte VIP 24/7", "Garantía de 30 días", "Descuento del 25%", "Envío gratis"], + "4 mangas de compresión", "Tallas personalizadas", "Soporte VIP 24/7", "Garantía de 30 días", "Descuento del 25%", "Envío gratis" + ], }, ]} /> @@ -212,6 +231,7 @@ export default function Home() { imageAlt="Garantía de satisfacción de 30 días" useInvertedBackground={false} mediaAnimation="slide-up" + metricsAnimation="slide-up" /> @@ -227,17 +247,23 @@ export default function Home() { tagIcon={Target} faqs={[ { - id: "1", title: "¿Qué tamaño debo elegir?", content: "Medimos nuestras mangas por circunferencia de rodilla. Mide alrededor de tu rodilla en centímetros y consulta nuestra tabla de tallas. Si estás entre tamaños, recomendamos el tamaño más grande para mayor comodidad."}, + id: "1", title: "¿Qué tamaño debo elegir?", content: "Medimos nuestras mangas por circunferencia de rodilla. Mide alrededor de tu rodilla en centímetros y consulta nuestra tabla de tallas. Si estás entre tamaños, recomendamos el tamaño más grande para mayor comodidad." + }, { - id: "2", title: "¿Puedo usar la manga todo el día?", content: "Sí, nuestra manga está diseñada para uso todo el día. Sin embargo, te recomendamos quitártela por al menos 2-3 horas diarias para permitir que tu piel respire. Si experimentas molestias, consulta a un profesional médico."}, + id: "2", title: "¿Puedo usar la manga todo el día?", content: "Sí, nuestra manga está diseñada para uso todo el día. Sin embargo, te recomendamos quitártela por al menos 2-3 horas diarias para permitir que tu piel respire. Si experimentas molestias, consulta a un profesional médico." + }, { - id: "3", title: "¿Cuánto tiempo hasta notar resultados?", content: "La mayoría de nuestros clientes reportan alivio del dolor dentro de los primeros 3-7 días. Sin embargo, los resultados óptimos pueden tomar 2-4 semanas de uso consistente."}, + id: "3", title: "¿Cuánto tiempo hasta notar resultados?", content: "La mayoría de nuestros clientes reportan alivio del dolor dentro de los primeros 3-7 días. Sin embargo, los resultados óptimos pueden tomar 2-4 semanas de uso consistente." + }, { - id: "4", title: "¿Cómo debo cuidar mi manga?", content: "Lava en agua fría con jabón suave y deja secar al aire. No uses blanqueador ni la pongas en la secadora. Una manga bien cuidada durará 12-18 meses con uso diario."}, + id: "4", title: "¿Cómo debo cuidar mi manga?", content: "Lava en agua fría con jabón suave y deja secar al aire. No uses blanqueador ni la pongas en la secadora. Una manga bien cuidada durará 12-18 meses con uso diario." + }, { - id: "5", title: "¿Es adecuada para deportes?", content: "Absolutamente. Muchos atletas usan nuestras mangas durante entrenamientos y competiciones. La compresión graduada ayuda con el rendimiento y la recuperación."}, + id: "5", title: "¿Es adecuada para deportes?", content: "Absolutamente. Muchos atletas usan nuestras mangas durante entrenamientos y competiciones. La compresión graduada ayuda con el rendimiento y la recuperación." + }, { - id: "6", title: "¿Hay efectos secundarios?", content: "No. La manga está hecha de bambú natural e hipoalergénica. Sin embargo, si tienes alergias conocidas a los textiles, consulta con tu médico primero."}, + id: "6", title: "¿Hay efectos secundarios?", content: "No. La manga está hecha de bambú natural e hipoalergénica. Sin embargo, si tienes alergias conocidas a los textiles, consulta con tu médico primero." + }, ]} />