const footer = document.querySelector('.store-footer .container');
const discoverBambooColumn = document.createElement('div');
discoverBambooColumn.innerHTML = `
    <h3><span>منتجات بامبو</span></h3>
    <div class="footer-list store-links-items">
        <a href="https://salla.sa/bamboo.sa/offers">تخفيضات</a>
        <a href="https://bamboo.sa/%D9%84%D8%A8%D8%A7%D8%AF-%D9%84%D8%AD%D9%81/c290370374">لباد ولحف</a>
        <a href="https://bamboo.sa/%D9%85%D8%B1%D8%A7%D8%AA%D8%A8/c124397697">مراتب</a>
        <a href="https://bamboo.sa/%D9%85%D8%AE%D8%AF%D8%A7%D8%AA/c446955960">مخدات</a>
        <a href="https://bamboo.sa/%D9%84%D8%AD%D8%A7%D9%81/c817797886">لحف</a>
        <a href="https://bamboo.sa/%D9%85%D9%86%D9%88%D8%B9%D8%A7%D8%AA-%D8%A8%D8%A7%D9%85%D8%A8%D9%88/c1954619577">منتجات اخرى</a>
        <a href="https://bamboo.sa/%D8%AA%D8%AF%D9%84%D9%8A%D9%83/c1989004257">استرخاء</a>
    </div>
`;
discoverBambooColumn.classList.add('footer-list', 'store-links-items');

const firstDiv = footer.querySelector('div:first-child');
footer.insertBefore(discoverBambooColumn, firstDiv.nextSibling);

 const anchorElements = discoverBambooColumn.querySelectorAll('.store-links-items a');

 anchorElements.forEach(anchor => {
    anchor.classList.add('block', 'mb-5', 'last:mb-0', 'text-sm', 'leading-none');
});


const footerlogo = document.querySelector("footer"),
  storeContact = footerlogo.querySelector(".container"),
  newimg = document.createElement("div");
(newimg.innerHTML = `
    <img style="padding-top:20px;width: 200px !important; margin: 12px auto;filter: brightness(0) invert(1);"   src="https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/oRQbp/Hxigejv5Yu1lFCIWpRaNTTtfCR07KDw2MPTHBq00.png" alt="مراتب بامبو">
`),
storeContact.appendChild(newimg);