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

    // الإعدادات
    var targetLinkPart = "page-2085211759"; 
    var myAboutLink = "/ar/pages-about/page-2085211759"; 
    var imgAbout1 = "https://8upload.com/image/58e31e06d627e126/IMG_1569__1__11zon__1_.jpg";
    var imgAbout2 = "https://8upload.com/image/66b74d5d6d2ef83e/HAN06848__.jpg";

    // فحص الرابط
    var href = window.location.href;
    if (href.indexOf(targetLinkPart) === -1) { return; }

    // التنفيذ
    document.body.classList.add('custom-page-active');
    document.body.classList.add('page-is-about');

    // الهيدر
    var newHeader = document.createElement('div');
    newHeader.className = 'custom-mokha-header';
    newHeader.innerHTML = `
        <a href="/" class="mokha-logo">YEMENIAT</a>
        <div class="mokha-nav">
            <a href="/p/contact">تواصل معنا</a>
            <a href="${myAboutLink}">تعرف علينا</a>
            <a href="https://yemeniat.com/ar/%D8%AD%D8%A8%D9%88%D8%A8-%D8%A7%D9%84%D9%82%D9%87%D9%88%D8%A9/c1946112927">جميع المنتجات</a>
        </div>
    `;
    document.body.prepend(newHeader);

    // البانر
    var heroContainer = document.createElement('div');
    var otherImage = "https://8upload.com/image/6857c233e3475aae/WhatsApp_Image_2026-01-04_at_1.58.45_PM.jpeg";
    heroContainer.className = 'top-hero-container short-hero';
    heroContainer.innerHTML = `<img src="${otherImage}" alt="Header Banner">`;
    newHeader.insertAdjacentElement('afterend', heroContainer);

    // المحتوى
    var aboutContent = document.createElement('div');
    aboutContent.className = 'custom-about-section';

    aboutContent.innerHTML = `
        <h1 class="about-title">من نحن</h1>
        <h3 class="about-subtitle">يمنيات بوتيك للقهوة اليمنية الفاخرة!</h3>
        
        <p class="about-text">
            بخبرة اكثر من 10 سنوات في تقديم البن نوفر لك البن اليمني مباشرة من مزارع اليمن مع مراعاة أعلى<br>
            المعاير للمحافظة على الجودة و سرعة التوصيل والحفظ بأسعار تنافسية تستهدف اصحاب المقاهي<br>
            ومبيعات الجملة
        </p>

        <div class="about-image-wrap"><img src="${imgAbout1}" alt="صورة 1"></div>
        <div class="about-divider"></div>
        
        <h3 class="about-subtitle">بنينا علاقات متينة ممتدة من البذور وحتى الوصول إلى كوب القهوة</h3>
        <p class="about-text">
            عناية متكاملة بشجرة البن، انتقاء حبات القهوة الممتازة وتجفيفها ومعالجتها بطرق احترافية...<br>
            ولضمان الجودة والاحتفاظ بالنكهة يتم تخزينها وتعبئتها بطرق علمية ومنها إلى الشحن حتى تصل<br>
            إلى معاملنا لنكسوها بحلة يمنيات المميزة لتصل إلى العميل بحلة بهية ونكهة عريقة تصنعها دوما.
        </p>
        
        <div class="about-image-wrap"><img src="${imgAbout2}" alt="صورة 2"></div>
    `;
    
    // إخفاء الأصلي
    var originalContent = document.querySelector('.page-content') || document.querySelector('.content') || document.querySelector('.salla-page');
    if(originalContent) originalContent.style.display = 'none';

    var footer = document.querySelector('footer') || document.querySelector('.site-footer') || document.querySelector('.footer');
    if(footer) footer.parentNode.insertBefore(aboutContent, footer);
    else document.body.appendChild(aboutContent);
});