From 590f6c8103cda837d3fa840d62bc600febcdb84e Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 9 Jun 2026 23:37:52 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 416 ++++++++++------------------------------------- 1 file changed, 89 insertions(+), 327 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index c1d4f4b..476a7ed 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -34,29 +34,17 @@ export default function LandingPage() { @@ -164,18 +114,13 @@ export default function LandingPage() { useInvertedBackground={true} heading={[ { - type: "text", - content: "Sobre Nuestro Scanner: Innovación y Precisión", - }, + type: "text", content: "Sobre Nuestro Scanner: Innovación y Precisión"}, ]} buttons={[ { - text: "Conocer Más", - href: "#caracteristicas", - }, + text: "Conocer Más", href: "#caracteristicas"}, ]} buttonAnimation="blur-reveal" - description="Somos líderes en soluciones de diagnóstico automotriz, dedicados a proporcionar herramientas de vanguardia que potencian la eficiencia y precisión en cada taller. Con años de experiencia y una constante innovación, AutoDiagnostico Pro es el socio tecnológico en el que confían los profesionales." imageSrc="http://img.b2bpic.net/free-photo/mechanic-examining-car-using-flashlight_1170-1331.jpg" imageAlt="Mecánico operando un scanner de diagnóstico automotriz" /> @@ -188,44 +133,20 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - id: "f1", - label: "ECU Programming", - title: "Programación Avanzada de ECUs", - items: [ - "Reprogramación y codificación de módulos de control", - "Actualizaciones de firmware para vehículos modernos", - "Adaptación de componentes tras reemplazo", - ], + id: "f1", label: "ECU Programming", title: "Programación Avanzada de ECUs", items: [ + "Reprogramación y codificación de módulos de control", "Actualizaciones de firmware para vehículos modernos", "Adaptación de componentes tras reemplazo"], }, { - id: "f2", - label: "Key Matching", - title: "Sincronización de Llaves Inteligentes", - items: [ - "Programación de llaves y mandos a distancia", - "Generación de llaves para sistemas de inmovilizador", - "Lectura y escritura de datos de transpondedores", - ], + id: "f2", label: "Key Matching", title: "Sincronización de Llaves Inteligentes", items: [ + "Programación de llaves y mandos a distancia", "Generación de llaves para sistemas de inmovilizador", "Lectura y escritura de datos de transpondedores"], }, { - id: "f3", - label: "Full Diagnostics", - title: "Diagnóstico Integral del Vehículo", - items: [ - "Lectura y borrado de códigos de error (DTC)", - "Visualización de datos en tiempo real (Live Data)", - "Pruebas de actuadores y funciones especiales", - ], + id: "f3", label: "Full Diagnostics", title: "Diagnóstico Integral del Vehículo", items: [ + "Lectura y borrado de códigos de error (DTC)", "Visualización de datos en tiempo real (Live Data)", "Pruebas de actuadores y funciones especiales"], }, { - id: "f4", - label: "Mileage Correction", - title: "Corrección y Ajuste de Kilometraje", - items: [ - "Ajuste profesional de odómetros digitales", - "Recuperación de datos de kilometraje", - "Compatibilidad con múltiples marcas y modelos", - ], + id: "f4", label: "Mileage Correction", title: "Corrección y Ajuste de Kilometraje", items: [ + "Ajuste profesional de odómetros digitales", "Recuperación de datos de kilometraje", "Compatibilidad con múltiples marcas y modelos"], }, ]} title="Funcionalidades Clave" @@ -245,65 +166,23 @@ export default function LandingPage() { useInvertedBackground={true} products={[ { - id: "p1", - brand: "AutoDiagnostico Pro", - name: "Scanner Básico X1", - price: "$85.09", - rating: 4.5, - reviewCount: "120", - imageSrc: "http://img.b2bpic.net/free-photo/woman-working-her-workshop-creative-invention_23-2149067189.jpg", - imageAlt: "Scanner Básico X1", - }, + id: "p1", brand: "AutoDiagnostico Pro", name: "Scanner Básico X1", price: "$85.09", rating: 4.5, + reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/woman-working-her-workshop-creative-invention_23-2149067189.jpg", imageAlt: "Scanner Básico X1"}, { - id: "p2", - brand: "AutoDiagnostico Pro", - name: "Scanner Avanzado X2", - price: "$129.99", - rating: 4.7, - reviewCount: "95", - imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-laptop_1170-1318.jpg", - imageAlt: "Scanner Avanzado X2", - }, + id: "p2", brand: "AutoDiagnostico Pro", name: "Scanner Avanzado X2", price: "$129.99", rating: 4.7, + reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-laptop_1170-1318.jpg", imageAlt: "Scanner Avanzado X2"}, { - id: "p3", - brand: "AutoDiagnostico Pro", - name: "ECU Master X3", - price: "$249.00", - rating: 4.8, - reviewCount: "70", - imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-laptop_1170-1293.jpg", - imageAlt: "ECU Master X3", - }, + id: "p3", brand: "AutoDiagnostico Pro", name: "ECU Master X3", price: "$249.00", rating: 4.8, + reviewCount: "70", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-laptop_1170-1293.jpg", imageAlt: "ECU Master X3"}, { - id: "p4", - brand: "AutoDiagnostico Pro", - name: "Key Programmer X4", - price: "$189.50", - rating: 4.6, - reviewCount: "88", - imageSrc: "http://img.b2bpic.net/free-photo/top-view-storage-devices-assortment_23-2149319330.jpg", - imageAlt: "Key Programmer X4", - }, + id: "p4", brand: "AutoDiagnostico Pro", name: "Key Programmer X4", price: "$189.50", rating: 4.6, + reviewCount: "88", imageSrc: "http://img.b2bpic.net/free-photo/top-view-storage-devices-assortment_23-2149319330.jpg", imageAlt: "Key Programmer X4"}, { - id: "p5", - brand: "AutoDiagnostico Pro", - name: "Full System X5", - price: "$399.00", - rating: 4.9, - reviewCount: "110", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-examining-multimedia-system-luxury-car_7502-9819.jpg", - imageAlt: "Full System X5", - }, + id: "p5", brand: "AutoDiagnostico Pro", name: "Full System X5", price: "$399.00", rating: 4.9, + reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-examining-multimedia-system-luxury-car_7502-9819.jpg", imageAlt: "Full System X5"}, { - id: "p6", - brand: "AutoDiagnostico Pro", - name: "Enterprise X6 Rugged", - price: "$599.00", - rating: 4.9, - reviewCount: "55", - imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-redhead-worker-with-haircut-holding-electric-screwdriver-working-repair-shop_613910-19681.jpg", - imageAlt: "Enterprise X6 Rugged", - }, + id: "p6", brand: "AutoDiagnostico Pro", name: "Enterprise X6 Rugged", price: "$599.00", rating: 4.9, + reviewCount: "55", imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-redhead-worker-with-haircut-holding-electric-screwdriver-working-repair-shop_613910-19681.jpg", imageAlt: "Enterprise X6 Rugged"}, ]} title="Nuestros Modelos de Scanner" description="Encuentra el scanner perfecto para tus necesidades, desde el diagnóstico básico hasta la programación avanzada." @@ -320,56 +199,23 @@ export default function LandingPage() { useInvertedBackground={false} plans={[ { - id: "plan-basic", - tag: "Inicio", - price: "$85.09", - period: "pago único", - description: "Ideal para entusiastas y pequeños talleres que buscan diagnósticos fiables.", - button: { - text: "Comprar Básico", - }, - featuresTitle: "Incluye:", - features: [ - "Diagnóstico OBD-II completo", - "Lectura/Borrado de DTCs", - "Datos en tiempo real básicos", - ], + id: "plan-basic", tag: "Inicio", price: "$85.09", period: "pago único", description: "Ideal para entusiastas y pequeños talleres que buscan diagnósticos fiables.", button: { + text: "Comprar Básico"}, + featuresTitle: "Incluye:", features: [ + "Diagnóstico OBD-II completo", "Lectura/Borrado de DTCs", "Datos en tiempo real básicos"], }, { - id: "plan-pro", - tag: "Más Popular", - tagIcon: Star, - price: "$249.00", - period: "pago único", - description: "Solución avanzada para talleres profesionales con necesidades de programación.", - button: { - text: "Comprar Pro", - }, - featuresTitle: "Incluye:", - features: [ - "Todas las funciones de Básico", - "Programación de ECU (limitada)", - "Sincronización de llaves", - "Actualizaciones de software por 1 año", - ], + id: "plan-pro", tag: "Más Popular", tagIcon: Star, + price: "$249.00", period: "pago único", description: "Solución avanzada para talleres profesionales con necesidades de programación.", button: { + text: "Comprar Pro"}, + featuresTitle: "Incluye:", features: [ + "Todas las funciones de Básico", "Programación de ECU (limitada)", "Sincronización de llaves", "Actualizaciones de software por 1 año"], }, { - id: "plan-ultimate", - tag: "Empresarial", - price: "$599.00", - period: "pago único", - description: "La herramienta más completa para cubrir todas las necesidades de diagnóstico y programación.", - button: { - text: "Comprar Ultimate", - }, - featuresTitle: "Incluye:", - features: [ - "Todas las funciones de Pro", - "Programación ECU completa", - "Corrección de kilometraje", - "Soporte técnico prioritario", - "Actualizaciones de software de por vida", - ], + id: "plan-ultimate", tag: "Empresarial", price: "$599.00", period: "pago único", description: "La herramienta más completa para cubrir todas las necesidades de diagnóstico y programación.", button: { + text: "Comprar Ultimate"}, + featuresTitle: "Incluye:", features: [ + "Todas las funciones de Pro", "Programación ECU completa", "Corrección de kilometraje", "Soporte técnico prioritario", "Actualizaciones de software de por vida"], }, ]} title="Elige tu Plan de Diagnóstico" @@ -388,20 +234,11 @@ export default function LandingPage() { tagAnimation="blur-reveal" metrics={[ { - id: "m1", - value: "99%", - description: "Precisión en Diagnósticos", - }, + id: "m1", value: "99%", description: "Precisión en Diagnósticos"}, { - id: "m2", - value: "5 min", - description: "Tiempo Promedio de Diagnóstico", - }, + id: "m2", value: "5 min", description: "Tiempo Promedio de Diagnóstico"}, { - id: "m3", - value: "1000+", - description: "Vehículos Compatibles", - }, + id: "m3", value: "1000+", description: "Vehículos Compatibles"}, ]} metricsAnimation="slide-up" /> @@ -415,45 +252,15 @@ export default function LandingPage() { carouselMode="auto" testimonials={[ { - id: "t1", - name: "Juan Pérez", - role: "Mecánico Jefe, Taller JP", - testimonial: "El scanner AutoDiagnostico Pro ha revolucionado la forma en que trabajamos. La precisión y la velocidad son incomparables. ¡Una inversión que vale cada céntimo!", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-close-up-hard-light_1321-497.jpg", - imageAlt: "Foto de Juan Pérez", - }, + id: "t1", name: "Juan Pérez", role: "Mecánico Jefe, Taller JP", testimonial: "El scanner AutoDiagnostico Pro ha revolucionado la forma en que trabajamos. La precisión y la velocidad son incomparables. ¡Una inversión que vale cada céntimo!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-close-up-hard-light_1321-497.jpg", imageAlt: "Foto de Juan Pérez"}, { - id: "t2", - name: "María Gómez", - role: "Propietaria, AutoServicio MG", - testimonial: "Como dueña de un taller, la eficiencia es clave. Este scanner no solo diagnostica rápidamente, sino que su capacidad de programación es un 'game changer'.", - imageSrc: "http://img.b2bpic.net/free-photo/young-woman-choosimng-car-car-showroom_1303-26290.jpg", - imageAlt: "Foto de María Gómez", - }, + id: "t2", name: "María Gómez", role: "Propietaria, AutoServicio MG", testimonial: "Como dueña de un taller, la eficiencia es clave. Este scanner no solo diagnostica rápidamente, sino que su capacidad de programación es un 'game changer'.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-choosimng-car-car-showroom_1303-26290.jpg", imageAlt: "Foto de María Gómez"}, { - id: "t3", - name: "Carlos Ruiz", - role: "Mecánico Independiente", - testimonial: "He probado muchos scanners, pero este es el más completo. La interfaz es intuitiva y el soporte técnico, excelente. Mis clientes notan la diferencia.", - imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-worker-uniform-pointing-red-background-uniform-color-tool-mechanic-worker-instrument-job-house-photo_140725-155570.jpg", - imageAlt: "Foto de Carlos Ruiz", - }, + id: "t3", name: "Carlos Ruiz", role: "Mecánico Independiente", testimonial: "He probado muchos scanners, pero este es el más completo. La interfaz es intuitiva y el soporte técnico, excelente. Mis clientes notan la diferencia.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-worker-uniform-pointing-red-background-uniform-color-tool-mechanic-worker-instrument-job-house-photo_140725-155570.jpg", imageAlt: "Foto de Carlos Ruiz"}, { - id: "t4", - name: "Ana Torres", - role: "Entusiasta Automotriz", - testimonial: "Aunque no soy profesional, con AutoDiagnostico Pro he podido entender y solucionar problemas de mi propio coche. Me siento empoderada y ahorré mucho.", - imageSrc: "http://img.b2bpic.net/free-photo/stunning-young-woman-waring-dress-posing-front-her-car-outdoors-ownership-driver_158595-6799.jpg", - imageAlt: "Foto de Ana Torres", - }, + id: "t4", name: "Ana Torres", role: "Entusiasta Automotriz", testimonial: "Aunque no soy profesional, con AutoDiagnostico Pro he podido entender y solucionar problemas de mi propio coche. Me siento empoderada y ahorré mucho.", imageSrc: "http://img.b2bpic.net/free-photo/stunning-young-woman-waring-dress-posing-front-her-car-outdoors-ownership-driver_158595-6799.jpg", imageAlt: "Foto de Ana Torres"}, { - id: "t5", - name: "Roberto Soto", - role: "Especialista en Detallado", - testimonial: "A veces un cliente quiere un diagnóstico rápido. Este scanner lo hace fácil y rápido, complementando mis servicios a la perfección. Gran herramienta.", - imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22305.jpg", - imageAlt: "Foto de Roberto Soto", - }, + id: "t5", name: "Roberto Soto", role: "Especialista en Detallado", testimonial: "A veces un cliente quiere un diagnóstico rápido. Este scanner lo hace fácil y rápido, complementando mis servicios a la perfección. Gran herramienta.", imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22305.jpg", imageAlt: "Foto de Roberto Soto"}, ]} title="Lo que Dicen Nuestros Clientes" description="La satisfacción de nuestros usuarios es la mejor prueba de la calidad y eficacia de nuestros productos." @@ -470,25 +277,13 @@ export default function LandingPage() { useInvertedBackground={true} faqs={[ { - id: "faq1", - title: "¿Es compatible con mi vehículo?", - content: "Nuestro scanner es compatible con la mayoría de vehículos OBD-II a partir de 1996 (Europa) y 2000 (Asia). Para modelos específicos, consulte la lista de compatibilidad en nuestro sitio.", - }, + id: "faq1", title: "¿Es compatible con mi vehículo?", content: "Nuestro scanner es compatible con la mayoría de vehículos OBD-II a partir de 1996 (Europa) y 2000 (Asia). Para modelos específicos, consulte la lista de compatibilidad en nuestro sitio."}, { - id: "faq2", - title: "¿Qué tipo de actualizaciones de software ofrece?", - content: "Ofrecemos actualizaciones de software periódicas para garantizar la compatibilidad con nuevos modelos y la mejora de funcionalidades. La frecuencia depende del plan de suscripción adquirido.", - }, + id: "faq2", title: "¿Qué tipo de actualizaciones de software ofrece?", content: "Ofrecemos actualizaciones de software periódicas para garantizar la compatibilidad con nuevos modelos y la mejora de funcionalidades. La frecuencia depende del plan de suscripción adquirido."}, { - id: "faq3", - title: "¿Necesito conocimientos técnicos avanzados para usarlo?", - content: "El scanner está diseñado para ser intuitivo, tanto para profesionales como para usuarios avanzados. Incluimos manuales detallados y acceso a soporte técnico.", - }, + id: "faq3", title: "¿Necesito conocimientos técnicos avanzados para usarlo?", content: "El scanner está diseñado para ser intuitivo, tanto para profesionales como para usuarios avanzados. Incluimos manuales detallados y acceso a soporte técnico."}, { - id: "faq4", - title: "¿Puedo programar llaves para cualquier marca de coche?", - content: "La programación de llaves es compatible con una amplia gama de marcas, pero puede haber limitaciones con algunos sistemas de seguridad avanzados. Consulte nuestra guía detallada o contacte a soporte.", - }, + id: "faq4", title: "¿Puedo programar llaves para cualquier marca de coche?", content: "La programación de llaves es compatible con una amplia gama de marcas, pero puede haber limitaciones con algunos sistemas de seguridad avanzados. Consulte nuestra guía detallada o contacte a soporte."}, ]} imageSrc="http://img.b2bpic.net/free-photo/expert-shows-client-car-defects-with-ar_482257-96371.jpg" imageAlt="Técnico automotriz explicando el uso del scanner" @@ -507,18 +302,13 @@ export default function LandingPage() { @@ -530,71 +320,43 @@ export default function LandingPage() { logoText="AutoDiagnostico Pro" columns={[ { - title: "Producto", - items: [ + title: "Producto", items: [ { - label: "Modelos", - href: "#modelos", - }, + label: "Modelos", href: "#modelos"}, { - label: "Características", - href: "#caracteristicas", - }, + label: "Características", href: "#caracteristicas"}, { - label: "Actualizaciones", - href: "#", - }, + label: "Actualizaciones", href: "#"}, ], }, { - title: "Soporte", - items: [ + title: "Soporte", items: [ { - label: "Preguntas Frecuentes", - href: "#preguntas", - }, + label: "Preguntas Frecuentes", href: "#preguntas"}, { - label: "Contacto", - href: "#contactar", - }, + label: "Contacto", href: "#contactar"}, { - label: "Manuales", - href: "#", - }, + label: "Manuales", href: "#"}, ], }, { - title: "Compañía", - items: [ + title: "Compañía", items: [ { - label: "Sobre Nosotros", - href: "#sobre", - }, + label: "Sobre Nosotros", href: "#sobre"}, { - label: "Nuestra Misión", - href: "#", - }, + label: "Nuestra Misión", href: "#"}, { - label: "Carreras", - href: "#", - }, + label: "Carreras", href: "#"}, ], }, { - 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: "#"}, { - label: "Aviso Legal", - href: "#", - }, + label: "Aviso Legal", href: "#"}, ], }, ]}