/* Meat House - Brand Identity Updated Script (Split Content Layout) */ document.addEventListener("DOMContentLoaded", function() { // ========================================== // 1. الإعدادات (Settings) // ========================================== const siteLogo = "https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/Ygponj/dPkG4SPwd2TRWrf2XajdBmHeF5Bd0zoJewAgr0hv.png"; // صور البنرات const topBannerImage = "https://cdn.salla.sa/Ygponj/OkrtRDXUHbkE1nb0iVcDyV6l94Yvuqhxz6gpAmat.jpg"; const midSectionBanner1 = "https://cdn.salla.sa/Ygponj/Ns3UtJtLHvZDPDBoBPcLy4vEvh0B1Txp9B8O2Zov.jpg"; const midSectionBanner2 = "https://cdn.salla.sa/Ygponj/Ns3UtJtLHvZDPDBoBPcLy4vEvh0B1Txp9B8O2Zov.jpg"; const midSectionBanner3 = "https://cdn.salla.sa/Ygponj/x5bmTI8CjWNFLfX0FhR8QOdVCLQmTWRKOM4CFXHz.jpg"; // صورة المنتج الأول const productOneImage = "https://files.manuscdn.com/user_upload_by_module/session_file/310519663279902404/XuMyLRRVrXWSgALg.jpg"; // محددات الأماكن في الصفحة const headerSelector = ".index header"; // مكان البنر العلوي const productsBlockSelector = ".s-block--tabs-produtcs"; // مكان باقي المحتوى (بعد المنتجات) // ========================================== // 2. كود اللودر (Fixed Loader) // ========================================== (function initLoader() { if (document.getElementById('mh-loader-overlay')) return; const loaderHTML = `

`; document.body.insertAdjacentHTML('afterbegin', loaderHTML); function removeLoader() { const loader = document.getElementById('mh-loader-overlay'); if (loader) { loader.style.opacity = '0'; loader.style.visibility = 'hidden'; setTimeout(() => { if(loader.parentNode) loader.parentNode.removeChild(loader); document.body.classList.add('mh-loaded'); document.body.classList.add('site-loaded'); }, 500); } } if (document.readyState === 'complete') { setTimeout(removeLoader, 1000); } else { window.addEventListener('load', () => setTimeout(removeLoader, 1000)); } setTimeout(removeLoader, 5000); })(); // ========================================== // 3. التنسيقات (CSS) // ========================================== const customStyles = ` `; // ========================================== // 4. هيكل HTML (مقسم إلى جزئين) // ========================================== // الجزء الأول: البنر العلوي فقط const topBannerHTML = `

`; // الجزء الثاني: باقي المحتوى (تحت المنتجات) const mainContentHTML = `

اختيارك الأمثل
للحوم الطازجة

نقدم لك أجود أنواع اللحوم الطازجة والمجهزة بعناية فائقة لتضمن لك ولعائلتك تجربة طهي استثنائية ومذاقاً لا يقاوم.

تصفح المنتجات الأسئلة الشائعة

خدماتنا المتميزة

خدمات التقطيع المتخصصة

نقدم لك خيارات تقطيع متنوعة واحترافية تناسب جميع أطباقك المفضلة.

لحوم مختارة من السوق

ننتقي لك أفضل الذبائح من المراعي الطبيعية لضمان الطعم والجودة.

لماذا نحن؟

نفتخر بتقديم أفضل معايير الجودة والخدمة

⭐

الجودة العالية

نضمن لك لحوماً طازجة وذات جودة عالية، مختارة بعناية لتناسب ذائقتك.

❤️

الأمانة والمصداقية

نتعامل بشفافية تامة في الوزن والسعر والنوع، لأن ثقتكم هي رأس مالنا.

🛡️

نظافة واحترافية

نلتزم بأعلى معايير النظافة في التحضير والتغليف لضمان سلامة غذائكم.

✓

الضمان الذهبي

نضمن لك استبدال المنتج أو استرداد قيمته فوراً إذا لم تكن راضياً عن الجودة بنسبة 100%.

الأسئلة الشائعة

إجابات على استفساراتكم المتكررة

هل اللحوم طازجة أم مجمدة؟

جميع اللحوم لدينا طازجة 100% (بلدي)، يتم الذبح يومياً في المسالخ المعتمدة ونقوم بتوصيلها مبردة للحفاظ على جودتها.

كيف يتم توصيل الطلب؟

يتم توصيل الطلبات عبر سيارات مبردة ومجهزة خصيصاً لضمان وصولها طازجة إلى باب منزلك في أسرع وقت.

ما هي خيارات التغليف؟

نوفر خيارات متعددة: تغليف سحب الهواء (Vacuum) للحفظ الطويل، أو أطباق مغلفة، أو كرتون الذبائح الخاص للمناسبات.

هل تتوفر خدمة الفرم؟

نعم، نوفر خدمة الفرم (ناعم أو خشن) مجاناً حسب رغبتكم، يمكنكم تحديد ذلك في ملاحظات الطلب.

`; // ========================================== // 5. التنفيذ (Execution) - حقن الأكواد في أماكنها // ========================================== document.head.insertAdjacentHTML("beforeend", customStyles); // 1. إضافة البنر العلوي بعد الهيدر مباشرة const headerElement = document.querySelector(headerSelector); if (headerElement) { headerElement.insertAdjacentHTML('afterend', topBannerHTML); } else { document.body.insertAdjacentHTML('afterbegin', topBannerHTML); } // 2. إضافة باقي المحتوى بعد قسم المنتجات (s-block--latest-products) const productsBlock = document.querySelector(productsBlockSelector); if (productsBlock) { productsBlock.insertAdjacentHTML('afterend', mainContentHTML); } else { // Fallback: في حال لم يوجد قسم المنتجات، نضعه في نهاية الصفحة أو بعد البنر العلوي if (headerElement) { // نضعه بعد البنر العلوي في حال عدم وجود قسم المنتجات const topBannerEl = document.querySelector('.mh-top-banner').parentNode; if(topBannerEl) topBannerEl.insertAdjacentHTML('afterend', mainContentHTML); else headerElement.insertAdjacentHTML('afterend', mainContentHTML); } else { document.body.insertAdjacentHTML('beforeend', mainContentHTML); } } // ========================================== // 6. التفاعل (Interactivity) // ========================================== setTimeout(() => { const questions = document.querySelectorAll('.mh-faq-question'); questions.forEach(question => { question.addEventListener('click', () => { const item = question.parentElement; const answer = item.querySelector('.mh-faq-answer'); document.querySelectorAll('.mh-faq-item').forEach(otherItem => { if (otherItem !== item && otherItem.classList.contains('active')) { otherItem.classList.remove('active'); otherItem.querySelector('.mh-faq-answer').style.maxHeight = null; } }); item.classList.toggle('active'); if (item.classList.contains('active')) { answer.style.maxHeight = answer.scrollHeight + "px"; } else { answer.style.maxHeight = null; } }); }); }, 500); const observer = new IntersectionObserver((entries, obs) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add('mh-anim-visible'); obs.unobserve(entry.target); } }); }, { threshold: 0.1 }); // مراقبة العناصر للأنيميشن setTimeout(() => { document.querySelectorAll('.mh-anim-hidden').forEach(el => observer.observe(el)); }, 100); });