استبانة استقبال الاستفسارات والمقترحات والشكاوى

استقبال الاستفسارات والمقترحات والشكاوى

جمعية التنمية الزراعية بحائل

الاسم رقم الجوال البريد الإلكتروني نوع الطلب موضوع الطلب تفاصيل الطلب

</div>
                                            </div>
                </div>
            </div>
        </div>
    </div>
</div>
    </main>

<footer class="footer">
        <div class="container">
            <div class="row">
                <div class="col-lg-3 col-md-6 mb-4">
                    <h5>جمعية التنمية الزراعية بحائل</h5>
                    <p>منظمة غير ربحية رائدة محلياً وعالمياً في التنمية الزراعية</p>
                    
                                    </div>
                
                <div class="col-lg-3 col-md-6 mb-4">
                    <h5>الروابط المهمة</h5>
                    <ul class="list-unstyled">
                        <li class="mb-2"><a href="https://hailagri.org.sa"><i class="fas fa-angle-left me-2"></i>الرئيسية</a></li>
                        <li class="mb-2"><a href="https://hailagri.org.sa/board"><i class="fas fa-angle-left me-2"></i>مجلس الإدارة</a></li>
                        <li class="mb-2"><a href="https://hailagri.org.sa/employees"><i class="fas fa-angle-left me-2"></i>فريق الموظفين</a></li>
                        <li class="mb-2"><a href="https://hailagri.org.sa/success-stories"><i class="fas fa-angle-left me-2"></i>قصص النجاح</a></li>
                        <li class="mb-2"><a href="https://hailagri.org.sa/policies"><i class="fas fa-angle-left me-2"></i>اللوائح والسياسات</a></li>
                        <li class="mb-2"><a href="https://hailagri.org.sa/reports"><i class="fas fa-angle-left me-2"></i>التقارير</a></li>
                    </ul>
                </div>
                
                <div class="col-lg-3 col-md-6 mb-4">
                    <h5>تواصل معنا</h5>
                    <div class="contact-info">
                                                
                                                
                                            </div>
                    
                    
                                            <div class="contact-social-links mt-4">
                            <h6 class="mb-3">تابعنا على:</h6>
                            <div class="social-buttons">
                                                                                                    <a href="https://x.com/Hailagri" target="_blank" title="تويتر" class="social-btn twitter">
                                        <i class="fab fa-twitter"></i>
                                    </a>
                                                                                                                                    <a href="https://x.com/Hailagri" target="_blank" title="لينكدإن" class="social-btn linkedin">
                                        <i class="fab fa-linkedin-in"></i>
                                    </a>
                                                                                                                                    <a href="https://wa.me/966533421431" target="_blank" title="واتساب" class="social-btn whatsapp">
                                        <i class="fab fa-whatsapp"></i>
                                    </a>
                                                            </div>
                            
                            
                                                    </div>
                                    </div>
                
                
                <div class="col-lg-3 col-md-6 mb-4">
                    <h5>موقعنا على الخريطة</h5>
                                        
                                            <div class="footer-map-container">
                            <a href="https://maps.app.goo.gl/Gc5cuEWq1CUtEUgP8?g_st=ipc" target="_blank" rel="noopener noreferrer" class="footer-map-link">
                                <i class="fas fa-map-marker-alt me-2"></i>
                                اضغط هنا للوصول لنا " حيًاك "
                            </a>
                        </div>
                                    </div>
            </div>
            
            <div class="footer-bottom">
                <p>جميع الحقوق محفوظة لـ جمعية التنمية الزراعية بحائل © 2026</p>
                <p class="developer-credit">
                    صُمم وطُور بعناية بواسطة <a href="https://x.com/f88fa" target="_blank" class="text-decoration-none developer-link d-inline-flex align-items-center gap-1">
                        <span class="developer-name">فارس التريباني</span>
                        <img src="https://hailagri.org.sa/fares.png" alt="فارس التريباني" style="width: 20px; height: 20px; border-radius: 50%; object-fit: cover;">
                    </a>
                </p>
            </div>
        </div>
    </footer>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
    
    
    <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
    <script>
        AOS.init({
            duration: 800,
            once: true,
            offset: 100
        });
    </script>
    
    <script>
                // Navbar scroll effect - جعل الشريط ثابتاً عند التمرير
        window.addEventListener('scroll', function() {
            const navbar = document.querySelector('.hero-navbar');
            const siteHeader = document.querySelector('.site-header');
            
            if (window.scrollY > 50) {
                navbar.classList.add('scrolled');
                if (siteHeader) {
                    siteHeader.classList.add('scrolled');
                }
            } else {
                navbar.classList.remove('scrolled');
                if (siteHeader) {
                    siteHeader.classList.remove('scrolled');
                }
            }
        });

// Smooth scrolling for anchor links
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function (e) {
                const target = document.querySelector(this.getAttribute('href'));
                if (target) {
                    e.preventDefault();
                    const headerOffset = parseInt(getComputedStyle(document.documentElement).getPropertyValue('--header-height')) || 160;
                    const elementPosition = target.getBoundingClientRect().top + window.pageYOffset;
                    const offsetPosition = elementPosition - headerOffset + 20;
                    window.scrollTo({
                        top: offsetPosition,
                        behavior: 'smooth'
                    });
                }
            });
        });

// Add animations on page load
        document.addEventListener('DOMContentLoaded', function() {
            // Animate elements with fade-in effect
            const animatedElements = document.querySelectorAll('.hero-title, .hero-subtitle, .btn-hero');
            animatedElements.forEach((element, index) => {
                element.style.opacity = '0';
                element.style.transform = 'translateY(30px)';
                element.style.transition = 'all 0.8s ease';
                
                setTimeout(() => {
                    element.style.opacity = '1';
                    element.style.transform = 'translateY(0)';
                }, (index + 1) * 200);
            });
            
            // Initialize any other components if needed
        });
        
        // Phone number click handler for mobile devices
        document.addEventListener('DOMContentLoaded', function() {
            const contactPhone = document.querySelector('.contact-phone');
            if (contactPhone) {
                contactPhone.addEventListener('click', function() {
                    const phoneNumber = this.querySelector('.phone-number').textContent;
                    if (phoneNumber && phoneNumber !== '+966 50 123 4567') {
                        // Remove any non-numeric characters except + and -
                        const cleanNumber = phoneNumber.replace(/[^\d+\-]/g, '');
                        if (cleanNumber) {
                            window.open(`tel:${cleanNumber}`, '_self');
                        }
                    }
                });
            }
        });
    </script>

<style>
        /* Floating Buttons Styles */
        .floating-donate-btn,
        .floating-whatsapp-btn {
            position: fixed;
            z-index: 1000;
            transition: all 0.3s ease;
            opacity: 0;
            visibility: hidden;
            animation: slideIn 0.5s ease forwards 1s;
        }

.floating-donate-btn {
            right: 30px;
            top: 50%;
            transform: translateY(-50%);
        }

.floating-whatsapp-btn {
            left: 30px;
            bottom: 30px;
        }

.floating-donate-btn a,
        .floating-whatsapp-btn a {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            text-decoration: none;
            color: white;
            font-size: 24px;
            box-shadow: 0 4px 20px rgba(0,0,0,0.3);
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
        }

.floating-donate-btn a {
            background: linear-gradient(135deg, #ff6b6b, #ee5a24);
        }

.floating-whatsapp-btn a {
            background: linear-gradient(135deg, #25d366, #128c7e);
            animation: pulse 2s infinite;
        }

.floating-donate-btn a:hover,
        .floating-whatsapp-btn a:hover {
            transform: scale(1.1);
            color: white;
        }

.floating-donate-btn span {
            position: absolute;
            right: 70px;
            background: linear-gradient(135deg, #ff6b6b, #ee5a24);
            padding: 10px 15px;
            border-radius: 25px;
            white-space: nowrap;
            font-size: 14px;
            opacity: 0;
            transition: all 0.3s ease;
            box-shadow: 0 2px 10px rgba(0,0,0,0.2);
        }

.floating-donate-btn:hover span {
            opacity: 1;
            right: 75px;
        }

@keyframes slideIn {
            from {
                opacity: 0;
                visibility: hidden;
                transform: translateX(100px);
            }
            to {
                opacity: 1;
                visibility: visible;
                transform: translateX(0);
            }
        }

@keyframes pulse {
            0% {
                box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
            }
            70% {
                box-shadow: 0 0 0 10px rgba(37, 211, 102, 0);
            }
            100% {
                box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
            }
        }

/* Mobile Responsive */
        @media (max-width: 768px) {
            .floating-donate-btn {
                right: 15px;
                top: auto;
                bottom: 100px;
                transform: none;
            }

.floating-whatsapp-btn {
                left: 15px;
                bottom: 15px;
            }

.floating-donate-btn a,
            .floating-whatsapp-btn a {
                width: 50px;
                height: 50px;
                font-size: 20px;
            }

.floating-donate-btn span {
                display: none;
            }
        }

/* Hide on scroll down, show on scroll up */
        .floating-buttons-hidden {
            opacity: 0;
            visibility: hidden;
            transform: translateY(100px);
        }
    </style>