From 45bf7fca8c20401502e655d51a66874887dfded3 Mon Sep 17 00:00:00 2001 From: bender Date: Sat, 30 May 2026 13:28:35 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 381 +++++++++++------------------------------------ 1 file changed, 85 insertions(+), 296 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 2b48113..48430de 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -34,33 +34,19 @@ export default function LandingPage() { @@ -69,67 +55,42 @@ export default function LandingPage() {
@@ -139,13 +100,9 @@ export default function LandingPage() { useInvertedBackground={false} heading={[ { - type: "text", - content: "Sobre JHONA MOTORS: Pasión, Seguridad y Calidad en Dos Ruedas", - }, + type: "text", content: "Sobre JHONA MOTORS: Pasión, Seguridad y Calidad en Dos Ruedas"}, ]} - description="En JHONA MOTORS, compartimos tu pasión por las motocicletas. Ubicados en Cochabamba, nos dedicamos a ofrecer cascos certificados y accesorios de alta calidad que garantizan tu seguridad y mejoran tu experiencia de manejo. Nuestra misión es equiparte con lo mejor para cada aventura." - imageSrc="http://img.b2bpic.net/free-photo/model-wearing-motorcycle-helmet-portrait_23-2151585573.jpg" - imageAlt="Casco de motocicleta de alta calidad" + /> @@ -156,46 +113,22 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "Cascos Certificados de Alta Calidad", - description: "Ofrecemos solo cascos que cumplen con los más altos estándares de seguridad internacional. Marcas como Dakar garantizan tu protección.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-white-special-suit-yellow-helmet-smiling-showing-like-sign-green-space-job_140725-28773.jpg", - imageAlt: "Certificación de casco", - }, + title: "Cascos Certificados de Alta Calidad", description: "Ofrecemos solo cascos que cumplen con los más altos estándares de seguridad internacional. Marcas como Dakar garantizan tu protección.", phoneOne: { + imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-white-special-suit-yellow-helmet-smiling-showing-like-sign-green-space-job_140725-28773.jpg", imageAlt: "Certificación de casco"}, phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/handsome-motorbiker-with-helmet-hands-motorcycle_1150-10695.jpg", - imageAlt: "Motorista usando casco", - }, - imageSrc: "http://img.b2bpic.net/free-photo/close-up-motorcycle-helmet_23-2151574444.jpg", - imageAlt: "motorcycle helmet certification label", + imageSrc: "http://img.b2bpic.net/free-photo/handsome-motorbiker-with-helmet-hands-motorcycle_1150-10695.jpg", imageAlt: "Motorista usando casco"} }, { - title: "Accesorios Premium para Cada Viaje", - description: "Desde guantes ergonómicos hasta visores anti-empañamiento, nuestros accesorios están diseñados para el máximo confort y durabilidad.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/motorcycle-driver-wears-leather-gloves_346278-27.jpg", - imageAlt: "Detalle de guantes de moto", - }, + title: "Accesorios Premium para Cada Viaje", description: "Desde guantes ergonómicos hasta visores anti-empañamiento, nuestros accesorios están diseñados para el máximo confort y durabilidad.", phoneOne: { + imageSrc: "http://img.b2bpic.net/free-photo/motorcycle-driver-wears-leather-gloves_346278-27.jpg", imageAlt: "Detalle de guantes de moto"}, phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/people-lifestyle-activity-extreme-sports-concept_343059-725.jpg", - imageAlt: "Visor de casco de moto", - }, - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-black-leather-gloves-protective-motorbike-helmet-attractive-self-determined-female-motocycle-racer-wearing-hands-body-protection-from-falls-accidents_343059-3286.jpg", - imageAlt: "motorcycle helmet certification label", + imageSrc: "http://img.b2bpic.net/free-photo/people-lifestyle-activity-extreme-sports-concept_343059-725.jpg", imageAlt: "Visor de casco de moto"} }, { - title: "Asesoramiento Experto y Personalizado", - description: "Nuestro equipo de apasionados motociclistas te brindará la guía necesaria para elegir el equipo perfecto que se ajuste a tus necesidades.", - phoneOne: { - imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-auto-mechanic-talking-customer-repair-workshop_637285-4231.jpg", - imageAlt: "Mecánico asesorando cliente", - }, + title: "Asesoramiento Experto y Personalizado", description: "Nuestro equipo de apasionados motociclistas te brindará la guía necesaria para elegir el equipo perfecto que se ajuste a tus necesidades.", phoneOne: { + imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-auto-mechanic-talking-customer-repair-workshop_637285-4231.jpg", imageAlt: "Mecánico asesorando cliente"}, phoneTwo: { - imageSrc: "http://img.b2bpic.net/free-photo/bearded-motorcyclist-black-white-holding-blank-white-motorcycle-helmet-his-arm-looking-ahead-setting_346278-929.jpg", - imageAlt: "Exhibición de equipo de moto", - }, - imageSrc: "http://img.b2bpic.net/free-photo/model-wearing-motorcycle-helmet-portrait_23-2151585683.jpg", - imageAlt: "motorcycle helmet certification label", + imageSrc: "http://img.b2bpic.net/free-photo/bearded-motorcyclist-black-white-holding-blank-white-motorcycle-helmet-his-arm-looking-ahead-setting_346278-929.jpg", imageAlt: "Exhibición de equipo de moto"} }, ]} showStepNumbers={true} @@ -212,65 +145,23 @@ export default function LandingPage() { useInvertedBackground={false} products={[ { - id: "helmet-dakar-pro", - brand: "DAKAR", - name: "Casco Dakar Series Pro", - price: "Bs. 850", - rating: 5, - reviewCount: "120 opiniones", - imageSrc: "http://img.b2bpic.net/free-photo/front-view-adult-riding-motorcycle_23-2150849357.jpg", - imageAlt: "Casco Dakar Series Pro", - }, + id: "helmet-dakar-pro", brand: "DAKAR", name: "Casco Dakar Series Pro", price: "Bs. 850", rating: 5, + reviewCount: "120 opiniones", imageSrc: "http://img.b2bpic.net/free-photo/front-view-adult-riding-motorcycle_23-2150849357.jpg", imageAlt: "Casco Dakar Series Pro"}, { - id: "gloves-premium", - brand: "JHONA", - name: "Guantes de Cuero Premium", - price: "Bs. 320", - rating: 4, - reviewCount: "85 opiniones", - imageSrc: "http://img.b2bpic.net/free-photo/woman-riding-her-motorcycle-outdoors_23-2148685246.jpg", - imageAlt: "Guantes de Cuero Premium", - }, + id: "gloves-premium", brand: "JHONA", name: "Guantes de Cuero Premium", price: "Bs. 320", rating: 4, + reviewCount: "85 opiniones", imageSrc: "http://img.b2bpic.net/free-photo/woman-riding-her-motorcycle-outdoors_23-2148685246.jpg", imageAlt: "Guantes de Cuero Premium"}, { - id: "visor-anti-fog", - brand: "UNIVERSAL", - name: "Visor Anti-Empañamiento Universal", - price: "Bs. 180", - rating: 4, - reviewCount: "60 opiniones", - imageSrc: "http://img.b2bpic.net/free-photo/front-view-cool-old-woman-with-motorbike_23-2150647739.jpg", - imageAlt: "Visor Anti-Empañamiento Universal", - }, + id: "visor-anti-fog", brand: "UNIVERSAL", name: "Visor Anti-Empañamiento Universal", price: "Bs. 180", rating: 4, + reviewCount: "60 opiniones", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cool-old-woman-with-motorbike_23-2150647739.jpg", imageAlt: "Visor Anti-Empañamiento Universal"}, { - id: "helmet-offroad", - brand: "DAKAR", - name: "Casco Off-Road Aventura Extrema", - price: "Bs. 980", - rating: 5, - reviewCount: "95 opiniones", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-motorcycle-helmet_23-2151574376.jpg", - imageAlt: "Casco Off-Road Aventura Extrema", - }, + id: "helmet-offroad", brand: "DAKAR", name: "Casco Off-Road Aventura Extrema", price: "Bs. 980", rating: 5, + reviewCount: "95 opiniones", imageSrc: "http://img.b2bpic.net/free-photo/close-up-motorcycle-helmet_23-2151574376.jpg", imageAlt: "Casco Off-Road Aventura Extrema"}, { - id: "jacket-protective", - brand: "PROGEAR", - name: "Chaqueta Protectora para Motociclista", - price: "Bs. 1200", - rating: 4, - reviewCount: "70 opiniones", - imageSrc: "http://img.b2bpic.net/free-photo/middle-age-male-motorcycle-helmet-leather-jacket-with-rucksack-smoking-cigarette-grey-background_613910-12098.jpg", - imageAlt: "Chaqueta Protectora para Motociclista", - }, + id: "jacket-protective", brand: "PROGEAR", name: "Chaqueta Protectora para Motociclista", price: "Bs. 1200", rating: 4, + reviewCount: "70 opiniones", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-male-motorcycle-helmet-leather-jacket-with-rucksack-smoking-cigarette-grey-background_613910-12098.jpg", imageAlt: "Chaqueta Protectora para Motociclista"}, { - id: "boots-motorcyclist", - brand: "ROADMASTER", - name: "Botas de Moto Roadmaster", - price: "Bs. 750", - rating: 5, - reviewCount: "55 opiniones", - imageSrc: "http://img.b2bpic.net/free-photo/handsome-sexy-man-motorbike_1303-22180.jpg", - imageAlt: "Botas de Moto Roadmaster", - }, + id: "boots-motorcyclist", brand: "ROADMASTER", name: "Botas de Moto Roadmaster", price: "Bs. 750", rating: 5, + reviewCount: "55 opiniones", imageSrc: "http://img.b2bpic.net/free-photo/handsome-sexy-man-motorbike_1303-22180.jpg", imageAlt: "Botas de Moto Roadmaster"}, ]} title="Catálogo Exclusivo: Cascos y Accesorios para Cada Ruta" description="Desde la carretera hasta la aventura off-road, encuentra el equipo ideal para tu pasión." @@ -284,61 +175,23 @@ export default function LandingPage() { useInvertedBackground={false} plans={[ { - id: "kit-basico", - title: "Kit Básico de Seguridad", - price: "Bs. 999", - period: "Paquete", - features: [ - "Casco Certificado (modelo estándar)", - "Guantes de Protección (modelo básico)", - "Envío Local Gratuito", - "1 Año de Garantía", - ], + id: "kit-basico", title: "Kit Básico de Seguridad", price: "Bs. 999", period: "Paquete", features: [ + "Casco Certificado (modelo estándar)", "Guantes de Protección (modelo básico)", "Envío Local Gratuito", "1 Año de Garantía"], button: { - text: "Comprar Kit Básico", - href: "#contact", - }, - imageSrc: "http://img.b2bpic.net/free-photo/equipped-biker-motorbike_23-2148321950.jpg", - imageAlt: "Kit Básico de Seguridad para Motociclistas", - }, + text: "Comprar Kit Básico", href: "#contact"}, + imageSrc: "http://img.b2bpic.net/free-photo/equipped-biker-motorbike_23-2148321950.jpg", imageAlt: "Kit Básico de Seguridad para Motociclistas"}, { - id: "kit-aventura", - title: "Kit Aventura Extrema", - price: "Bs. 1999", - period: "Paquete", - features: [ - "Casco Off-Road Dakar", - "Chaqueta Protectora Reforzada", - "Guantes de Alto Rendimiento", - "Visor Anti-Empañamiento Extra", - "Asesoramiento Personalizado", - ], + id: "kit-aventura", title: "Kit Aventura Extrema", price: "Bs. 1999", period: "Paquete", features: [ + "Casco Off-Road Dakar", "Chaqueta Protectora Reforzada", "Guantes de Alto Rendimiento", "Visor Anti-Empañamiento Extra", "Asesoramiento Personalizado"], button: { - text: "Comprar Kit Aventura", - href: "#contact", - }, - imageSrc: "http://img.b2bpic.net/free-photo/male-hitchhiker-with-leather-gloves-backpack-making-victory-sign_179666-38531.jpg", - imageAlt: "Kit Aventura Extrema para Motociclistas", - }, + text: "Comprar Kit Aventura", href: "#contact"}, + imageSrc: "http://img.b2bpic.net/free-photo/male-hitchhiker-with-leather-gloves-backpack-making-victory-sign_179666-38531.jpg", imageAlt: "Kit Aventura Extrema para Motociclistas"}, { - id: "kit-urbano-pro", - title: "Kit Urbano Pro", - price: "Bs. 1450", - period: "Paquete", - features: [ - "Casco Modular Urbano", - "Guantes de Cuero Premium", - "Visor de Sol Integrado", - "Limpia Visores Portátil", - "Descuento en Futuras Compras", - ], + id: "kit-urbano-pro", title: "Kit Urbano Pro", price: "Bs. 1450", period: "Paquete", features: [ + "Casco Modular Urbano", "Guantes de Cuero Premium", "Visor de Sol Integrado", "Limpia Visores Portátil", "Descuento en Futuras Compras"], button: { - text: "Comprar Kit Urbano", - href: "#contact", - }, - imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-happy-curly-woman-sunglasses-posing_171337-17410.jpg", - imageAlt: "Kit Urbano Pro para Motociclistas", - }, + text: "Comprar Kit Urbano", href: "#contact"}, + imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-happy-curly-woman-sunglasses-posing_171337-17410.jpg", imageAlt: "Kit Urbano Pro para Motociclistas"}, ]} title="Kits y Ofertas Especiales para Motociclistas" description="Maximiza tu inversión con nuestros paquetes diseñados para cada tipo de piloto, con cascos y accesorios esenciales." @@ -353,29 +206,17 @@ export default function LandingPage() { author="Marco A. (Entusiasta de las motos)" avatars={[ { - src: "http://img.b2bpic.net/free-photo/young-hispanic-man-smiling-confident-standing-park_839833-33955.jpg", - alt: "Foto de Marco A.", - }, + src: "http://img.b2bpic.net/free-photo/young-hispanic-man-smiling-confident-standing-park_839833-33955.jpg", alt: "Foto de Marco A."}, { - src: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-looking-photographer_23-2148339179.jpg", - alt: "Foto de María G.", - }, + src: "http://img.b2bpic.net/free-photo/portrait-smiling-woman-looking-photographer_23-2148339179.jpg", alt: "Foto de María G."}, { - src: "http://img.b2bpic.net/free-photo/two-happy-male-female-business-people-showing-thumbs-up-outdoors_1262-12567.jpg", - alt: "Foto de Carlos P.", - }, + src: "http://img.b2bpic.net/free-photo/two-happy-male-female-business-people-showing-thumbs-up-outdoors_1262-12567.jpg", alt: "Foto de Carlos P."}, { - src: "http://img.b2bpic.net/free-photo/expressive-woman-posing-outdoor_344912-3068.jpg", - alt: "Foto de Sofia L.", - }, + src: "http://img.b2bpic.net/free-photo/expressive-woman-posing-outdoor_344912-3068.jpg", alt: "Foto de Sofia L."}, { - src: "http://img.b2bpic.net/free-photo/positive-entrepreneur-sitting_1098-3668.jpg", - alt: "Foto de Javier R.", - }, + src: "http://img.b2bpic.net/free-photo/positive-entrepreneur-sitting_1098-3668.jpg", alt: "Foto de Javier R."}, { - src: "http://img.b2bpic.net/free-photo/smiling-handsome-guy-posing-park_1262-20815.jpg", - alt: "Foto de un cliente satisfecho", - }, + src: "http://img.b2bpic.net/free-photo/smiling-handsome-guy-posing-park_1262-20815.jpg", alt: "Foto de un cliente satisfecho"}, ]} ratingAnimation="opacity" avatarsAnimation="slide-up" @@ -387,14 +228,7 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={false} names={[ - "Club Motero Cochabamba", - "Ruta 400 Riders", - "Espíritu Libre", - "Aventura Extrema", - "Moto Bolivia", - "Pasion Sobre Ruedas", - "Dakar Bolivia Fans", - ]} + "Club Motero Cochabamba", "Ruta 400 Riders", "Espíritu Libre", "Aventura Extrema", "Moto Bolivia", "Pasion Sobre Ruedas", "Dakar Bolivia Fans"]} title="La Confianza de la Comunidad Motociclista de Cochabamba" description="Orgullosos de equipar a los apasionados de las dos ruedas con seguridad y estilo, respaldados por la preferencia local." /> @@ -406,20 +240,11 @@ export default function LandingPage() { useInvertedBackground={false} faqs={[ { - id: "faq-1", - title: "¿Son todos sus cascos certificados?", - content: "Sí, todos nuestros cascos cumplen con las normativas de seguridad internacionales y están debidamente certificados para garantizar tu máxima protección en la carretera.", - }, + id: "faq-1", title: "¿Son todos sus cascos certificados?", content: "Sí, todos nuestros cascos cumplen con las normativas de seguridad internacionales y están debidamente certificados para garantizar tu máxima protección en la carretera."}, { - id: "faq-2", - title: "¿Ofrecen envío a domicilio en Cochabamba?", - content: "Actualmente ofrecemos envío a domicilio dentro de la ciudad de Cochabamba y Sacaba. Para otras localidades, por favor contáctanos para coordinar.", - }, + id: "faq-2", title: "¿Ofrecen envío a domicilio en Cochabamba?", content: "Actualmente ofrecemos envío a domicilio dentro de la ciudad de Cochabamba y Sacaba. Para otras localidades, por favor contáctanos para coordinar."}, { - id: "faq-3", - title: "¿Cuál es su política de devolución o cambio?", - content: "Aceptamos devoluciones y cambios dentro de los 7 días posteriores a la compra, siempre y cuando el producto se encuentre en perfectas condiciones y con su empaque original. Consulta los detalles en nuestra sección de Políticas.", - }, + id: "faq-3", title: "¿Cuál es su política de devolución o cambio?", content: "Aceptamos devoluciones y cambios dentro de los 7 días posteriores a la compra, siempre y cuando el producto se encuentre en perfectas condiciones y con su empaque original. Consulta los detalles en nuestra sección de Políticas."}, ]} imageSrc="http://img.b2bpic.net/free-photo/man-fixing-motorcycle-modern-workshop_158595-8087.jpg" imageAlt="Mecánico inspeccionando un casco de motocicleta" @@ -438,28 +263,17 @@ export default function LandingPage() { description="Visítanos en nuestra tienda o escríbenos para cualquier consulta. Estamos ubicados en Av Villazon km 4 y Maximiliano Kolber, Sacaba, Cochabamba. Llámanos al 77944350." inputs={[ { - name: "name", - type: "text", - placeholder: "Tu Nombre Completo", - required: true, + name: "name", type: "text", placeholder: "Tu Nombre Completo", required: true, }, { - name: "email", - type: "email", - placeholder: "Tu Correo Electrónico", - required: true, + name: "email", type: "email", placeholder: "Tu Correo Electrónico", required: true, }, { - name: "phone", - type: "tel", - placeholder: "Tu Número de Contacto", - required: false, + name: "phone", type: "tel", placeholder: "Tu Número de Contacto", required: false, }, ]} textarea={{ - name: "message", - placeholder: "Tu Mensaje", - rows: 4, + name: "message", placeholder: "Tu Mensaje", rows: 4, required: true, }} imageSrc="http://img.b2bpic.net/free-photo/man-choosed-motorcycles-moto-shop-guy-black-jacket-man-helmet_1157-43599.jpg" @@ -474,62 +288,37 @@ export default function LandingPage() {