Our brand partners

HITEK proudly serves as the representative for all of our key distributors.

To learn more about the products we offer in partnership with them and to explore their brief histories, please visit their brand pages by clicking on their respective logos below.

/* … (Your CSS is correct, no change needed) … */ .slideshow-wrapper { position: relative; margin: auto; } .slideshow-container { max-width: 1467px; margin: 0 auto; overflow: hidden; padding: 20px 0; } .image-wrapper { white-space: nowrap; transition: transform 0.8s ease-in-out; font-size: 0; } .image-wrapper img { /* This is key: 25% of the wrapper width means 4 images fit perfectly */ width: 25%; padding: 10px; box-sizing: border-box; display: inline-block; vertical-align: middle; font-size: 16px; } /* Common CSS for navigation buttons */ .prev, .next { cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); width: auto; padding: 16px; color: black; font-weight: bold; font-size: 18px; transition: 0.6s ease; user-select: none; background-color: rgba(255, 255, 255, 0.7); border: 1px solid #ccc; z-index: 100; } .prev { left: 0; border-radius: 0 3px 3px 0; } .next { right: 0; border-radius: 3px 0 0 3px; } .prev:hover, .next:hover { background-color: rgba(0,0,0,0.8); color: white; } const slideshowWrapper = document.querySelector(‘.slideshow-wrapper’); const imageWrapper = document.getElementById(‘imageWrapper’); // Configuration based on your HTML structure const originalImages = 9; // Total number of original images (1-9) const visibleImages = 4; // Number of images visible in the container (25% width each) const clonedImages = visibleImages; // Number of images cloned on each side (4) const totalSlides = originalImages; // The total “slides” to move through const percentagePerSlide = 100 / visibleImages; // 25% // The initial index must account for the prepended clones. // Start at index 4 (the first ORIGINAL image, which is the 5th element). let currentIndex = clonedImages; // 4 let intervalId; const transitionDuration = 800; // in milliseconds const autoRotateDelay = 5000; // Time between auto-scrolls (5 seconds) // Attach click handlers to the navigation buttons document.querySelector(‘.prev’).onclick = () => plusSlides(-1); document.querySelector(‘.next’).onclick = () => plusSlides(1); // — Core Functions — function plusSlides(n) { // Clear the existing timer before a manual slide change clearInterval(intervalId); intervalId = null; currentIndex += n; updateSlideshowPosition(); // Restart the timer after a manual slide change (with a brief delay) setTimeout(startAutoScroll, transitionDuration); } function updateSlideshowPosition() { // Apply smooth transition for all normal moves imageWrapper.style.transition = `transform ${transitionDuration / 1000}s ease-in-out`; // Apply the transformation based on the current index imageWrapper.style.transform = `translateX(-${currentIndex * percentagePerSlide}%)`; // — Infinite Loop Logic — // Check if we’ve moved to the first cloned slide (currentIndex 9 + 4 = 13) if (currentIndex >= totalSlides + clonedImages) { // We are on the first set of clones (images 1-4). // After the transition, jump instantly to the start of the original images. setTimeout(() => { imageWrapper.style.transition = ‘none’; currentIndex = clonedImages; // Jump back to index 4 (the first original image) imageWrapper.style.transform = `translateX(-${currentIndex * percentagePerSlide}%)`; }, transitionDuration); // Check if we’ve moved to the last cloned slide (currentIndex 3) } else if (currentIndex { imageWrapper.style.transition = ‘none’; currentIndex = totalSlides + clonedImages – 1; // Jump back to index 12 (the last original image, 9) imageWrapper.style.transform = `translateX(-${currentIndex * percentagePerSlide}%)`; }, transitionDuration); } } function startAutoScroll() { // Only start a new interval if one isn’t already running if (!intervalId) { intervalId = setInterval(() => { // Automatically advance by 1 slide plusSlides(1); }, autoRotateDelay); } } // — Event Listeners for Interaction — // Pause slideshow on hover slideshowWrapper.addEventListener(‘mouseenter’, () => { clearInterval(intervalId); intervalId = null; }); // Resume slideshow when not hovering slideshowWrapper.addEventListener(‘mouseleave’, () => { startAutoScroll(); }); // — Initialization — // Set initial position (must run after the DOM is loaded) function initializeCarousel() { // This sets the image wrapper to show the first original image set (index 4) imageWrapper.style.transition = ‘none’; imageWrapper.style.transform = `translateX(-${currentIndex * percentagePerSlide}%)`; // Force a reflow (redraw) to ensure the ‘none’ transition is applied imageWrapper.offsetHeight; // Re-enable transition for future slides imageWrapper.style.transition = `transform ${transitionDuration / 1000}s ease-in-out`; startAutoScroll(); } // Run initialization initializeCarousel();

Latest News

• 
  Powered by People: Lennon Benn – Marketing Apprentice18 November 2025
  This month’s Powered by People shines a spotlight on a new face in our team. In July, Lennon joined  as a Marketing Apprentice, starting his working life.    Lennon brings with him an ambitious and artistic expression, which he uses to influence HITEK’s promotional activities. His perspective blends relatability with a strong focus on efficiency, qualities that complement the values at the… Read more: Powered by People: Lennon Benn – Marketing Apprentice
• 
  Henkel at HITEK13 November 2025
  One of our staple events every quarter is our Quarterly Business Review (QBR) with Henkel. This periods meeting was exceptionally special as we were fortunate to welcome esteemed guests : Dr. Sebastian Barth, Jaona Rajaomaria and Bhagwan Baguri to our site. The purpose of the talks This quarters meeting saw massive… Read more: Henkel at HITEK
• 
  Halloween at HITEK10 November 2025
  Halloween is always a special time of year at HITEK. While dressing up in scary costumes is one fun aspect of the day, raising money and enjoying cakes is an even more vital part of the celebration. Sheffield Children’s Hospital The money raised from the day went towards an incredible local… Read more: Halloween at HITEK