window.onload = function () {
// --- POPUP MESSAGE ---
setTimeout(() => {
// Create a popup container dynamically
var popup = document.createElement('div');
popup.id = 'image-popup';
popup.style.position = 'fixed';
popup.style.top = '50%';
popup.style.left = '50%';
popup.style.transform = 'translate(-50%, -50%)'; // Center the popup
popup.style.width = '100%'; // Set width of the popup to 100% of the screen
popup.style.height = '100%'; // Set height of the popup to 100% of the screen
popup.style.backgroundColor = 'rgba(0, 0, 0, 0.7)';
popup.style.display = 'flex';
popup.style.justifyContent = 'center';
popup.style.alignItems = 'center';
popup.style.zIndex = '99';
popup.style.transition = 'opacity 1s ease-out'; // Smooth fade-out effect
// Create an image element and append it to the popup
var image = document.createElement('img');
image.src = 'https://i.postimg.cc/jjsqR5Yt/Welcome-to-1.png'; // Replace with your image URL
image.alt = 'Brand Image';
image.style.width = '600%'; // Adjust the image width
image.style.height = '600%'; // Adjust the image height
image.style.objectFit = 'contain'; // Make the image scale to fit the container
popup.appendChild(image);
// Append the popup to the body
document.body.appendChild(popup);
// Set a timeout to remove the popup after 3 seconds
setTimeout(() => {
popup.style.opacity = '0'; // Begin fade-out
setTimeout(() => {
document.body.removeChild(popup); // Remove the popup after the fade-out is complete
}, 1100); // Wait for the fade-out transition to finish (1 second)
}, 500); // 3 seconds before starting the fade-out
}, 500); // 1 second delay after page load
// --- FOOTER IMAGE ---
// Select the footer element
var footer = document.querySelector('.store-footer__inner');
