Loading..
Previous
Next
Previous
Next
Responsive Full-Width Video Slider with Links * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Arial', sans-serif; background-color: #f4f4f4; } /* Slider Container */ .video-slider { position: relative; width: 100vw; /* Full viewport width */ margin: auto; overflow: hidden; } /* Videos Wrapper */ .videos { display: flex; transition: transform 0.8s ease-in-out; width: 100%; /* Ensures the videos container spans 100% width */ } /* Individual Slide */ .slide { min-width: 100%; display: flex; justify-content: center; align-items: center; } /* Video Styling */ video { width: 100vw; /* Full viewport width to ensure stretching across the screen */ height: auto; outline: none; } /* Hide video controls */ video::-webkit-media-controls { display: none !important; } video { -webkit-appearance: none; appearance: none; } /* Navigation Arrows */ .arrow { position: absolute; top: 50%; transform: translateY(-50%); font-size: 40px; color: white; background: rgba(0, 0, 0, 0.5); border: none; cursor: pointer; padding: 10px; z-index: 2; } .arrow-left { left: 10px; } .arrow-right { right: 10px; } /* Navigation Dots */ .nav-dots { text-align: center; position: absolute; bottom: 40px; /* Position the dots higher within the slider */ width: 100%; z-index: 2; } .nav-dots span { display: inline-block; width: 12px; height: 12px; margin: 0 5px; background-color: #bbb; border-radius: 50%; cursor: pointer; } .nav-dots .active { background-color: #00BCD4; } /* Mobile view adjustments */ @media (max-width: 768px) { .desktop-slider { display: none; /* Hide desktop slider on mobile */ } .mobile-slider { display: block; /* Show mobile slider on mobile */ } /* Adjust arrow and dot size for mobile */ .arrow { font-size: 30px; padding: 8px; } .nav-dots span { width: 10px; height: 10px; } } @media (min-width: 769px) { .mobile-slider { display: none; /* Hide mobile slider on desktop */ } .desktop-slider { display: block; /* Show desktop slider on desktop */ } }
let currentIndex = { desktop: 0, mobile: 0 }; const totalSlides = { desktop: 3, mobile: 3 }; const delayBetweenSlides = 5000; // 5 seconds delay before moving to next slide after video ends let autoSlideTimeout = { desktop: null, mobile: null }; function playCurrentVideoAfterTransition(type) { setTimeout(() => { const currentVideo = document.getElementById(`${type}-videos`).children[currentIndex[type]].querySelector('video'); currentVideo.play(); currentVideo.onended = function() { clearTimeout(autoSlideTimeout[type]); // Clear any previous timeout autoSlideTimeout[type] = setTimeout(() => { moveSlide(type, 1); // Move to next slide after 5 seconds when video ends }, delayBetweenSlides); }; }, 800); // Delay matches the transition time (0.8s) } function moveSlide(type, direction) { clearTimeout(autoSlideTimeout[type]); // Clear previous timeout to prevent overlap currentIndex[type] = (currentIndex[type] + direction + totalSlides[type]) % totalSlides[type]; updateSlider(type); playCurrentVideoAfterTransition(type); } function currentSlide(type, index) { clearTimeout(autoSlideTimeout[type]); // Clear previous timeout to prevent overlap currentIndex[type] = index; updateSlider(type); playCurrentVideoAfterTransition(type); } function updateSlider(type) { const offset = currentIndex[type] * -100; document.getElementById(`${type}-videos`).style.transform = `translateX(${offset}%)`; document.querySelectorAll(`.${type}-dots .dot`).forEach(dot => dot.classList.remove('active')); document.querySelectorAll(`.${type}-dots .dot`)[currentIndex[type]].classList.add('active'); } window.onload = function() { playCurrentVideoAfterTransition('desktop'); // Play desktop slider video on load playCurrentVideoAfterTransition('mobile'); // Play mobile slider video on load };

Product Catalog

Hair 
Essentials
Category Image

Hair Oil

Starts from Original price was: ₨1,999.00.Current price is: ₨1,799.00.
Category Image

Hair Serum

Starts from Original price was: ₨1,200.00.Current price is: ₨999.00.
Category Image

Hair Shampo

Starts from Original price was: ₨1,500.00.Current price is: ₨1,299.00.

AlereezayGet 20% off on Alereezay Hair Collection

Browse Products
Is organic hair oil ne mere baalon ki sehat ko badhiya kar diya hai! Sirf chand istemalon ke baad, mere baal zyada chamakdaar, mulayam aur mazboot mehsoos ho rahe hain. Bilkul natural ingredients ka asar hai jo saf saf dikh raha hai!
Waqas
Thursday, August 31, 2024
Mujhe kabhi itna acha hair oil nahi mila jo itna aram se lagta ho aur itna asar karta ho. Yeh organic oil sirf mere baalon ko mazboot nahi banata, balkay inhe deeply moisturize karta hai. Mere dry scalp ke liye best hai!
Mustfa
Wednesday, September 12, 2024
Kuch hafton ke baad mujhe farq mehsoos hone laga. Hair fall mein kami aayi aur naye baal ugne lage! Yeh oil asan hai lagana, halka hai aur bilkul non-greasy. Mein isse apni hair care routine ka hissa banane wali hoon.
Musa
Friday, August 18, 2024
Organic hair oil ki khoobi yeh hai ke isme koi harmful chemicals nahi hain. Mere baalon ko ye pure nourishment deta hai, jo har din aur zyada healthy aur shiny ban rahe hain. Recommend karta hoon sab ko!
Ali
Monday, June 20, 2024
Maine market mein bahut saare oils try kiye, lekin is organic hair oil ke jaisa koi nahi. Isne mere baalon ko jhat se revitalize kiya hai. Ab mere baal har din zyada smooth aur manageable hain.
Umais
Friday, August 31, 2024
Yeh organic hair oil sirf natural nahi hai, balkay iska result bhi kamal ka hai. Regular istemal se mere baal silky aur strong ho gaye hain. Yeh product apne price ke lihaaz se bht zyada value provide karta hai.
Umar
Thursday , August 11, 2024
cropped-logo-08.png

Alereezay100% Original & Organic

At Alereezay, we believe in the power of nature to enhance beauty. Our products are crafted with the finest organic ingredients, ensuring that you receive the best care while supporting sustainable practices. We are dedicated to delivering excellence and innovation in every product we offer.

Explore Alereezay