Skip to main content
Diok
Diok

Elevate Your Wellness and Productivity!

Discover our new collections designed to inspire balance, focus and growth in your daily life. Stay tuned for products that will help you thrive-mind, body and soul!

Get Ready for our new Bold Collections!

Introducing Our New Bold Collections! Elevate your Planning with daring designs and vibrant statements. Explore striking patterns and bold colors that redefine you. Get ready to embrace the extraordinary!

Cross-Border Shipping

Enjoy Cross-Border Shipping on all orders

Product Replace

Easy Product Replacement Available!

Emi Available

No cost EMI available on all major credit cards

24/7 Support

Dedicated 24/7 support via chat and email

// Add Font Awesome CDN for icons (if not already included in your HTML) const fontAwesome = document.createElement("link"); fontAwesome.rel = "stylesheet"; fontAwesome.href = "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"; document.head.appendChild(fontAwesome); // Create the sticky bar const stickyBar = document.createElement("div"); stickyBar.className = "sticky-bar"; stickyBar.textContent = "Same day delivery for orders made before 5pm!"; // Create the social media container const socialMediaContainer = document.createElement("div"); socialMediaContainer.className = "social-media-container"; // Add individual social media links with icons socialMediaContainer.innerHTML = ` `; // Add styles for the sticky bar and social media floating icons const style = document.createElement("style"); style.textContent = ` /* Sticky Bar Styles */ .sticky-bar { position: sticky; top: 0; width: 100%; background-color: #040c3c; color: white; text-align: center; padding: 10px 0; font-size: 1rem; font-weight: bold; z-index: 1000; transition: padding 0.3s ease; } /* Social Media Container Styles */ .social-media-container { position: fixed; right: 0; top: 40%; display: flex; flex-direction: column; gap: 10px; z-index: 1000; } /* Social Media Icon Link Styles */ .social-media-link { display: flex; align-items: center; justify-content: center; background-color: #333; color: white; width: 40px; height: 40px; border-radius: 50%; text-align: center; font-size: 1.2rem; transition: background-color 0.3s ease; text-decoration: none; } /* Hover effect */ .social-media-link:hover { background-color: #555; } /* Responsiveness for Sticky Bar */ @media (max-width: 600px) { .sticky-bar { font-size: 0.9rem; padding: 8px 0; } } /* Responsiveness for Social Media Icons */ @media (max-width: 600px) { .social-media-container { top: 30%; } .social-media-link { width: 35px; height: 35px; font-size: 1rem; } } `; // Append the styles, sticky bar, and social media container to the document document.head.appendChild(style); document.body.prepend(stickyBar); document.body.appendChild(socialMediaContainer);