bender/8124975b-ce45-4e4e-a9ca-92c681b91ca6
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-03-05 16:12:58 +00:00
parent c405c69bf0
commit 84565c6efe
1 changed files with 51 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
src/app/page.tsx
View File

@@ -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"
/>
</div>
@@ -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"
/>
</div>
@@ -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."
},
]}
/>
</div>