// 1×1 invisible LCP pixel
const lcpPixel = document.createElement("img");
lcpPixel.src = "data:image/gif;base64,R0lGODlhAQABAAAAACw=";
lcpPixel.alt = "";
lcpPixel.style.cssText = "width:1px;height:1px;opacity:0;position:absolute;top:0;left:0;";
document.body.prepend(lcpPixel);
// HERO WRAPPER
const wrapper = document.createElement("div");
wrapper.style.cssText = "width:100%;height:100vh;position:relative;background:black;overflow:hidden;";
// Build iframe HTML content
const heroUrl = "https://static.wixstatic.com/media/ced222_33134c5562de46d8800aba247fa9cbfa~mv2.avif";
const iframeHTML = `
`;
// Create iframe
const iframe = document.createElement("iframe");
iframe.sandbox = "allow-same-origin";
iframe.style.cssText = "width:100%;height:100%;border:0;display:block;pointer-events:none;";
iframe.loading = "eager";
iframe.title = "Hero";
// Encode iframe content
iframe.src = "data:text/html;charset=utf-8," + encodeURIComponent(iframeHTML);
// Add iframe to wrapper
wrapper.appendChild(iframe);
// Add wrapper to page
document.body.prepend(wrapper);