نحن فخورون بثقتكم

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

"

// الأيقونة مدمجة ومحدثة بألوان الهوية الجديدة (البرتقالي #e56515) const premium3DIcon = "data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3e%3cdefs%3e%3clinearGradient id='bg' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3e%3cstop offset='0%25' stop-color='%23ffffff'/%3e%3cstop offset='100%25' stop-color='%23fff4ed'/%3e%3c/linearGradient%3e%3clinearGradient id='icon' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3e%3cstop offset='0%25' stop-color='%23f4843d'/%3e%3cstop offset='100%25' stop-color='%23cc5810'/%3e%3c/linearGradient%3e%3cfilter id='shadow' x='-20%25' y='-20%25' width='140%25' height='140%25'%3e%3cfeDropShadow dx='0' dy='4' stdDeviation='4' flood-color='%23c4540f' flood-opacity='0.25'/%3e%3c/filter%3e%3c/defs%3e%3ccircle cx='50' cy='50' r='50' fill='url(%23bg)'/%3e%3cg filter='url(%23shadow)'%3e%3ccircle cx='50' cy='36' r='16' fill='url(%23icon)'/%3e%3cpath d='M22 85 C 22 58, 78 58, 78 85 Z' fill='url(%23icon)'/%3e%3c/g%3e%3c/svg%3e"; // قاعدة بيانات آراء العملاء (أجهزة منزلية بيلت ان - السعودية) const reviewsData = [ { id: 0, name: "عبدالله الراجحي", title: "عميل مميز من الرياض", text: "تجربة ممتازة مع متجر بيلت ان. طلبت فرن كهربائي وميكروويف، التوصيل كان سريع جداً والتركيب احترافي. الأجهزة جودتها عالية وتستاهل كل ريال.", rating: 5, image: premium3DIcon }, { id: 1, name: "أم خالد", title: "عميلة مميزة من جدة", text: "أفضل متجر أجهزة منزلية تعاملت معاه! طلبت غسالة ملابس وصحون، خدمة العملاء راقية جداً وساعدوني في اختيار الموديل المناسب لمساحة المطبخ عندي.", rating: 5, image: premium3DIcon }, { id: 2, name: "سلمان الدوسري", title: "عميل مميز من الدمام", text: "أسعار تنافسية وضمان حقيقي وموثوق. اشتريت ثلاجة بيلت ان وتصميمها طلع فخم جداً ومطابق للمواصفات المذكورة في الموقع. شكراً لسرعة الإنجاز.", rating: 5, image: premium3DIcon }, { id: 3, name: "ريم القحطاني", title: "عميلة مميزة من الخبر", text: "صراحة موقع يبيض الوجه، طلبت شفاط هود وتغليف الجهاز كان ممتاز والمندوب محترم. أنصح بالتعامل معهم وبقوة خصوصاً في تجهيز المطابخ الجديدة.", rating: 5, image: premium3DIcon } ]; // عناصر DOM const avatarsContainer = document.getElementById('avatars-container'); const textElement = document.getElementById('review-text'); const nameElement = document.getElementById('reviewer-name'); const titleElement = document.getElementById('reviewer-title'); const infoElement = document.getElementById('reviewer-info'); const starsElement = document.getElementById('review-stars'); const progressBar = document.getElementById('progress-bar'); const interactiveContainer = document.getElementById('interactive-container'); let currentIndex = 1; // إعدادات التشغيل التلقائي const autoplayDuration = 4000; let autoplayTimer; let progressInterval; let progress = 0; let isPaused = false; function renderAvatars() { avatarsContainer.innerHTML = ''; reviewsData.forEach((review, index) => { const wrapper = document.createElement('div'); wrapper.className = `avatar-wrapper ${index === currentIndex ? 'active' : ''}`; wrapper.id = `avatar-${index}`; wrapper.onclick = () => { handleManualClick(index); }; const img = document.createElement('img'); img.src = review.image; img.alt = review.name; img.className = 'avatar-img'; wrapper.appendChild(img); avatarsContainer.appendChild(wrapper); }); } function renderStars(rating) { let starsHTML = ''; for (let i = 0; i < 5; i++) { starsHTML += i { const currentData = reviewsData[currentIndex]; textElement.innerText = currentData.text; nameElement.innerText = currentData.name; titleElement.innerText = currentData.title; renderStars(currentData.rating); textElement.classList.remove('fade-out'); infoElement.classList.remove('fade-out'); textElement.classList.add('fade-in'); infoElement.classList.add('fade-in'); starsElement.style.transition = 'opacity 0.4s ease'; starsElement.style.opacity = 1; }, 400); } function nextReview() { let nextIndex = (currentIndex + 1) % reviewsData.length; changeReview(nextIndex); resetProgress(); } function updateProgress() { if (!isPaused) { progress += (100 / (autoplayDuration / 50)); if (progress >= 100) { progress = 0; nextReview(); } progressBar.style.width = `${progress}%`; } } function startAutoplay() { isPaused = false; clearInterval(progressInterval); progressInterval = setInterval(updateProgress, 50); } function stopAutoplay() { isPaused = true; } function resetProgress() { progress = 0; progressBar.style.width = '0%'; } function handleManualClick(index) { changeReview(index); resetProgress(); stopAutoplay(); setTimeout(() => { if (!interactiveContainer.matches(':hover')) { startAutoplay(); } }, 5000); } interactiveContainer.addEventListener('mouseenter', stopAutoplay); interactiveContainer.addEventListener('mouseleave', startAutoplay); interactiveContainer.addEventListener('touchstart', stopAutoplay); interactiveContainer.addEventListener('touchend', () => { setTimeout(startAutoplay, 3000); }); function init() { renderAvatars(); const currentData = reviewsData[currentIndex]; textElement.innerText = currentData.text; nameElement.innerText = currentData.name; titleElement.innerText = currentData.title; renderStars(currentData.rating); startAutoplay(); } init();