{"id":113,"date":"2025-08-18T09:54:07","date_gmt":"2025-08-18T09:54:07","guid":{"rendered":"https:\/\/strange-newton.217-154-58-30.plesk.page\/?page_id=113"},"modified":"2025-09-10T11:37:20","modified_gmt":"2025-09-10T11:37:20","slug":"home","status":"publish","type":"page","link":"https:\/\/oxboxing.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"113\" class=\"elementor elementor-113\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2bc5f3a e-con-full e-flex e-con e-parent\" data-id=\"2bc5f3a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0538491 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"0538491\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Full Width Boxing Slider<\/title>\n    <style>\n        :root {\n            --primary: #ff0032; \/* Primary color *\/\n            --dark: #0f0f10; \/* Dark color *\/\n            --light: #ffffff; \/* Light color *\/\n            --accent: #ffd700; \/* Accent color *\/\n            --transition: 600ms cubic-bezier(0.16, 1, 0.3, 1);\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n            overflow-x: hidden;\n        }\n\n        \/* Full Width Container *\/\n        .full-width-container {\n            width: 100vw;\n            margin-left: calc(-50vw + 50%);\n            overflow: hidden;\n        }\n\n        \/* Main Slider *\/\n        .boxing-hero {\n            position: relative;\n            width: 100%;\n            height: 65vh;\n            min-height: 500px;\n            overflow: hidden;\n            display: flex;\n        }\n\n        .slide-track {\n            display: flex;\n            width: 100%;\n            height: 100%;\n            transition: var(--transition);\n        }\n\n        .slide {\n            min-width: 100%;\n            height: 100%;\n            position: relative;\n            background-size: cover;\n            background-position: center;\n            display: flex;\n            align-items: flex-start; \/* Keep alignment at flex-start *\/\n            padding: 0 5%;\n            padding-bottom: 20%; \/* Increased bottom padding *\/\n        }\n\n        .slide-overlay {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(to top, rgba(15,15,16,0.9) 0%, transparent 100%);\n        }\n\n        .slide-content {\n            position: relative;\n            max-width: 800px;\n            color: var(--light);\n            transform: translateY(30px);\n            opacity: 0;\n            transition: var(--transition);\n            transition-delay: 400ms;\n            padding: 100px 0 30px; \/* Increased top padding *\/\n        }\n\n        .slide-active .slide-content {\n            transform: translateY(0);\n            opacity: 1;\n        }\n\n        .slide-number {\n            position: absolute;\n            top: 10%;\n            right: 8%;\n            font-size: 10rem;\n            font-weight: 900;\n            color: rgba(255,255,255,0.03);\n            line-height: 1;\n        }\n\n        .slide-title {\n            font-size: clamp(2rem, 5vw, 3.5rem);\n            font-weight: 800;\n            line-height: 1.1;\n            margin-bottom: 1rem;\n            text-transform: uppercase;\n            color: transparent;\n            -webkit-text-stroke: 1px var(--light);\n            position: relative;\n        }\n\n        .slide-title span {\n            position: absolute;\n            top: 0;\n            left: 0;\n            color: var(--light);\n            width: 0;\n            overflow: hidden;\n            white-space: nowrap;\n            transition: width 1.2s var(--transition);\n        }\n\n        .slide-active .slide-title span {\n            width: 100%;\n        }\n\n        .slide-text {\n            font-size: 1rem;\n            line-height: 1.6;\n            margin-bottom: 1.5rem;\n            opacity: 0.9;\n            max-width: 80%;\n        }\n\n        .cta-button {\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n            padding: 15px 30px;\n            background: rgba(255,255,255,0.15);\n            color: var(--light);\n            font-weight: 600;\n            text-decoration: none;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            border-radius: 0; \/* No border radius *\/\n            transition: all 400ms ease;\n            position: relative;\n            overflow: hidden;\n            z-index: 1;\n        }\n\n        .cta-button:hover {\n            background-color: rgba(255, 255, 255, 0.25);\n        }\n\n        .slider-nav {\n            position: absolute;\n            bottom: 6%;\n            right: 5%;\n            display: flex;\n            gap: 15px;\n            z-index: 10;\n        }\n\n        .slider-nav-button {\n            width: 50px;\n            height: 50px;\n            border-radius: 50%;\n            background: rgba(255,255,255,0.1);\n            backdrop-filter: blur(10px);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            transition: all 300ms ease;\n            border: 1px solid rgba(255,255,255,0.2);\n        }\n\n        .slider-nav-button svg {\n            width: 20px;\n            height: 20px;\n            fill: var(--light);\n        }\n\n        .slider-pagination {\n            position: absolute;\n            bottom: 6%;\n            left: 5%;\n            display: flex;\n            gap: 8px;\n            z-index: 10;\n        }\n\n        .pagination-bullet {\n            width: 8px;\n            height: 8px;\n            border-radius: 10px;\n            background: rgba(255,255,255,0.3);\n            transition: all 400ms ease;\n            cursor: pointer;\n        }\n\n        .pagination-bullet-active {\n            width: 25px;\n            background: #8B0000; \/* Dark Red color *\/\n        }\n\n        @media (max-width: 992px) {\n            .boxing-hero {\n                height: 65vh; \/* Increased height for tablets *\/\n                min-height: 400px;\n            }\n            \n            .slide {\n                padding: 0 40px;\n                padding-bottom: 80px;\n            }\n            \n            .slide-number {\n                font-size: 8rem;\n            }\n\n            .slide-text {\n                max-width: 90%;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .boxing-hero {\n                height: 70vh; \/* Increased height for mobile *\/\n                min-height: 400px;\n            }\n            \n            .slide-number {\n                font-size: 6rem;\n            }\n            \n            .slide-title {\n                font-size: clamp(2rem, 5vw, 3rem); \/* Adjusted title size *\/\n            }\n            \n            .slider-nav-button {\n                width: 45px;\n                height: 45px;\n            }\n\n            .slide-content {\n                padding: 80px 20px 40px; \/* Increased top padding for mobile *\/\n            }\n        }\n\n        @media (max-width: 576px) {\n            .boxing-hero {\n                height: 75vh; \/* Further increased height for smaller screens *\/\n                min-height: 300px;\n            }\n            \n            .slide-number {\n                display: none;\n            }\n            \n            .slide-content {\n                padding: 30px 20px 60px; \/* Further increased top padding for smaller screens *\/\n                max-width: 95%;\n            }\n            \n            .slide-text {\n                max-width: 100%;\n                font-size: 0.9rem;\n                margin-bottom: 1rem;\n            }\n            \n            .cta-button {\n                padding: 12px 25px;\n                font-size: 0.9rem; \/* Adjusted for mobile *\/\n            }\n\n            .slider-nav {\n                right: 20px;\n                bottom: 40px;\n                gap: 10px;\n            }\n\n            .slider-pagination {\n                left: 20px;\n                bottom: 50px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"full-width-container\">\n        <div class=\"boxing-hero\">\n            <div class=\"slide-track\">\n                <!-- Slide 1 -->\n                <div class=\"slide slide-active\" style=\"background-image: url('https:\/\/oxboxing.com\/wp-content\/uploads\/2025\/09\/Header_1920x650p.jpg')\">\n                    <div class=\"slide-overlay\"><\/div>\n                    <span class=\"slide-number\">01<\/span>\n                    <div class=\"slide-content\">\n                        <h1 class=\"slide-title\"><span>Elite Boxing Academy<\/span>Elite Boxing Academy<\/h1>\n                        <p class=\"slide-text\">Train at the most advanced boxing facility with world-class coaches and Olympic-level equipment.<\/p>\n                        <a href=\"#\" class=\"cta-button\">\n                            Explore\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"16\" height=\"16\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n                        <\/a>\n                    <\/div>\n                <\/div>\n                \n                <!-- Slide 2 -->\n                <div class=\"slide\" style=\"background-image: url('https:\/\/oxboxing.com\/wp-content\/uploads\/2025\/09\/home_102.png')\">\n                    <div class=\"slide-overlay\"><\/div>\n                    <span class=\"slide-number\">02<\/span>\n                    <div class=\"slide-content\">\n                        <h1 class=\"slide-title\"><span>Fight Night Events<\/span>Fight Night Events<\/h1>\n                        <p class=\"slide-text\">Experience the electric atmosphere of our championship boxing matches featuring rising stars.<\/p>\n                        <a href=\"#\" class=\"cta-button\">\n                            Explore\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"16\" height=\"16\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n                        <\/a>\n                    <\/div>\n                <\/div>\n                \n                <!-- Slide 3 -->\n                <div class=\"slide\" style=\"background-image: url('https:\/\/oxboxing.com\/wp-content\/uploads\/2025\/08\/muay-thai-boxer-fighting-with-gloves-smoke-and-sparks-in-isolated-background-with-copy-space-free-photo.jpg')\">\n                    <div class=\"slide-overlay\"><\/div>\n                    <span class=\"slide-number\">03<\/span>\n                    <div class=\"slide-content\">\n                        <h1 class=\"slide-title\"><span>Pro Training Camp<\/span>Pro Training Camp<\/h1>\n                        <p class=\"slide-text\">Join our intensive 8-week training program designed by professional fighters to take your skills to the next level.<\/p>\n                        <a href=\"#\" class=\"cta-button\">\n                            Explore\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" width=\"16\" height=\"16\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Navigation -->\n            <div class=\"slider-nav\">\n                <div class=\"slider-nav-button slider-prev\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M15 19l-7-7 7-7\"\/><\/svg>\n                <\/div>\n                <div class=\"slider-nav-button slider-next\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M9 5l7 7-7 7\"\/><\/svg>\n                <\/div>\n            <\/div>\n\n            <div class=\"slider-pagination\">\n                <div class=\"pagination-bullet pagination-bullet-active\"><\/div>\n                <div class=\"pagination-bullet\"><\/div>\n                <div class=\"pagination-bullet\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            const track = document.querySelector('.slide-track');\n            const slides = document.querySelectorAll('.slide');\n            const prevBtn = document.querySelector('.slider-prev');\n            const nextBtn = document.querySelector('.slider-next');\n            const dots = document.querySelectorAll('.pagination-bullet');\n            \n            let currentSlide = 0;\n            let autoSlideInterval;\n            const slideDuration = 5000; \/\/ Duration for auto slide\n            \n            \/\/ Initialize slider\n            function initSlider() {\n                updateActiveSlide();\n                startAutoSlide();\n            }\n            \n            \/\/ Update active slide\n            function updateActiveSlide() {\n                slides.forEach((slide, index) => {\n                    if (index === currentSlide) {\n                        slide.classList.add('slide-active');\n                        dots[index].classList.add('pagination-bullet-active');\n                    } else {\n                        slide.classList.remove('slide-active');\n                        dots[index].classList.remove('pagination-bullet-active');\n                    }\n                });\n                track.style.transform = `translateX(-${currentSlide * 100}%)`;\n            }\n            \n            \/\/ Go to specific slide\n            function goToSlide(index) {\n                currentSlide = index;\n                updateActiveSlide();\n            }\n            \n            \/\/ Next slide\n            function nextSlide() {\n                currentSlide = (currentSlide + 1) % slides.length;\n                updateActiveSlide();\n            }\n            \n            \/\/ Previous slide\n            function prevSlide() {\n                currentSlide = (currentSlide - 1 + slides.length) % slides.length;\n                updateActiveSlide();\n            }\n            \n            \/\/ Auto slide\n            function startAutoSlide() {\n                clearInterval(autoSlideInterval);\n                autoSlideInterval = setInterval(nextSlide, slideDuration);\n            }\n            \n            \/\/ Pause on hover\n            const slider = document.querySelector('.boxing-hero');\n            slider.addEventListener('mouseenter', () => {\n                clearInterval(autoSlideInterval);\n            });\n            \n            slider.addEventListener('mouseleave', startAutoSlide);\n            \n            \/\/ Event listeners\n            prevBtn.addEventListener('click', () => {\n                prevSlide();\n                startAutoSlide();\n            });\n            \n            nextBtn.addEventListener('click', () => {\n                nextSlide();\n                startAutoSlide();\n            });\n            \n            dots.forEach((dot, index) => {\n                dot.addEventListener('click', () => {\n                    goToSlide(index);\n                    startAutoSlide();\n                });\n            });\n            \n            \/\/ Touch events\n            let touchStartX = 0;\n            slider.addEventListener('touchstart', (e) => {\n                touchStartX = e.touches[0].clientX;\n                clearInterval(autoSlideInterval);\n            }, { passive: true });\n            \n            slider.addEventListener('touchend', (e) => {\n                const touchEndX = e.changedTouches[0].clientX;\n                const diff = touchStartX - touchEndX;\n                \n                if (diff > 50) nextSlide();\n                if (diff < -50) prevSlide();\n                \n                startAutoSlide();\n            }, { passive: true });\n            \n            \/\/ Initialize\n            initSlider();\n        });\n    <\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e2039e2 e-con-full e-flex e-con e-parent\" data-id=\"e2039e2\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bdd4d53 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"bdd4d53\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>Premium Categories<\/title>\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n  <style>\n    :root {\n      --primary: #2563eb;\n      --white: #ffffff;\n      --transition: cubic-bezier(0.4, 0, 0.2, 1) 0.15s;\n      --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);\n      --shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);\n    }\n\n    *{margin:0;padding:0;box-sizing:border-box;}\n\n    body{font-family:'Inter',sans-serif;background-color:var(--white);}\n\n    .premium-grid {\n      display:grid;\n      grid-template-columns:repeat(auto-fit,minmax(300px,1fr));\n      gap:1.5rem;\n      padding:2rem 0;   \/* \u2705 only top-bottom padding *\/\n      width:100%;       \/* \u2705 full width *\/\n      margin:0;         \/* \u2705 no margin *\/\n    }\n\n    .premium-card {\n      position:relative;\n      border-radius:0; \/* \u2705 radius removed *\/\n      overflow:hidden;\n      box-shadow:var(--shadow-md);\n      transition:var(--transition);\n      height:500px;\n      border: none;\n    }\n    .premium-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);}\n    .premium-card::before{\n      content:'';\n      position:absolute;\n      inset:0;\n      background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);\n      z-index:1;\n    }\n\n    .card-link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit;}\n    .card-image-container{height:100%;}\n    .card-image{\n      width:100%;\n      height:100%;\n      object-fit:cover;\n      transition:var(--transition);\n    }\n    .premium-card:hover .card-image{transform:scale(1.03);}\n    .card-content{\n      position:absolute;bottom:0;left:0;right:0;\n      padding:1.5rem;z-index:2;color:var(--white);\n    }\n    .card-title{font-size:1.5rem;font-weight:600;margin-bottom:0.5rem;}\n    .card-description{font-size:0.875rem;opacity:0.9;margin-bottom:1rem;}\n    .card-button{\n      display:inline-flex;align-items:center;gap:0.5rem;\n      font-size:0.875rem;font-weight:500;padding:0.5rem 1rem;\n      background-color:rgba(255,255,255,0.15);\n      border:none;\n      border-radius:0; \/* \u2705 radius removed *\/\n      color:var(--white);\n      transition:var(--transition);\n    }\n    .premium-card:hover .card-button{background-color:rgba(255,255,255,0.25);transform:translateX(4px);}\n    .card-button i{font-size:0.75rem;transition:var(--transition);}\n    .premium-card:hover .card-button i{transform:translateX(2px);}\n\n    \/* \u2705 Mobile Responsive *\/\n    @media (max-width:768px) {\n      .premium-grid {\n        grid-template-columns:1fr;\n        padding:1rem 0; \/* \u2705 only top-bottom *\/\n        gap:1rem;\n      }\n      .premium-card {\n        height:auto;\n      }\n      .card-image {\n        height:260px;\n      }\n      .card-content {\n        padding:1rem;\n      }\n      .card-title {\n        font-size:1.25rem;\n      }\n      .card-description {\n        font-size:0.8rem;\n      }\n      .card-button {\n        font-size:0.8rem;\n        padding:0.4rem 0.8rem;\n      }\n    }\n  <\/style>\n<\/head>\n<body>\n  <div class=\"premium-grid\">\n    <!-- BOXING -->\n    <div class=\"premium-card\">\n      <a href=\"#\" class=\"card-link\">\n        <div class=\"card-image-container\">\n          <img decoding=\"async\" src=\"https:\/\/oxboxing.com\/wp-content\/uploads\/2025\/08\/1_-_Boxing.webp\"\n               alt=\"Boxing category\" class=\"card-image\">\n        <\/div>\n        <div class=\"card-content\">\n          <h3 class=\"card-title\">BOXING<\/h3>\n          <p class=\"card-description\">Premium boxing gloves, gear & apparel for champions.<\/p>\n          <span class=\"card-button\">Explore <i class=\"fas fa-arrow-right\"><\/i><\/span>\n        <\/div>\n      <\/a>\n    <\/div>\n\n    <!-- MMA -->\n    <div class=\"premium-card\">\n      <a href=\"#\" class=\"card-link\">\n        <div class=\"card-image-container\">\n          <img decoding=\"async\" src=\"https:\/\/oxboxing.com\/wp-content\/uploads\/2025\/08\/3_-_Apparel.webp\"\n               alt=\"MMA category\" class=\"card-image\">\n        <\/div>\n        <div class=\"card-content\">\n          <h3 class=\"card-title\">MMA<\/h3>\n          <p class=\"card-description\">Elite MMA gloves, pads & apparel for all levels.<\/p>\n          <span class=\"card-button\">Explore <i class=\"fas fa-arrow-right\"><\/i><\/span>\n        <\/div>\n      <\/a>\n    <\/div>\n\n    <!-- FITNESS -->\n    <div class=\"premium-card\">\n      <a href=\"#\" class=\"card-link\">\n        <div class=\"card-image-container\">\n          <img decoding=\"async\" src=\"https:\/\/oxboxing.com\/wp-content\/uploads\/2025\/08\/2_-_MMA.webp\"\n               alt=\"Fitness category\" class=\"card-image\">\n        <\/div>\n        <div class=\"card-content\">\n          <h3 class=\"card-title\">FITNESS<\/h3>\n          <p class=\"card-description\">High-quality fitness equipment & clothing to boost performance.<\/p>\n          <span class=\"card-button\">Explore <i class=\"fas fa-arrow-right\"><\/i><\/span>\n        <\/div>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ea354e6 e-flex e-con-boxed e-con e-parent\" data-id=\"ea354e6\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-db85962 elementor-widget elementor-widget-shortcode\" data-id=\"db85962\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n    <section class=\"max-w-7xl mx-auto px-4 py-8 relative\">\r\n      <h2 class=\"text-2xl font-bold mb-4\">TRENDING PRODUCTS<\/h2>\r\n\r\n      <!-- Tabs -->\r\n      <nav class=\"flex space-x-4 overflow-x-auto py-2 border-b border-gray-200 mb-4 tabs\">\r\n                  <button \r\n            class=\"tab-btn px-4 py-2 text-sm font-medium active text-gray-900 border-b-2 border-red-700\" \r\n            data-category=\"boxing\">\r\n            Boxing Gloves          <\/button>\r\n                  <button \r\n            class=\"tab-btn px-4 py-2 text-sm font-medium text-gray-500 hover:text-gray-700\" \r\n            data-category=\"female-boxing\">\r\n            Female Boxing          <\/button>\r\n                  <button \r\n            class=\"tab-btn px-4 py-2 text-sm font-medium text-gray-500 hover:text-gray-700\" \r\n            data-category=\"hand-wraps\">\r\n            Hand Wraps          <\/button>\r\n                  <button \r\n            class=\"tab-btn px-4 py-2 text-sm font-medium text-gray-500 hover:text-gray-700\" \r\n            data-category=\"kids-boxing\">\r\n            Kids Boxing          <\/button>\r\n                  <button \r\n            class=\"tab-btn px-4 py-2 text-sm font-medium text-gray-500 hover:text-gray-700\" \r\n            data-category=\"shorts\">\r\n            Shorts          <\/button>\r\n                  <button \r\n            class=\"tab-btn px-4 py-2 text-sm font-medium text-gray-500 hover:text-gray-700\" \r\n            data-category=\"t-shirts\">\r\n            T-Shirts          <\/button>\r\n                  <button \r\n            class=\"tab-btn px-4 py-2 text-sm font-medium text-gray-500 hover:text-gray-700\" \r\n            data-category=\"yoga-matts\">\r\n            Yoga Matts          <\/button>\r\n              <\/nav>\r\n\r\n      <!-- Shop Link -->\r\n      <div class=\"text-right mb-4\">\r\n        <a href=\"https:\/\/oxboxing.com\/?product_cat=boxing\" \r\n           id=\"shop-link\" \r\n           class=\"text-sm font-medium underline text-gray-700 hover:text-red-700\">\r\n          Shop Boxing Gloves        <\/a>\r\n      <\/div>\r\n\r\n      <!-- Slider -->\r\n      <div class=\"relative slider-container\">\r\n        <button id=\"prev-btn\" class=\"arrow-btn\" aria-label=\"Previous products\">&larr;<\/button>\r\n        <div id=\"product-list-wrapper\" class=\"overflow-x-auto overflow-y-hidden scroll-smooth\">\r\n          <ul class=\"product-slider flex flex-nowrap gap-4\" id=\"product-list\"><\/ul>\r\n        <\/div>\r\n        <button id=\"next-btn\" class=\"arrow-btn\" aria-label=\"Next products\">&rarr;<\/button>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n    document.addEventListener(\"DOMContentLoaded\", function () {\r\n      const productData = {\"boxing\":[{\"id\":446,\"name\":\"Black &#038; White Boxing Gloves \\u2013 Durable Training Gloves for Boxing &#038; Fitness\",\"price\":\"<del aria-hidden=\\\"true\\\"><span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>&nbsp;200<\\\/bdi><\\\/span><\\\/del> <span class=\\\"screen-reader-text\\\">Original price was: &#036;&nbsp;200.<\\\/span><ins aria-hidden=\\\"true\\\"><span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>&nbsp;119<\\\/bdi><\\\/span><\\\/ins><span class=\\\"screen-reader-text\\\">Current price is: &#036;&nbsp;119.<\\\/span>\",\"images\":[\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/BGMW-OX2-01-300x300.jpg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/BGMW-OX2-01-300x300.jpg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/BGMW-OX2-02-300x300.jpg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/BGMW-OX2-03-300x300.jpg\"],\"link\":\"https:\\\/\\\/oxboxing.com\\\/?product=black-white-boxing-gloves-durable-training-gloves-for-boxing-fitness\"},{\"id\":445,\"name\":\"Golden Boxing Gloves \\u2013 Premium Leather Gloves for Training &#038; Professional Fights\",\"price\":\"<del aria-hidden=\\\"true\\\"><span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>&nbsp;200<\\\/bdi><\\\/span><\\\/del> <span class=\\\"screen-reader-text\\\">Original price was: &#036;&nbsp;200.<\\\/span><ins aria-hidden=\\\"true\\\"><span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>&nbsp;119<\\\/bdi><\\\/span><\\\/ins><span class=\\\"screen-reader-text\\\">Current price is: &#036;&nbsp;119.<\\\/span>\",\"images\":[\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/BGMBGL-OX2-01-300x300.jpg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/BGMBGL-OX2-01-300x300.jpg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/BGMBGL-OX2-02-300x300.jpg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/BGMBGL-OX2-03-300x300.jpg\"],\"link\":\"https:\\\/\\\/oxboxing.com\\\/?product=golden-boxing-gloves-premium-leather-gloves-for-training-professional-fights\"},{\"id\":439,\"name\":\"White Boxing Gloves \\u2013 Professional Training, Sparring &#038; Kickboxing Gloves\",\"price\":\"<del aria-hidden=\\\"true\\\"><span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>&nbsp;200<\\\/bdi><\\\/span><\\\/del> <span class=\\\"screen-reader-text\\\">Original price was: &#036;&nbsp;200.<\\\/span><ins aria-hidden=\\\"true\\\"><span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>&nbsp;119<\\\/bdi><\\\/span><\\\/ins><span class=\\\"screen-reader-text\\\">Current price is: &#036;&nbsp;119.<\\\/span>\",\"images\":[\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/BGMWGL-OX2-01-1-300x300.jpg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/BGMWGL-OX2-01-1-300x300.jpg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/BGMWGL-OX2-02-300x300.jpg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/BGMWGL-OX2-03-300x300.jpg\"],\"link\":\"https:\\\/\\\/oxboxing.com\\\/?product=white-boxing-gloves-professional-training-sparring-kickboxing-gloves\"},{\"id\":417,\"name\":\"Black Boxing Gloves \\u2013 Premium Training &#038; Sparring Gloves for Boxing, MMA &#038; Fitness\",\"price\":\"<del aria-hidden=\\\"true\\\"><span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>&nbsp;200<\\\/bdi><\\\/span><\\\/del> <span class=\\\"screen-reader-text\\\">Original price was: &#036;&nbsp;200.<\\\/span><ins aria-hidden=\\\"true\\\"><span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>&nbsp;119<\\\/bdi><\\\/span><\\\/ins><span class=\\\"screen-reader-text\\\">Current price is: &#036;&nbsp;119.<\\\/span>\",\"images\":[\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/BGMB-OX2-01-1-300x300.jpg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/BGMB-OX2-01-1-300x300.jpg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/BGMB-OX2-02-300x300.jpg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/BGMB-OX2-03-300x300.jpg\"],\"link\":\"https:\\\/\\\/oxboxing.com\\\/?product=black-boxing-gloves-premium-training-sparring-gloves-for-boxing-mma-fitness\"}],\"female-boxing\":[{\"id\":911,\"name\":\"Female Boxing Gloves \\u2013 Durable Training Gloves for Boxing &#038; Fitness\",\"price\":\"<del aria-hidden=\\\"true\\\"><span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>&nbsp;200<\\\/bdi><\\\/span><\\\/del> <span class=\\\"screen-reader-text\\\">Original price was: &#036;&nbsp;200.<\\\/span><ins aria-hidden=\\\"true\\\"><span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>&nbsp;149<\\\/bdi><\\\/span><\\\/ins><span class=\\\"screen-reader-text\\\">Current price is: &#036;&nbsp;149.<\\\/span>\",\"images\":[\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/WhatsApp-Image-2025-08-07-at-3.41.08-PM-300x300.jpeg\"],\"link\":\"https:\\\/\\\/oxboxing.com\\\/?product=female-boxing-gloves-durable-training-gloves-for-boxing-fitness\"}],\"hand-wraps\":[{\"id\":766,\"name\":\"Yellow Boxing Hand Wraps \\u2013 Bright, Durable &#038; Protective\",\"price\":\"<del aria-hidden=\\\"true\\\"><span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>&nbsp;30<\\\/bdi><\\\/span><\\\/del> <span class=\\\"screen-reader-text\\\">Original price was: &#036;&nbsp;30.<\\\/span><ins aria-hidden=\\\"true\\\"><span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>&nbsp;19<\\\/bdi><\\\/span><\\\/ins><span class=\\\"screen-reader-text\\\">Current price is: &#036;&nbsp;19.<\\\/span>\",\"images\":[\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/00_MainYellow-300x300.jpg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/00_MainYellow-300x300.jpg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/01_Yellow-300x300.jpg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/02_Yellow-300x300.jpg\"],\"link\":\"https:\\\/\\\/oxboxing.com\\\/?product=yellow-boxing-hand-wraps-bright-durable-protective\"},{\"id\":758,\"name\":\"Pink Boxing Hand Wraps \\u2013 Stylish, Strong &#038; Comfortable\",\"price\":\"<del aria-hidden=\\\"true\\\"><span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>&nbsp;30<\\\/bdi><\\\/span><\\\/del> <span class=\\\"screen-reader-text\\\">Original price was: &#036;&nbsp;30.<\\\/span><ins aria-hidden=\\\"true\\\"><span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>&nbsp;19<\\\/bdi><\\\/span><\\\/ins><span class=\\\"screen-reader-text\\\">Current price is: &#036;&nbsp;19.<\\\/span>\",\"images\":[\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/00_MainPink-300x300.jpg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/00_MainPink-300x300.jpg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/01_Pink-300x300.jpg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/02_Pink-300x300.jpg\"],\"link\":\"https:\\\/\\\/oxboxing.com\\\/?product=pink-boxing-hand-wraps-stylish-strong-comfortable\"},{\"id\":750,\"name\":\"Blue Boxing Hand Wraps \\u2013 Durable, Stretchable &#038; Comfortable\",\"price\":\"<del aria-hidden=\\\"true\\\"><span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>&nbsp;30<\\\/bdi><\\\/span><\\\/del> <span class=\\\"screen-reader-text\\\">Original price was: &#036;&nbsp;30.<\\\/span><ins aria-hidden=\\\"true\\\"><span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>&nbsp;19<\\\/bdi><\\\/span><\\\/ins><span class=\\\"screen-reader-text\\\">Current price is: &#036;&nbsp;19.<\\\/span>\",\"images\":[\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/00_MainBlue-300x300.jpg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/00_MainBlue-300x300.jpg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/01_Blue-300x300.jpg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/02_Blue-300x300.jpg\"],\"link\":\"https:\\\/\\\/oxboxing.com\\\/?product=blue-boxing-hand-wraps-durable-stretchable-comfortable\"},{\"id\":742,\"name\":\"Red Boxing Hand Wraps \\u2013 Strong, Durable &#038; Professional Support\",\"price\":\"<del aria-hidden=\\\"true\\\"><span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>&nbsp;30<\\\/bdi><\\\/span><\\\/del> <span class=\\\"screen-reader-text\\\">Original price was: &#036;&nbsp;30.<\\\/span><ins aria-hidden=\\\"true\\\"><span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>&nbsp;19<\\\/bdi><\\\/span><\\\/ins><span class=\\\"screen-reader-text\\\">Current price is: &#036;&nbsp;19.<\\\/span>\",\"images\":[\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/00_MainRed-300x300.jpg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/00_MainRed-300x300.jpg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/01_Red-300x300.jpg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/02_Red-300x300.jpg\"],\"link\":\"https:\\\/\\\/oxboxing.com\\\/?product=red-boxing-hand-wraps-strong-durable-professional-support\"},{\"id\":734,\"name\":\"White Boxing Hand Wraps \\u2013 Professional Training Protection\",\"price\":\"<del aria-hidden=\\\"true\\\"><span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>&nbsp;30<\\\/bdi><\\\/span><\\\/del> <span class=\\\"screen-reader-text\\\">Original price was: &#036;&nbsp;30.<\\\/span><ins aria-hidden=\\\"true\\\"><span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>&nbsp;19<\\\/bdi><\\\/span><\\\/ins><span class=\\\"screen-reader-text\\\">Current price is: &#036;&nbsp;19.<\\\/span>\",\"images\":[\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/00_MainWhite-300x300.jpg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/00_MainWhite-300x300.jpg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/01_White-300x300.jpg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/02_White-300x300.jpg\"],\"link\":\"https:\\\/\\\/oxboxing.com\\\/?product=white-boxing-hand-wraps-professional-training-protection\"},{\"id\":726,\"name\":\"Premium Black Boxing Hand Wraps \\u2013 Durable &#038; Comfortable Support\",\"price\":\"<del aria-hidden=\\\"true\\\"><span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>&nbsp;30<\\\/bdi><\\\/span><\\\/del> <span class=\\\"screen-reader-text\\\">Original price was: &#036;&nbsp;30.<\\\/span><ins aria-hidden=\\\"true\\\"><span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>&nbsp;19<\\\/bdi><\\\/span><\\\/ins><span class=\\\"screen-reader-text\\\">Current price is: &#036;&nbsp;19.<\\\/span>\",\"images\":[\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/00_MainBlack-300x300.jpg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/02_Black-300x300.jpg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/00_MainBlack-300x300.jpg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/01_Black-300x300.jpg\"],\"link\":\"https:\\\/\\\/oxboxing.com\\\/?product=premium-black-boxing-hand-wraps-durable-comfortable-support\"}],\"kids-boxing\":[{\"id\":911,\"name\":\"Female Boxing Gloves \\u2013 Durable Training Gloves for Boxing &#038; Fitness\",\"price\":\"<del aria-hidden=\\\"true\\\"><span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>&nbsp;200<\\\/bdi><\\\/span><\\\/del> <span class=\\\"screen-reader-text\\\">Original price was: &#036;&nbsp;200.<\\\/span><ins aria-hidden=\\\"true\\\"><span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>&nbsp;149<\\\/bdi><\\\/span><\\\/ins><span class=\\\"screen-reader-text\\\">Current price is: &#036;&nbsp;149.<\\\/span>\",\"images\":[\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/WhatsApp-Image-2025-08-07-at-3.41.08-PM-300x300.jpeg\"],\"link\":\"https:\\\/\\\/oxboxing.com\\\/?product=female-boxing-gloves-durable-training-gloves-for-boxing-fitness\"}],\"shorts\":[{\"id\":1216,\"name\":\"Vibrant Yellow Shorts \\u2013 Comfortable &#038; Eye-Catching Design\",\"price\":\"<del aria-hidden=\\\"true\\\"><span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>&nbsp;100<\\\/bdi><\\\/span><\\\/del> <span class=\\\"screen-reader-text\\\">Original price was: &#036;&nbsp;100.<\\\/span><ins aria-hidden=\\\"true\\\"><span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>&nbsp;50<\\\/bdi><\\\/span><\\\/ins><span class=\\\"screen-reader-text\\\">Current price is: &#036;&nbsp;50.<\\\/span>\",\"images\":[\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/WhatsApp-Image-2025-09-07-at-2.02.43-PM-2-300x300.jpeg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/WhatsApp-Image-2025-09-07-at-2.02.41-PM-300x300.jpeg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/WhatsApp-Image-2025-09-07-at-2.02.42-PM-1-300x300.jpeg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/WhatsApp-Image-2025-09-07-at-2.02.42-PM-300x300.jpeg\"],\"link\":\"https:\\\/\\\/oxboxing.com\\\/?product=vibrant-yellow-shorts-comfortable-eye-catching-design\"},{\"id\":1194,\"name\":\"Classic White Shorts \\u2013 Timeless &#038; Comfortable Everyday Wear\",\"price\":\"<del aria-hidden=\\\"true\\\"><span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>&nbsp;100<\\\/bdi><\\\/span><\\\/del> <span class=\\\"screen-reader-text\\\">Original price was: &#036;&nbsp;100.<\\\/span><ins aria-hidden=\\\"true\\\"><span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>&nbsp;50<\\\/bdi><\\\/span><\\\/ins><span class=\\\"screen-reader-text\\\">Current price is: &#036;&nbsp;50.<\\\/span>\",\"images\":[\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/WhatsApp-Image-2025-09-07-at-2.02.43-PM-1-300x300.jpeg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/WhatsApp-Image-2025-09-07-at-2.02.41-PM-300x300.jpeg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/WhatsApp-Image-2025-09-07-at-2.02.42-PM-1-300x300.jpeg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/WhatsApp-Image-2025-09-07-at-2.02.42-PM-300x300.jpeg\"],\"link\":\"https:\\\/\\\/oxboxing.com\\\/?product=classic-white-shorts-timeless-comfortable-everyday-wear\"},{\"id\":1172,\"name\":\"Bold Red Shorts \\u2013 Comfortable &#038; Stylish Active Wear\",\"price\":\"<del aria-hidden=\\\"true\\\"><span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>&nbsp;100<\\\/bdi><\\\/span><\\\/del> <span class=\\\"screen-reader-text\\\">Original price was: &#036;&nbsp;100.<\\\/span><ins aria-hidden=\\\"true\\\"><span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>&nbsp;50<\\\/bdi><\\\/span><\\\/ins><span class=\\\"screen-reader-text\\\">Current price is: &#036;&nbsp;50.<\\\/span>\",\"images\":[\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/WhatsApp-Image-2025-09-07-at-2.02.42-PM-2-300x300.jpeg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/WhatsApp-Image-2025-09-07-at-2.02.41-PM-300x300.jpeg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/WhatsApp-Image-2025-09-07-at-2.02.42-PM-1-300x300.jpeg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/WhatsApp-Image-2025-09-07-at-2.02.42-PM-300x300.jpeg\"],\"link\":\"https:\\\/\\\/oxboxing.com\\\/?product=bold-red-shorts-comfortable-stylish-active-wear\"},{\"id\":1149,\"name\":\"Stylish Pink Shorts \\u2013 Soft &#038; Trendy Casual Wear\",\"price\":\"<del aria-hidden=\\\"true\\\"><span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>&nbsp;100<\\\/bdi><\\\/span><\\\/del> <span class=\\\"screen-reader-text\\\">Original price was: &#036;&nbsp;100.<\\\/span><ins aria-hidden=\\\"true\\\"><span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>&nbsp;50<\\\/bdi><\\\/span><\\\/ins><span class=\\\"screen-reader-text\\\">Current price is: &#036;&nbsp;50.<\\\/span>\",\"images\":[\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/WhatsApp-Image-2025-09-07-at-2.02.43-PM-300x300.jpeg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/WhatsApp-Image-2025-09-07-at-2.02.41-PM-300x300.jpeg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/WhatsApp-Image-2025-09-07-at-2.02.42-PM-1-300x300.jpeg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/WhatsApp-Image-2025-09-07-at-2.02.42-PM-300x300.jpeg\"],\"link\":\"https:\\\/\\\/oxboxing.com\\\/?product=stylish-pink-shorts-soft-trendy-casual-wear\"},{\"id\":1127,\"name\":\"Modern Grey Shorts \\u2013 Minimal &#038; Versatile Outfit Essential\",\"price\":\"<del aria-hidden=\\\"true\\\"><span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>&nbsp;100<\\\/bdi><\\\/span><\\\/del> <span class=\\\"screen-reader-text\\\">Original price was: &#036;&nbsp;100.<\\\/span><ins aria-hidden=\\\"true\\\"><span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>&nbsp;50<\\\/bdi><\\\/span><\\\/ins><span class=\\\"screen-reader-text\\\">Current price is: &#036;&nbsp;50.<\\\/span>\",\"images\":[\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/WhatsApp-Image-2025-09-07-at-2.02.42-PM-300x300.jpeg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/WhatsApp-Image-2025-09-07-at-2.02.41-PM-300x300.jpeg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/WhatsApp-Image-2025-09-07-at-2.02.42-PM-1-300x300.jpeg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/WhatsApp-Image-2025-09-07-at-2.02.43-PM-300x300.jpeg\"],\"link\":\"https:\\\/\\\/oxboxing.com\\\/?product=modern-grey-shorts-minimal-versatile-outfit-essential\"},{\"id\":1105,\"name\":\"Trendy Blue Shorts \\u2013 Lightweight &#038; Comfortable Active Wear\",\"price\":\"<del aria-hidden=\\\"true\\\"><span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>&nbsp;100<\\\/bdi><\\\/span><\\\/del> <span class=\\\"screen-reader-text\\\">Original price was: &#036;&nbsp;100.<\\\/span><ins aria-hidden=\\\"true\\\"><span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>&nbsp;50<\\\/bdi><\\\/span><\\\/ins><span class=\\\"screen-reader-text\\\">Current price is: &#036;&nbsp;50.<\\\/span>\",\"images\":[\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/WhatsApp-Image-2025-09-07-at-2.02.42-PM-1-300x300.jpeg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/WhatsApp-Image-2025-09-07-at-2.02.41-PM-300x300.jpeg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/WhatsApp-Image-2025-09-07-at-2.02.42-PM-300x300.jpeg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/WhatsApp-Image-2025-09-07-at-2.02.43-PM-300x300.jpeg\"],\"link\":\"https:\\\/\\\/oxboxing.com\\\/?product=trendy-blue-shorts-lightweight-comfortable-active-wear\"},{\"id\":1076,\"name\":\"Premium Black Shorts \\u2013 Comfortable &#038; Stylish Everyday Wear\",\"price\":\"<del aria-hidden=\\\"true\\\"><span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>&nbsp;100<\\\/bdi><\\\/span><\\\/del> <span class=\\\"screen-reader-text\\\">Original price was: &#036;&nbsp;100.<\\\/span><ins aria-hidden=\\\"true\\\"><span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>&nbsp;50<\\\/bdi><\\\/span><\\\/ins><span class=\\\"screen-reader-text\\\">Current price is: &#036;&nbsp;50.<\\\/span>\",\"images\":[\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/WhatsApp-Image-2025-09-07-at-2.02.41-PM-300x300.jpeg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/WhatsApp-Image-2025-09-07-at-2.02.42-PM-1-300x300.jpeg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/WhatsApp-Image-2025-09-07-at-2.02.42-PM-300x300.jpeg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/WhatsApp-Image-2025-09-07-at-2.02.43-PM-300x300.jpeg\"],\"link\":\"https:\\\/\\\/oxboxing.com\\\/?product=premium-black-shorts-comfortable-stylish-everyday-wear\"}],\"t-shirts\":[{\"id\":967,\"name\":\"Vibrant Yellow T-Shirt \\u2013 Comfortable &#038; Eye-Catching Design\",\"price\":\"<del aria-hidden=\\\"true\\\"><span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>&nbsp;100<\\\/bdi><\\\/span><\\\/del> <span class=\\\"screen-reader-text\\\">Original price was: &#036;&nbsp;100.<\\\/span><ins aria-hidden=\\\"true\\\"><span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>&nbsp;50<\\\/bdi><\\\/span><\\\/ins><span class=\\\"screen-reader-text\\\">Current price is: &#036;&nbsp;50.<\\\/span>\",\"images\":[\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/yellow-300x300.jpg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/shirt-1-300x300.jpg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/blue-300x300.jpg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/pink-300x300.jpg\"],\"link\":\"https:\\\/\\\/oxboxing.com\\\/?product=vibrant-yellow-t-shirt-comfortable-eye-catching-design\"},{\"id\":966,\"name\":\"Classic White T-Shirt \\u2013 Timeless Everyday Comfort\",\"price\":\"<del aria-hidden=\\\"true\\\"><span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>&nbsp;100<\\\/bdi><\\\/span><\\\/del> <span class=\\\"screen-reader-text\\\">Original price was: &#036;&nbsp;100.<\\\/span><ins aria-hidden=\\\"true\\\"><span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>&nbsp;50<\\\/bdi><\\\/span><\\\/ins><span class=\\\"screen-reader-text\\\">Current price is: &#036;&nbsp;50.<\\\/span>\",\"images\":[\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/white-300x300.jpg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/shirt-1-300x300.jpg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/blue-300x300.jpg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/pink-300x300.jpg\"],\"link\":\"https:\\\/\\\/oxboxing.com\\\/?product=classic-white-t-shirt-timeless-everyday-comfort\"},{\"id\":964,\"name\":\"Stylish Pink T-Shirt \\u2013 Soft &#038; Trendy Casual Fashion\",\"price\":\"<del aria-hidden=\\\"true\\\"><span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>&nbsp;100<\\\/bdi><\\\/span><\\\/del> <span class=\\\"screen-reader-text\\\">Original price was: &#036;&nbsp;100.<\\\/span><ins aria-hidden=\\\"true\\\"><span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>&nbsp;50<\\\/bdi><\\\/span><\\\/ins><span class=\\\"screen-reader-text\\\">Current price is: &#036;&nbsp;50.<\\\/span>\",\"images\":[\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/pink-300x300.jpg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/shirt-1-300x300.jpg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/blue-300x300.jpg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/pink-300x300.jpg\"],\"link\":\"https:\\\/\\\/oxboxing.com\\\/?product=stylish-pink-t-shirt-soft-trendy-casual-fashion\"},{\"id\":962,\"name\":\"Modern Grey T-Shirt \\u2013 Minimal &#038; Versatile Outfit Essential\",\"price\":\"<del aria-hidden=\\\"true\\\"><span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>&nbsp;100<\\\/bdi><\\\/span><\\\/del> <span class=\\\"screen-reader-text\\\">Original price was: &#036;&nbsp;100.<\\\/span><ins aria-hidden=\\\"true\\\"><span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>&nbsp;50<\\\/bdi><\\\/span><\\\/ins><span class=\\\"screen-reader-text\\\">Current price is: &#036;&nbsp;50.<\\\/span>\",\"images\":[\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/grey-300x300.jpg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/shirt-1-300x300.jpg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/blue-300x300.jpg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/pink-300x300.jpg\"],\"link\":\"https:\\\/\\\/oxboxing.com\\\/?product=modern-grey-t-shirt-minimal-versatile-outfit-essential\"},{\"id\":961,\"name\":\"Trendy Blue T-Shirt \\u2013 Comfortable &#038; Vibrant Casual Wear\",\"price\":\"<del aria-hidden=\\\"true\\\"><span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>&nbsp;100<\\\/bdi><\\\/span><\\\/del> <span class=\\\"screen-reader-text\\\">Original price was: &#036;&nbsp;100.<\\\/span><ins aria-hidden=\\\"true\\\"><span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>&nbsp;50<\\\/bdi><\\\/span><\\\/ins><span class=\\\"screen-reader-text\\\">Current price is: &#036;&nbsp;50.<\\\/span>\",\"images\":[\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/blue-300x300.jpg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/shirt-1-300x300.jpg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/pink-300x300.jpg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/grey-300x300.jpg\"],\"link\":\"https:\\\/\\\/oxboxing.com\\\/?product=trendy-blue-t-shirt-comfortable-vibrant-casual-wear\"},{\"id\":954,\"name\":\"Premium Black T-Shirt \\u2013 Stylish &#038; Comfortable Everyday Wear\",\"price\":\"<del aria-hidden=\\\"true\\\"><span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>&nbsp;100<\\\/bdi><\\\/span><\\\/del> <span class=\\\"screen-reader-text\\\">Original price was: &#036;&nbsp;100.<\\\/span><ins aria-hidden=\\\"true\\\"><span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>&nbsp;50<\\\/bdi><\\\/span><\\\/ins><span class=\\\"screen-reader-text\\\">Current price is: &#036;&nbsp;50.<\\\/span>\",\"images\":[\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/shirt-1-300x300.jpg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/blue-300x300.jpg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/pink-300x300.jpg\",\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/grey-300x300.jpg\"],\"link\":\"https:\\\/\\\/oxboxing.com\\\/?product=premium-black-t-shirt-stylish-comfortable-everyday-wear\"}],\"yoga-matts\":[{\"id\":1241,\"name\":\"Premium Yoga Mat \\u2013 Non-Slip, Durable &#038; Comfortable Exercise Mat\",\"price\":\"<del aria-hidden=\\\"true\\\"><span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>&nbsp;100<\\\/bdi><\\\/span><\\\/del> <span class=\\\"screen-reader-text\\\">Original price was: &#036;&nbsp;100.<\\\/span><ins aria-hidden=\\\"true\\\"><span class=\\\"woocommerce-Price-amount amount\\\"><bdi><span class=\\\"woocommerce-Price-currencySymbol\\\">&#36;<\\\/span>&nbsp;50<\\\/bdi><\\\/span><\\\/ins><span class=\\\"screen-reader-text\\\">Current price is: &#036;&nbsp;50.<\\\/span>\",\"images\":[\"https:\\\/\\\/oxboxing.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/mat-fitness-isolated-white_392895-483956-300x207.avif\"],\"link\":\"https:\\\/\\\/oxboxing.com\\\/?product=premium-yoga-mat-non-slip-durable-comfortable-exercise-mat\"}]};\r\n      const tabs = document.querySelectorAll(\".tab-btn\");\r\n      const productList = document.getElementById(\"product-list\");\r\n      const productListWrapper = document.getElementById(\"product-list-wrapper\");\r\n      const shopLink = document.getElementById(\"shop-link\");\r\n      const prevBtn = document.getElementById(\"prev-btn\");\r\n      const nextBtn = document.getElementById(\"next-btn\");\r\n\r\n      let currentCategory = tabs[0].dataset.category;\r\n\r\n      function renderProducts(category) {\r\n        productList.innerHTML = \"\";\r\n        const products = productData[category] || [];\r\n        if (products.length === 0) {\r\n          productList.innerHTML = '<li class=\"text-center text-gray-500\">No products found.<\/li>';\r\n          return;\r\n        }\r\n\r\n        const fragment = document.createDocumentFragment();\r\n        products.forEach(product => {\r\n          const li = document.createElement(\"li\");\r\n          li.className = \"min-w-[300px] max-w-[300px] flex-shrink-0 bg-white shadow-sm\";\r\n          li.innerHTML = `\r\n            <a href=\"${product.link}\" class=\"block h-full\">\r\n              <div class=\"relative aspect-square bg-gray-100\">\r\n                <div class=\"gallery relative w-full h-full\">\r\n                  <img decoding=\"async\" src=\"${product.images[0]}\" alt=\"${product.name}\" class=\"gallery-img object-contain w-full h-full cursor-pointer lazy\" data-src=\"${product.images[0]}\" loading=\"lazy\" \/>\r\n                  ${product.images.length > 1 ? `\r\n                    <div class=\"absolute bottom-2 left-1\/2 -translate-x-1\/2 flex gap-2\">\r\n                      ${product.images.map((_, index) => `\r\n                        <span class=\"gallery-dot w-2 h-2 bg-gray-400 rounded-full ${index === 0 ? 'bg-red-700' : ''}\" data-index=\"${index}\"><\/span>\r\n                      `).join('')}\r\n                    <\/div>\r\n                  ` : ''}\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"p-3 flex flex-col\">\r\n                <h3 class=\"text-sm font-medium text-gray-900 line-clamp-2 mb-2\">${product.name}<\/h3>\r\n                <p class=\"text-red-700 font-bold text-base\">${product.price}<\/p>\r\n              <\/div>\r\n            <\/a>\r\n          `;\r\n          fragment.appendChild(li);\r\n\r\n          if (product.images.length > 1) {\r\n            const img = li.querySelector('.gallery-img');\r\n            const dots = li.querySelectorAll('.gallery-dot');\r\n            let currentIndex = 0;\r\n            let lastX = null;\r\n            let lastMoveTime = 0;\r\n            const moveThreshold = 30;\r\n            const timeThreshold = 200;\r\n\r\n            function updateImage(index) {\r\n              currentIndex = index % product.images.length;\r\n              if (currentIndex < 0) currentIndex = product.images.length - 1;\r\n              img.src = product.images[currentIndex];\r\n              img.dataset.index = currentIndex;\r\n              dots.forEach(dot => {\r\n                dot.classList.toggle('bg-red-700', parseInt(dot.dataset.index) === currentIndex);\r\n                dot.classList.toggle('bg-gray-400', parseInt(dot.dataset.index) !== currentIndex);\r\n              });\r\n            }\r\n\r\n            img.addEventListener('click', () => {\r\n              updateImage(currentIndex + 1);\r\n            });\r\n\r\n            img.addEventListener('mousemove', (e) => {\r\n              const currentTime = Date.now();\r\n              if (currentTime - lastMoveTime < timeThreshold) return;\r\n\r\n              const currentX = e.clientX;\r\n              if (lastX !== null) {\r\n                const deltaX = currentX - lastX;\r\n                if (Math.abs(deltaX) > moveThreshold) {\r\n                  updateImage(currentIndex + (deltaX > 0 ? 1 : -1));\r\n                  lastMoveTime = currentTime;\r\n                }\r\n              }\r\n              lastX = currentX;\r\n            });\r\n\r\n            img.addEventListener('mouseleave', () => {\r\n              lastX = null;\r\n            });\r\n\r\n            dots.forEach(dot => {\r\n              dot.addEventListener('click', (e) => {\r\n                e.preventDefault();\r\n                updateImage(parseInt(dot.dataset.index));\r\n              });\r\n            });\r\n          }\r\n        });\r\n        productList.appendChild(fragment);\r\n        productListWrapper.scrollLeft = 0;\r\n        updateArrows();\r\n      }\r\n\r\n      function updateArrows() {\r\n        const scrollLeft = productListWrapper.scrollLeft;\r\n        const scrollWidth = productListWrapper.scrollWidth;\r\n        const clientWidth = productListWrapper.clientWidth;\r\n        prevBtn.disabled = scrollLeft <= 0;\r\n        nextBtn.disabled = scrollLeft + clientWidth >= scrollWidth - 5;\r\n        prevBtn.classList.toggle('opacity-50', prevBtn.disabled);\r\n        nextBtn.classList.toggle('opacity-50', nextBtn.disabled);\r\n      }\r\n\r\n      tabs.forEach(tab => {\r\n        tab.addEventListener(\"click\", () => {\r\n          tabs.forEach(t => t.classList.remove(\"active\", \"text-gray-900\", \"border-b-2\", \"border-red-700\"));\r\n          tab.classList.add(\"active\", \"text-gray-900\", \"border-b-2\", \"border-red-700\");\r\n          currentCategory = tab.dataset.category;\r\n          renderProducts(currentCategory);\r\n          shopLink.href = `\/product-category\/${currentCategory}`;\r\n          shopLink.textContent = `Shop ${tab.textContent}`;\r\n        });\r\n      });\r\n\r\n      prevBtn.addEventListener(\"click\", () => {\r\n        productListWrapper.scrollBy({ left: -320, behavior: 'smooth' });\r\n        setTimeout(updateArrows, 300);\r\n      });\r\n\r\n      nextBtn.addEventListener(\"click\", () => {\r\n        productListWrapper.scrollBy({ left: 320, behavior: 'smooth' });\r\n        setTimeout(updateArrows, 300);\r\n      });\r\n\r\n      productListWrapper.addEventListener(\"scroll\", updateArrows);\r\n\r\n      renderProducts(currentCategory);\r\n\r\n      \/\/ Lazy-load images\r\n      const images = document.querySelectorAll('img.lazy');\r\n      if ('IntersectionObserver' in window) {\r\n        const observer = new IntersectionObserver((entries, observer) => {\r\n          entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n              const img = entry.target;\r\n              img.src = img.dataset.src;\r\n              img.classList.remove('lazy');\r\n              observer.unobserve(img);\r\n            }\r\n          });\r\n        });\r\n        images.forEach(img => observer.observe(img));\r\n      } else {\r\n        images.forEach(img => {\r\n          img.src = img.dataset.src;\r\n          img.classList.remove('lazy');\r\n        });\r\n      }\r\n    });\r\n    <\/script>\r\n\r\n    <style>\r\n      .tabs::-webkit-scrollbar,\r\n      .product-slider::-webkit-scrollbar,\r\n      #product-list-wrapper::-webkit-scrollbar { display: none; }\r\n\r\n      .tabs, .product-slider, #product-list-wrapper { \r\n        -ms-overflow-style: none; \r\n        scrollbar-width: none; \r\n      }\r\n\r\n      .arrow-btn {\r\n        position: absolute;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        background: white;\r\n        border: 1px solid #d1d5db;\r\n        width: 40px;\r\n        height: 40px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 18px;\r\n        font-weight: bold;\r\n        cursor: pointer;\r\n        z-index: 20;\r\n        user-select: none;\r\n        border-radius: 50%;\r\n        box-shadow: 0 2px 6px rgba(0,0,0,0.15);\r\n      }\r\n      .arrow-btn:hover { background: #f3f4f6; }\r\n      .arrow-btn:disabled { opacity: 0.5; cursor: not-allowed; }\r\n      #prev-btn { left: -20px; }\r\n      #next-btn { right: -20px; }\r\n\r\n      .product-slider { \r\n        display: flex;\r\n        flex-wrap: nowrap;\r\n      }\r\n      .product-slider > li { flex: 0 0 300px; }\r\n      .product-slider .text-red-700 { line-height: 1.5; }\r\n      .gallery-dot { cursor: pointer; }\r\n    <\/style>\r\n\r\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b61f0db e-flex e-con-boxed e-con e-parent\" data-id=\"b61f0db\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-b870a6e e-con-full e-flex e-con e-child\" data-id=\"b870a6e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ebe6387 elementor-widget elementor-widget-image\" data-id=\"ebe6387\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"683\" height=\"1024\" src=\"https:\/\/oxboxing.com\/wp-content\/uploads\/2025\/09\/pexels-heloisa-freitas-734111-1608099-683x1024.jpg\" class=\"attachment-large size-large wp-image-812 wvs-archive-product-image\" alt=\"\" srcset=\"https:\/\/oxboxing.com\/wp-content\/uploads\/2025\/09\/pexels-heloisa-freitas-734111-1608099-683x1024.jpg 683w, https:\/\/oxboxing.com\/wp-content\/uploads\/2025\/09\/pexels-heloisa-freitas-734111-1608099-200x300.jpg 200w, https:\/\/oxboxing.com\/wp-content\/uploads\/2025\/09\/pexels-heloisa-freitas-734111-1608099-768x1152.jpg 768w, https:\/\/oxboxing.com\/wp-content\/uploads\/2025\/09\/pexels-heloisa-freitas-734111-1608099-1024x1536.jpg 1024w, https:\/\/oxboxing.com\/wp-content\/uploads\/2025\/09\/pexels-heloisa-freitas-734111-1608099-1365x2048.jpg 1365w, https:\/\/oxboxing.com\/wp-content\/uploads\/2025\/09\/pexels-heloisa-freitas-734111-1608099-600x900.jpg 600w, https:\/\/oxboxing.com\/wp-content\/uploads\/2025\/09\/pexels-heloisa-freitas-734111-1608099-scaled.jpg 1707w\" sizes=\"(max-width: 683px) 100vw, 683px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9777553 e-con-full e-flex e-con e-child\" data-id=\"9777553\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dc8335d elementor-widget elementor-widget-image\" data-id=\"dc8335d\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"684\" height=\"1024\" src=\"https:\/\/oxboxing.com\/wp-content\/uploads\/2025\/09\/pexels-cottonbro-4753925-684x1024.jpg\" class=\"attachment-large size-large wp-image-813 wvs-archive-product-image\" alt=\"\" srcset=\"https:\/\/oxboxing.com\/wp-content\/uploads\/2025\/09\/pexels-cottonbro-4753925-684x1024.jpg 684w, https:\/\/oxboxing.com\/wp-content\/uploads\/2025\/09\/pexels-cottonbro-4753925-200x300.jpg 200w, https:\/\/oxboxing.com\/wp-content\/uploads\/2025\/09\/pexels-cottonbro-4753925-768x1150.jpg 768w, https:\/\/oxboxing.com\/wp-content\/uploads\/2025\/09\/pexels-cottonbro-4753925-1026x1536.jpg 1026w, https:\/\/oxboxing.com\/wp-content\/uploads\/2025\/09\/pexels-cottonbro-4753925-1368x2048.jpg 1368w, https:\/\/oxboxing.com\/wp-content\/uploads\/2025\/09\/pexels-cottonbro-4753925-600x898.jpg 600w, https:\/\/oxboxing.com\/wp-content\/uploads\/2025\/09\/pexels-cottonbro-4753925-scaled.jpg 1710w\" sizes=\"(max-width: 684px) 100vw, 684px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-618d40a e-con-full e-flex e-con e-child\" data-id=\"618d40a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a29bcd9 elementor-widget elementor-widget-image\" data-id=\"a29bcd9\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"685\" height=\"1024\" src=\"https:\/\/oxboxing.com\/wp-content\/uploads\/2025\/09\/pexels-cottonbro-4761790-685x1024.jpg\" class=\"attachment-large size-large wp-image-816 wvs-archive-product-image\" alt=\"\" srcset=\"https:\/\/oxboxing.com\/wp-content\/uploads\/2025\/09\/pexels-cottonbro-4761790-685x1024.jpg 685w, https:\/\/oxboxing.com\/wp-content\/uploads\/2025\/09\/pexels-cottonbro-4761790-201x300.jpg 201w, https:\/\/oxboxing.com\/wp-content\/uploads\/2025\/09\/pexels-cottonbro-4761790-768x1149.jpg 768w, https:\/\/oxboxing.com\/wp-content\/uploads\/2025\/09\/pexels-cottonbro-4761790-1027x1536.jpg 1027w, https:\/\/oxboxing.com\/wp-content\/uploads\/2025\/09\/pexels-cottonbro-4761790-1369x2048.jpg 1369w, https:\/\/oxboxing.com\/wp-content\/uploads\/2025\/09\/pexels-cottonbro-4761790-600x898.jpg 600w, https:\/\/oxboxing.com\/wp-content\/uploads\/2025\/09\/pexels-cottonbro-4761790-scaled.jpg 1711w\" sizes=\"(max-width: 685px) 100vw, 685px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c53cec7 e-flex e-con-boxed e-con e-parent\" data-id=\"c53cec7\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6873421 elementor-widget elementor-widget-html\" data-id=\"6873421\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Why Choose Us - Premium Boxing Equipment<\/title>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Oswald:wght@500;600;700&display=swap\" rel=\"stylesheet\">\n    <style>\n        \/* Global Reset *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        body {\n            font-family: 'Inter', sans-serif;\n            background-color: #ffffff;\n            color: #2c2c2c;\n            line-height: 1.6;\n            -webkit-font-smoothing: antialiased;\n        }\n        \n        \/* Professional Why Choose Us Section *\/\n        .why-choose-us-pro {\n            background: #ffffff;\n            padding: 80px 20px;\n            width: 100%;\n            position: relative;\n        }\n        \n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n        \n        \/* Section Header *\/\n        .section-header {\n            text-align: center;\n            margin-bottom: 60px;\n        }\n        \n        .section-badge {\n            display: inline-block;\n            padding: 6px 16px;\n            background: #ff0000;\n            color: white;\n            font-size: 11px;\n            font-weight: 600;\n            letter-spacing: 1.5px;\n            text-transform: uppercase;\n            margin-bottom: 20px;\n            border-radius: 12px;\n        }\n        \n        .section-title {\n            font-family: 'Oswald', sans-serif;\n            font-size: 2.8rem;\n            font-weight: 700;\n            color: #000000;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            margin-bottom: 15px;\n        }\n        \n        .section-subtitle {\n            font-size: 1.1rem;\n            color: #666;\n            max-width: 500px;\n            margin: 0 auto;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n        \n        \/* Compact Features Grid *\/\n        .features-grid-pro {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 30px;\n        }\n        \n        .feature-card-pro {\n            background: white;\n            padding: 25px;\n            border-radius: 16px;\n            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);\n            transition: all 0.3s ease;\n            border: 1px solid #f0f0f0;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .feature-card-pro::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 3px;\n            background: linear-gradient(90deg, #ff0000, #000000);\n            transform: scaleX(0);\n            transform-origin: left;\n            transition: transform 0.3s ease;\n        }\n        \n        .feature-card-pro:hover {\n            transform: translateY(-4px);\n            box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);\n            border-color: #e0e0e0;\n        }\n        \n        .feature-card-pro:hover::before {\n            transform: scaleX(1);\n        }\n        \n        .icon-wrapper-pro {\n            width: 60px;\n            height: 60px;\n            background: #000000;\n            border-radius: 14px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-bottom: 20px;\n            position: relative;\n        }\n        \n        .icon-wrapper-pro::after {\n            content: '';\n            position: absolute;\n            inset: -2px;\n            background: #ff0000;\n            border-radius: 16px;\n            z-index: -1;\n            opacity: 0.3;\n        }\n        \n        .icon-wrapper-pro svg {\n            width: 24px;\n            height: 24px;\n            fill: white;\n        }\n        \n        .feature-content-pro h3 {\n            font-family: 'Oswald', sans-serif;\n            font-size: 1.3rem;\n            font-weight: 600;\n            color: #000000;\n            margin-bottom: 12px;\n            text-transform: uppercase;\n            letter-spacing: 0.3px;\n        }\n        \n        .feature-content-pro p {\n            color: #666;\n            font-size: 0.95rem;\n            line-height: 1.6;\n            margin-bottom: 0;\n            font-weight: 400;\n        }\n        \n        \/* Decorative Elements *\/\n        .decorative-ring {\n            position: absolute;\n            width: 200px;\n            height: 200px;\n            border: 2px solid rgba(255, 0, 0, 0.1);\n            border-radius: 50%;\n            top: 50px;\n            right: -100px;\n            z-index: 0;\n        }\n        \n        .decorative-ring:nth-child(2) {\n            top: auto;\n            bottom: 100px;\n            left: -100px;\n            width: 150px;\n            height: 150px;\n            border-color: rgba(0, 0, 0, 0.1);\n        }\n        \n        \/* Responsive Design *\/\n        @media (max-width: 1024px) {\n            .section-title {\n                font-size: 2.4rem;\n            }\n            \n            .features-grid-pro {\n                grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n                gap: 25px;\n            }\n        }\n        \n        @media (max-width: 768px) {\n            .why-choose-us-pro {\n                padding: 60px 20px;\n            }\n            \n            .section-title {\n                font-size: 2rem;\n            }\n            \n            .section-subtitle {\n                font-size: 1rem;\n            }\n            \n            .features-grid-pro {\n                grid-template-columns: 1fr;\n                gap: 20px;\n            }\n            \n            .feature-card-pro {\n                padding: 20px;\n            }\n        }\n        \n        @media (max-width: 480px) {\n            .section-badge {\n                font-size: 10px;\n            }\n            \n            .decorative-ring {\n                display: none;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <!-- Professional Why Choose Us Section -->\n    <section class=\"why-choose-us-pro\">\n        <div class=\"decorative-ring\"><\/div>\n        <div class=\"decorative-ring\"><\/div>\n        \n        <div class=\"container\">\n            <div class=\"section-header\">\n                <div class=\"section-badge\">EXCELLENCE IN BOXING<\/div>\n                <h2 class=\"section-title\">WHY PROFESSIONALS CHOOSE OXBOXING<\/h2>\n                <p class=\"section-subtitle\">Superior craftsmanship, unmatched quality, and professional-grade equipment trusted by champions<\/p>\n            <\/div>\n            \n            <div class=\"features-grid-pro\">\n                <!-- Premium Quality -->\n                <div class=\"feature-card-pro\">\n                    <div class=\"icon-wrapper-pro\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"feature-content-pro\">\n                        <h3>Premium Quality<\/h3>\n                        <p>Professional-grade materials and construction ensure durability and performance for intense training sessions.<\/p>\n                    <\/div>\n                <\/div>\n                \n                <!-- Expert Craftsmanship -->\n                <div class=\"feature-card-pro\">\n                    <div class=\"icon-wrapper-pro\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"feature-content-pro\">\n                        <h3>Expert Craftsmanship<\/h3>\n                        <p>Handcrafted by master artisans with decades of experience in boxing equipment manufacturing.<\/p>\n                    <\/div>\n                <\/div>\n                \n                <!-- Fast Shipping -->\n                <div class=\"feature-card-pro\">\n                    <div class=\"icon-wrapper-pro\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"feature-content-pro\">\n                        <h3>Fast Delivery<\/h3>\n                        <p>Priority shipping ensures your equipment arrives within 48 hours, ready for immediate use.<\/p>\n                    <\/div>\n                <\/div>\n                \n                <!-- Warranty -->\n                <div class=\"feature-card-pro\">\n                    <div class=\"icon-wrapper-pro\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"feature-content-pro\">\n                        <h3>Lifetime Warranty<\/h3>\n                        <p>Comprehensive protection with our industry-leading lifetime warranty on all professional equipment.<\/p>\n                    <\/div>\n                <\/div>\n                \n                <!-- Professional Support -->\n                <div class=\"feature-card-pro\">\n                    <div class=\"icon-wrapper-pro\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"feature-content-pro\">\n                        <h3>Pro Support<\/h3>\n                        <p>Expert advice from former professional fighters who understand your specific training needs.<\/p>\n                    <\/div>\n                <\/div>\n                \n                <!-- Global Trust -->\n                <div class=\"feature-card-pro\">\n                    <div class=\"icon-wrapper-pro\">\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/>\n                        <\/svg>\n                    <\/div>\n                    <div class=\"feature-content-pro\">\n                        <h3>Global Trust<\/h3>\n                        <p>Trusted by boxing gyms and professional athletes worldwide for superior performance gear.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n<\/body>\n<\/html>\n\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-82916cd e-con-full e-flex e-con e-parent\" data-id=\"82916cd\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ce1d1cf elementor-widget elementor-widget-html\" data-id=\"ce1d1cf\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Customer Reviews - Premium Boxing Equipment<\/title>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Oswald:wght@500;600;700&display=swap\" rel=\"stylesheet\">\n    <style>\n        \/* Global Reset *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        body {\n            font-family: 'Inter', sans-serif;\n            background-color: #ffffff;\n            color: #2c2c2c;\n            line-height: 1.6;\n            -webkit-font-smoothing: antialiased;\n        }\n        \n        \/* Professional Reviews Section *\/\n        .reviews-section-pro {\n            background: #ffffff;\n            padding: 80px 20px;\n            width: 100%;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            position: relative;\n        }\n        \n        \/* Section Header *\/\n        .section-header {\n            text-align: center;\n            margin-bottom: 60px;\n        }\n        \n        .section-badge {\n            display: inline-block;\n            padding: 6px 16px;\n            background: #ff0000;\n            color: white;\n            font-size: 11px;\n            font-weight: 600;\n            letter-spacing: 1.5px;\n            text-transform: uppercase;\n            margin-bottom: 20px;\n            border-radius: 12px;\n        }\n        \n        .section-title {\n            font-family: 'Oswald', sans-serif;\n            font-size: 2.8rem;\n            font-weight: 700;\n            color: #000000;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            margin-bottom: 15px;\n        }\n        \n        .section-subtitle {\n            font-size: 1.1rem;\n            color: #666;\n            max-width: 500px;\n            margin: 0 auto;\n            font-weight: 400;\n            line-height: 1.6;\n        }\n        \n        \/* Slider Container *\/\n        .reviews-slider {\n            position: relative;\n            margin: 0 auto;\n            max-width: 1100px;\n            overflow: hidden;\n        }\n        \n        .slider-track {\n            display: flex;\n            transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            will-change: transform;\n        }\n        \n        .review-slide {\n            flex: 0 0 33.333%;\n            min-width: 0;\n            padding: 0 15px;\n        }\n        \n        \/* Review Card *\/\n        .review-card-pro {\n            background: white;\n            padding: 30px;\n            border-radius: 16px;\n            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);\n            border: 1px solid #e0e0e0;\n            position: relative;\n            height: 100%;\n        }\n        \n        .review-card-pro::before {\n            content: '\"';\n            position: absolute;\n            top: 20px;\n            left: 30px;\n            font-size: 4rem;\n            color: #ff0000;\n            opacity: 0.1;\n            font-family: serif;\n        }\n        \n        \/* Review Header *\/\n        .review-header {\n            display: flex;\n            align-items: center;\n            margin-bottom: 20px;\n        }\n        \n        .customer-avatar {\n            width: 60px;\n            height: 60px;\n            border-radius: 50%;\n            background: #000000;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin-right: 15px;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .customer-avatar::after {\n            content: '';\n            position: absolute;\n            inset: -2px;\n            background: #ff0000;\n            border-radius: 50%;\n            z-index: -1;\n            opacity: 0.3;\n        }\n        \n        .customer-avatar span {\n            color: white;\n            font-weight: 600;\n            font-size: 1.2rem;\n        }\n        \n        .customer-info {\n            flex: 1;\n        }\n        \n        .customer-name {\n            font-family: 'Oswald', sans-serif;\n            font-size: 1.2rem;\n            font-weight: 600;\n            color: #000000;\n            margin-bottom: 4px;\n        }\n        \n        .customer-title {\n            font-size: 0.9rem;\n            color: #666;\n            margin-bottom: 8px;\n        }\n        \n        \/* Star Rating *\/\n        .star-rating {\n            display: flex;\n            gap: 2px;\n        }\n        \n        .star {\n            color: #ffd700;\n            font-size: 1rem;\n        }\n        \n        \/* Review Content *\/\n        .review-content {\n            margin-bottom: 20px;\n        }\n        \n        .review-text {\n            color: #555;\n            font-size: 0.95rem;\n            line-height: 1.7;\n            margin-bottom: 15px;\n        }\n        \n        .review-date {\n            font-size: 0.85rem;\n            color: #999;\n        }\n        \n        \/* Product Info *\/\n        .product-info {\n            padding-top: 15px;\n            border-top: 1px solid #f0f0f0;\n        }\n        \n        .product-name {\n            font-weight: 600;\n            color: #000000;\n            margin-bottom: 5px;\n        }\n        \n        .product-category {\n            font-size: 0.9rem;\n            color: #666;\n        }\n        \n        \/* Navigation Controls *\/\n        .slider-controls {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            gap: 20px;\n            margin-top: 40px;\n        }\n        \n        .slider-btn {\n            width: 50px;\n            height: 50px;\n            background: #000000;\n            color: white;\n            border: none;\n            border-radius: 50%;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.2rem;\n            font-weight: bold;\n        }\n        \n        .slider-btn:hover {\n            background: #ff0000;\n            transform: scale(1.1);\n        }\n        \n        .slider-btn:disabled {\n            opacity: 0.5;\n            cursor: not-allowed;\n            transform: none;\n        }\n        \n        .slider-dots {\n            display: flex;\n            gap: 10px;\n        }\n        \n        .dot {\n            width: 12px;\n            height: 12px;\n            border-radius: 50%;\n            background: #ddd;\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n        \n        .dot.active {\n            background: #ff0000;\n            transform: scale(1.2);\n        }\n        \n        \/* Responsive Design *\/\n        @media (max-width: 1024px) {\n            .section-title {\n                font-size: 2.4rem;\n            }\n            \n            .review-slide {\n                flex: 0 0 50%;\n            }\n            \n            .reviews-slider {\n                max-width: 700px;\n            }\n        }\n        \n        @media (max-width: 768px) {\n            .reviews-section-pro {\n                padding: 60px 20px;\n            }\n            \n            .section-title {\n                font-size: 2rem;\n            }\n            \n            .section-subtitle {\n                font-size: 1rem;\n            }\n            \n            .review-slide {\n                flex: 0 0 100%;\n            }\n            \n            .reviews-slider {\n                max-width: 400px;\n            }\n            \n            .review-card-pro {\n                padding: 25px;\n            }\n        }\n        \n        @media (max-width: 480px) {\n            .review-header {\n                flex-direction: column;\n                text-align: center;\n            }\n            \n            .customer-avatar {\n                margin-right: 0;\n                margin-bottom: 15px;\n            }\n            \n            .section-badge {\n                font-size: 10px;\n            }\n            \n            .slider-btn {\n                width: 40px;\n                height: 40px;\n                font-size: 1rem;\n            }\n            \n            .reviews-slider {\n                max-width: 320px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <!-- Professional Reviews Section -->\n    <section class=\"reviews-section-pro\">\n        <div class=\"container\">\n            <div class=\"section-header\">\n                <div class=\"section-badge\">CUSTOMER FEEDBACK<\/div>\n                <h2 class=\"section-title\">WHAT OUR CLIENTS SAY<\/h2>\n                <p class=\"section-subtitle\">Hear from professional fighters, coaches, and boxing enthusiasts who trust OXBoxing for their training needs<\/p>\n            <\/div>\n            \n            <!-- Reviews Slider -->\n            <div class=\"reviews-slider\">\n                <div class=\"slider-track\" id=\"sliderTrack\">\n                    <!-- Slide 1 -->\n                    <div class=\"review-slide\">\n                        <div class=\"review-card-pro\">\n                            <div class=\"review-header\">\n                                <div class=\"customer-avatar\">\n                                    <span>MJ<\/span>\n                                <\/div>\n                                <div class=\"customer-info\">\n                                    <h4 class=\"customer-name\">Mike Johnson<\/h4>\n                                    <p class=\"customer-title\">Professional Boxer<\/p>\n                                    <div class=\"star-rating\">\n                                        <span class=\"star\">\u2605<\/span>\n                                        <span class=\"star\">\u2605<\/span>\n                                        <span class=\"star\">\u2605<\/span>\n                                        <span class=\"star\">\u2605<\/span>\n                                        <span class=\"star\">\u2605<\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            \n                            <div class=\"review-content\">\n                                <p class=\"review-text\">\"The quality of these gloves is exceptional. I've been using them for my professional fights and they provide perfect wrist support and padding. The craftsmanship is top-notch!\"<\/p>\n                                <p class=\"review-date\">Reviewed on January 15, 2024<\/p>\n                            <\/div>\n                            \n                            <div class=\"product-info\">\n                                <p class=\"product-name\">Pro Fight Gloves<\/p>\n                                <p class=\"product-category\">Professional Boxing Gear<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Slide 2 -->\n                    <div class=\"review-slide\">\n                        <div class=\"review-card-pro\">\n                            <div class=\"review-header\">\n                                <div class=\"customer-avatar\">\n                                    <span>SD<\/span>\n                                <\/div>\n                                <div class=\"customer-info\">\n                                    <h4 class=\"customer-name\">Sarah Davis<\/h4>\n                                    <p class=\"customer-title\">Boxing Coach<\/p>\n                                    <div class=\"star-rating\">\n                                        <span class=\"star\">\u2605<\/span>\n                                        <span class=\"star\">\u2605<\/span>\n                                        <span class=\"star\">\u2605<\/span>\n                                        <span class=\"star\">\u2605<\/span>\n                                        <span class=\"star\">\u2605<\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            \n                            <div class=\"review-content\">\n                                <p class=\"review-text\">\"As a coach, I recommend OXBoxing to all my students. The equipment lasts forever and the customer service is outstanding. Quick shipping and great prices too!\"<\/p>\n                                <p class=\"review-date\">Reviewed on February 3, 2024<\/p>\n                            <\/div>\n                            \n                            <div class=\"product-info\">\n                                <p class=\"product-name\">Training Package<\/p>\n                                <p class=\"product-category\">Complete Gear Set<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Slide 3 -->\n                    <div class=\"review-slide\">\n                        <div class=\"review-card-pro\">\n                            <div class=\"review-header\">\n                                <div class=\"customer-avatar\">\n                                    <span>JR<\/span>\n                                <\/div>\n                                <div class=\"customer-info\">\n                                    <h4 class=\"customer-name\">James Rodriguez<\/h4>\n                                    <p class=\"customer-title\">Gym Owner<\/p>\n                                    <div class=\"star-rating\">\n                                        <span class=\"star\">\u2605<\/span>\n                                        <span class=\"star\">\u2605<\/span>\n                                        <span class=\"star\">\u2605<\/span>\n                                        <span class=\"star\">\u2605<\/span>\n                                        <span class=\"star\">\u2605<\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            \n                            <div class=\"review-content\">\n                                <p class=\"review-text\">\"We equipped our entire gym with OXBoxing gear and couldn't be happier. The durability is impressive - even with daily use, everything holds up perfectly. Highly recommended!\"<\/p>\n                                <p class=\"review-date\">Reviewed on March 10, 2024<\/p>\n                            <\/div>\n                            \n                            <div class=\"product-info\">\n                                <p class=\"product-name\">Gym Equipment Package<\/p>\n                                <p class=\"product-category\">Commercial Grade<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Slide 4 -->\n                    <div class=\"review-slide\">\n                        <div class=\"review-card-pro\">\n                            <div class=\"review-header\">\n                                <div class=\"customer-avatar\">\n                                    <span>AK<\/span>\n                                <\/div>\n                                <div class=\"customer-info\">\n                                    <h4 class=\"customer-name\">Alex Kim<\/h4>\n                                    <p class=\"customer-title\">MMA Fighter<\/p>\n                                    <div class=\"star-rating\">\n                                        <span class=\"star\">\u2605<\/span>\n                                        <span class=\"star\">\u2605<\/span>\n                                        <span class=\"star\">\u2605<\/span>\n                                        <span class=\"star\">\u2605<\/span>\n                                        <span class=\"star\">\u2605<\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            \n                            <div class=\"review-content\">\n                                <p class=\"review-text\">\"The hand wraps and gloves are incredible. Perfect for both training and competition. The quality is unmatched and they provide excellent protection during intense sessions.\"<\/p>\n                                <p class=\"review-date\">Reviewed on April 5, 2024<\/p>\n                            <\/div>\n                            \n                            <div class=\"product-info\">\n                                <p class=\"product-name\">Hand Wraps & Gloves<\/p>\n                                <p class=\"product-category\">Training Essentials<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Slide 5 -->\n                    <div class=\"review-slide\">\n                        <div class=\"review-card-pro\">\n                            <div class=\"review-header\">\n                                <div class=\"customer-avatar\">\n                                    <span>MP<\/span>\n                                <\/div>\n                                <div class=\"customer-info\">\n                                    <h4 class=\"customer-name\">Maria Perez<\/h4>\n                                    <p class=\"customer-title\">Fitness Trainer<\/p>\n                                    <div class=\"star-rating\">\n                                        <span class=\"star\">\u2605<\/span>\n                                        <span class=\"star\">\u2605<\/span>\n                                        <span class=\"star\">\u2605<\/span>\n                                        <span class=\"star\">\u2605<\/span>\n                                        <span class=\"star\">\u2605<\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            \n                            <div class=\"review-content\">\n                                <p class=\"review-text\">\"I've tried many brands, but OXBoxing stands out. The equipment is comfortable, durable, and perfect for both beginners and advanced practitioners. Excellent value!\"<\/p>\n                                <p class=\"review-date\">Reviewed on May 12, 2024<\/p>\n                            <\/div>\n                            \n                            <div class=\"product-info\">\n                                <p class=\"product-name\">Boxing Kit<\/p>\n                                <p class=\"product-category\">Starter Package<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Slide 6 - New Review -->\n                    <div class=\"review-slide\">\n                        <div class=\"review-card-pro\">\n                            <div class=\"review-header\">\n                                <div class=\"customer-avatar\">\n                                    <span>DT<\/span>\n                                <\/div>\n                                <div class=\"customer-info\">\n                                    <h4 class=\"customer-name\">David Thompson<\/h4>\n                                    <p class=\"customer-title\">Boxing Champion<\/p>\n                                    <div class=\"star-rating\">\n                                        <span class=\"star\">\u2605<\/span>\n                                        <span class=\"star\">\u2605<\/span>\n                                        <span class=\"star\">\u2605<\/span>\n                                        <span class=\"star\">\u2605<\/span>\n                                        <span class=\"star\">\u2605<\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            \n                            <div class=\"review-content\">\n                                <p class=\"review-text\">\"OXBoxing gear has been my secret weapon in championships. The perfect balance of comfort and protection. These gloves feel like they were made specifically for my hands!\"<\/p>\n                                <p class=\"review-date\">Reviewed on June 8, 2024<\/p>\n                            <\/div>\n                            \n                            <div class=\"product-info\">\n                                <p class=\"product-name\">Champion Gloves<\/p>\n                                <p class=\"product-category\">Competition Grade<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Slide 7 - New Review -->\n                    <div class=\"review-slide\">\n                        <div class=\"review-card-pro\">\n                            <div class=\"review-header\">\n                                <div class=\"customer-avatar\">\n                                    <span>LW<\/span>\n                                <\/div>\n                                <div class=\"customer-info\">\n                                    <h4 class=\"customer-name\">Lisa Williams<\/h4>\n                                    <p class=\"customer-title\">Martial Arts Instructor<\/p>\n                                    <div class=\"star-rating\">\n                                        <span class=\"star\">\u2605<\/span>\n                                        <span class=\"star\">\u2605<\/span>\n                                        <span class=\"star\">\u2605<\/span>\n                                        <span class=\"star\">\u2605<\/span>\n                                        <span class=\"star\">\u2605<\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            \n                            <div class=\"review-content\">\n                                <p class=\"review-text\">\"The attention to detail in OXBoxing equipment is remarkable. From the stitching to the padding, everything is perfect. My students love training with this gear!\"<\/p>\n                                <p class=\"review-date\">Reviewed on July 15, 2024<\/p>\n                            <\/div>\n                            \n                            <div class=\"product-info\">\n                                <p class=\"product-name\">Training Gear Set<\/p>\n                                <p class=\"product-category\">Professional Equipment<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <!-- Navigation Controls -->\n                <div class=\"slider-controls\">\n                    <button class=\"slider-btn\" id=\"prevBtn\">\u2039<\/button>\n                    <div class=\"slider-dots\" id=\"sliderDots\"><\/div>\n                    <button class=\"slider-btn\" id=\"nextBtn\">\u203a<\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            const track = document.getElementById('sliderTrack');\n            const slides = document.querySelectorAll('.review-slide');\n            const prevBtn = document.getElementById('prevBtn');\n            const nextBtn = document.getElementById('nextBtn');\n            const dotsContainer = document.getElementById('sliderDots');\n            \n            let currentIndex = 0;\n            let slidesToShow = getSlidesToShow();\n            let autoSlideInterval;\n            \n            function getSlidesToShow() {\n                if (window.innerWidth < 768) return 1;\n                if (window.innerWidth < 1024) return 2;\n                return 3;\n            }\n            \n            \/\/ Create dots\n            function createDots() {\n                dotsContainer.innerHTML = '';\n                const totalDots = Math.ceil(slides.length \/ slidesToShow);\n                \n                for (let i = 0; i < totalDots; i++) {\n                    const dot = document.createElement('div');\n                    dot.className = 'dot';\n                    if (i === 0) dot.classList.add('active');\n                    dot.addEventListener('click', () => goToSlide(i * slidesToShow));\n                    dotsContainer.appendChild(dot);\n                }\n            }\n            \n            \/\/ Update slider position\n            function updateSlider() {\n                const slideWidth = slides[0].offsetWidth + 30;\n                track.style.transform = `translateX(-${currentIndex * slideWidth}px)`;\n                \n                \/\/ Update dots\n                const activeDotIndex = Math.floor(currentIndex \/ slidesToShow);\n                document.querySelectorAll('.dot').forEach((dot, index) => {\n                    dot.classList.toggle('active', index === activeDotIndex);\n                });\n                \n                \/\/ Update button states\n                prevBtn.disabled = currentIndex === 0;\n                nextBtn.disabled = currentIndex >= slides.length - slidesToShow;\n            }\n            \n            \/\/ Navigate to specific slide\n            function goToSlide(index) {\n                currentIndex = Math.max(0, Math.min(index, slides.length - slidesToShow));\n                updateSlider();\n            }\n            \n            \/\/ Next slide\n            function nextSlide() {\n                if (currentIndex < slides.length - slidesToShow) {\n                    currentIndex += slidesToShow;\n                } else {\n                    \/\/ Loop back to beginning\n                    currentIndex = 0;\n                }\n                updateSlider();\n            }\n            \n            \/\/ Previous slide\n            function prevSlide() {\n                if (currentIndex > 0) {\n                    currentIndex -= slidesToShow;\n                } else {\n                    \/\/ Loop to end\n                    currentIndex = Math.max(0, slides.length - slidesToShow);\n                }\n                updateSlider();\n            }\n            \n            \/\/ Start auto slide\n            function startAutoSlide() {\n                autoSlideInterval = setInterval(nextSlide, 7000); \/\/ Slower speed: 7 seconds\n            }\n            \n            \/\/ Stop auto slide\n            function stopAutoSlide() {\n                clearInterval(autoSlideInterval);\n            }\n            \n            \/\/ Event listeners\n            prevBtn.addEventListener('click', () => {\n                stopAutoSlide();\n                prevSlide();\n                startAutoSlide();\n            });\n            \n            nextBtn.addEventListener('click', () => {\n                stopAutoSlide();\n                nextSlide();\n                startAutoSlide();\n            });\n            \n            \/\/ Handle window resize\n            window.addEventListener('resize', function() {\n                const newSlidesToShow = getSlidesToShow();\n                if (newSlidesToShow !== slidesToShow) {\n                    slidesToShow = newSlidesToShow;\n                    currentIndex = 0;\n                    createDots();\n                    updateSlider();\n                }\n            });\n            \n            \/\/ Pause auto slide on hover\n            track.addEventListener('mouseenter', stopAutoSlide);\n            track.addEventListener('mouseleave', startAutoSlide);\n            \n            \/\/ Initialize\n            createDots();\n            updateSlider();\n            startAutoSlide();\n        });\n    <\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Full Width Boxing Slider 01 Elite Boxing AcademyElite Boxing Academy Train at the most advanced boxing facility with world-class coaches and Olympic-level equipment. Explore 02 Fight Night EventsFight Night Events Experience the electric atmosphere of our championship boxing matches featuring rising stars. Explore 03 Pro Training CampPro Training Camp Join our intensive 8-week training program [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-113","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/oxboxing.com\/index.php?rest_route=\/wp\/v2\/pages\/113","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oxboxing.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/oxboxing.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/oxboxing.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/oxboxing.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=113"}],"version-history":[{"count":181,"href":"https:\/\/oxboxing.com\/index.php?rest_route=\/wp\/v2\/pages\/113\/revisions"}],"predecessor-version":[{"id":1286,"href":"https:\/\/oxboxing.com\/index.php?rest_route=\/wp\/v2\/pages\/113\/revisions\/1286"}],"wp:attachment":[{"href":"https:\/\/oxboxing.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}