document.addEventListener("DOMContentLoaded",function(){

const nav=document.createElement("div");

nav.className="custom-bottom-nav";

nav.innerHTML=`
<a href="/">
    <i class="ri-home-5-line"></i>
    <span>الرئيسية</span>
</a>

<a href="#" id="bottom-menu-btn">
    <i class="ri-list-check-2"></i>
    <span>الأقسام</span>
</a>

<a href="/profile">
    <i class="ri-user-3-line"></i>
    <span>حسابي</span>
</a>

<a href="/search">
    <i class="ri-search-line"></i>
    <span>بحث</span>
</a>

<a href="/cart">
    <i class="ri-shopping-cart-2-line"></i>
    <span>السلة</span>
</a>
`;

document.body.appendChild(nav);

});