<!DOCTYPE html>
<html lang="mn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="csrf-token" content="<?php echo e(csrf_token()); ?>">

    <title><?php echo $__env->yieldContent('title', $siteSettings['site_name'] ?? 'NSMA'); ?> — Монголын УУГАН Маркетингийн Компани · 2009 оноос</title>
    <meta name="description" content="<?php echo $__env->yieldContent('description', 'NSMA — 17 жилийн стратегийн маркетингийн туршлагатай ЖДБ-д зориулсан зөвлөх. Жилийн маркетингийн төлөвлөгөөг 4 цагт бэлэн.'); ?>">

    <link rel="icon" href="<?php echo e(asset('images/favicon.ico')); ?>">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">

    
    <script src="https://cdn.tailwindcss.com"></script>
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        'nsma-red':       '#C8102E',
                        'nsma-red-dark':  '#9E0C24',
                        'nsma-red-light': '#FCEAEC',
                        'nsma-dark':      '#2C2C2C',
                        'nsma-darker':    '#1A1A1A',
                        'nsma-grey':      '#666666',
                        'nsma-light':     '#F5F5F5',
                    },
                    fontFamily: { sans: ['Inter', 'Manrope', 'system-ui', 'sans-serif'] },
                },
            },
        };
    </script>
    <link rel="stylesheet" href="<?php echo e(asset('css/app.css')); ?>">

    <?php echo $__env->yieldPushContent('head'); ?>
</head>
<body class="font-sans bg-white text-nsma-dark antialiased">


<header class="sticky top-0 z-50 bg-white border-b border-gray-100 shadow-sm">
    <div class="max-w-7xl mx-auto px-4 lg:px-8">
        <div class="flex items-center justify-between h-20">

            <a href="<?php echo e(route('home')); ?>" class="flex items-center">
                <img src="<?php echo e(asset('images/logo.png')); ?>" alt="NSMA" class="h-16">
            </a>

            <nav class="hidden lg:flex items-center gap-8">
                <a href="<?php echo e(route('home')); ?>" class="text-sm font-semibold <?php echo e(request()->routeIs('home') ? 'text-nsma-red' : 'text-nsma-dark hover:text-nsma-red'); ?>">Нүүр</a>
                <a href="<?php echo e(route('services.index')); ?>" class="text-sm font-semibold <?php echo e(request()->routeIs('services.*') ? 'text-nsma-red' : 'text-nsma-dark hover:text-nsma-red'); ?>">Үйлчилгээ</a>
                <a href="<?php echo e(route('about')); ?>" class="text-sm font-semibold <?php echo e(request()->routeIs('about') ? 'text-nsma-red' : 'text-nsma-dark hover:text-nsma-red'); ?>">Бидний тухай</a>
                <a href="<?php echo e(route('portfolio.index')); ?>" class="text-sm font-semibold <?php echo e(request()->routeIs('portfolio.*') ? 'text-nsma-red' : 'text-nsma-dark hover:text-nsma-red'); ?>">Хийсэн ажлууд</a>
                <a href="<?php echo e(route('guide')); ?>" class="text-sm font-semibold <?php echo e(request()->routeIs('guide') ? 'text-nsma-red' : 'text-nsma-dark hover:text-nsma-red'); ?>">Гарын авлага</a>
                <a href="<?php echo e(route('web-services')); ?>" class="text-sm font-semibold <?php echo e(request()->routeIs('web-services') ? 'text-nsma-red' : 'text-nsma-dark hover:text-nsma-red'); ?>">Вэб бүтээх</a>
                <a href="<?php echo e(route('templates')); ?>" class="text-sm font-semibold <?php echo e(request()->routeIs('templates') ? 'text-nsma-red' : 'text-nsma-dark hover:text-nsma-red'); ?>">Загвар</a>
                <a href="<?php echo e(route('news.index')); ?>" class="text-sm font-semibold <?php echo e(request()->routeIs('news.*') ? 'text-nsma-red' : 'text-nsma-dark hover:text-nsma-red'); ?>">Мэдээ</a>
                <a href="<?php echo e(route('contact')); ?>" class="text-sm font-semibold <?php echo e(request()->routeIs('contact') ? 'text-nsma-red' : 'text-nsma-dark hover:text-nsma-red'); ?>">Холбоо барих</a>
            </nav>

            <div class="flex items-center gap-3">
                <?php if(auth()->guard('client')->check()): ?>
                    <a href="<?php echo e(route('client.dashboard')); ?>"
                       class="hidden md:inline-flex items-center justify-center w-11 h-11 rounded-full bg-nsma-dark text-white hover:bg-nsma-darker transition" title="Хувийн булан">
                        <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"/></svg>
                    </a>
                <?php else: ?>
                    <a href="<?php echo e(route('client.login')); ?>" class="hidden md:inline-block text-sm font-semibold text-nsma-dark hover:text-nsma-red">Нэвтрэх</a>
                <?php endif; ?>

                <a href="<?php echo e(route('meeting.create')); ?>"
                   class="hidden md:inline-flex items-center justify-center w-11 h-11 rounded-full bg-nsma-dark text-white hover:bg-nsma-darker transition" title="Уулзалт товлох">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"/></svg>
                </a>

                <button id="mobile-menu-toggle" class="lg:hidden w-10 h-10 flex items-center justify-center" aria-label="Menu">
                    <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/></svg>
                </button>
            </div>
        </div>

        
        <div id="mobile-menu" class="hidden lg:hidden pb-4 border-t border-gray-100 -mx-4 px-4">
            <nav class="flex flex-col gap-3 pt-4">
                <a href="<?php echo e(route('home')); ?>" class="text-sm font-semibold py-2">Нүүр</a>
                <a href="<?php echo e(route('services.index')); ?>" class="text-sm font-semibold py-2">Үйлчилгээ</a>
                <a href="<?php echo e(route('about')); ?>" class="text-sm font-semibold py-2">Бидний тухай</a>
                <a href="<?php echo e(route('portfolio.index')); ?>" class="text-sm font-semibold py-2">Хийсэн ажлууд</a>
                <a href="<?php echo e(route('guide')); ?>" class="text-sm font-semibold py-2">Гарын авлага</a>
                <a href="<?php echo e(route('web-services')); ?>" class="text-sm font-semibold py-2">Вэб бүтээх</a>
                <a href="<?php echo e(route('templates')); ?>" class="text-sm font-semibold py-2">Загвар</a>
                <a href="<?php echo e(route('news.index')); ?>" class="text-sm font-semibold py-2">Мэдээ</a>
                <a href="<?php echo e(route('contact')); ?>" class="text-sm font-semibold py-2">Холбоо барих</a>
                <a href="<?php echo e(route('meeting.create')); ?>" class="mt-2 inline-block bg-nsma-red text-white text-sm font-semibold px-4 py-3 rounded-lg text-center">Уулзалт товлох</a>
            </nav>
        </div>
    </div>
</header>

<?php echo $__env->yieldContent('content'); ?>


<section class="bg-nsma-dark text-white relative overflow-hidden">
    <div class="absolute inset-0 opacity-10">
        <svg class="w-full h-full" preserveAspectRatio="none" viewBox="0 0 1440 400" fill="none">
            <path d="M0,300 Q360,200 720,300 T1440,300 L1440,400 L0,400 Z" fill="white"/>
        </svg>
    </div>
    <div class="relative max-w-7xl mx-auto px-4 lg:px-8 py-16 grid lg:grid-cols-2 gap-12">
        <div>
            <h2 class="text-3xl lg:text-4xl font-bold leading-tight mb-6">
                МАРКЕТИНГ БОЛ <br>ДИЗАЙН БИШ. <span class="text-nsma-red">СИСТЕМ.</span>
            </h2>
            <p class="text-gray-300 mb-6 max-w-md">17 жилийн стратегийн туршлагыг ЖДБ-ийн founder-уудад хүртээмжтэй болгож, "юу хийх ёстой"-г 30 хуудасны үнэгүй гарын авлагаар цэгцэлсэн.</p>
            <div class="flex flex-wrap gap-3 mb-6">
                <a href="<?php echo e(route('guide')); ?>" class="inline-flex items-center gap-2 bg-nsma-red text-white font-semibold px-6 py-3 rounded-full hover:bg-nsma-red-dark">
                    📥 Үнэгүй гарын авлага татах
                </a>
            </div>
            <a href="<?php echo e(route('contact')); ?>" class="inline-flex items-center gap-2 bg-white text-nsma-dark font-semibold px-6 py-3 rounded-full hover:bg-gray-100">
                Холбоо барих
                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"/></svg>
            </a>
        </div>

        <div class="space-y-4">
            <div class="flex items-center gap-4">
                <span class="w-10 h-10 rounded-full bg-nsma-red/20 flex items-center justify-center text-nsma-red">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/></svg>
                </span>
                <a href="tel:<?php echo e($siteSettings['contact_phone']); ?>" class="text-lg"><?php echo e($siteSettings['contact_phone']); ?></a>
            </div>
            <div class="flex items-center gap-4">
                <span class="w-10 h-10 rounded-full bg-nsma-red/20 flex items-center justify-center text-nsma-red">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/></svg>
                </span>
                <a href="mailto:<?php echo e($siteSettings['contact_email']); ?>"><?php echo e($siteSettings['contact_email']); ?></a>
            </div>
            <div class="flex items-center gap-4">
                <span class="w-10 h-10 rounded-full bg-nsma-red/20 flex items-center justify-center text-nsma-red">
                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a2 2 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/></svg>
                </span>
                <span><?php echo e($siteSettings['contact_address']); ?></span>
            </div>
        </div>
    </div>
</section>


<footer class="bg-nsma-darker text-gray-400 py-6">
    <div class="max-w-7xl mx-auto px-4 lg:px-8 flex flex-col md:flex-row items-center justify-between gap-4">
        <div class="flex items-center gap-3">
            <span class="text-sm">© <?php echo e(date('Y')); ?> <?php echo e($siteSettings['site_name'] ?? 'NSMA'); ?> — Бүх эрх хуулиар хамгаалагдсан.</span>
        </div>
        <div class="flex items-center gap-3">
            <a href="<?php echo e($siteSettings['facebook_url']); ?>" target="_blank" rel="noopener" class="w-9 h-9 flex items-center justify-center rounded-full bg-white/5 hover:bg-nsma-red transition">
                <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg>
            </a>
            <a href="<?php echo e($siteSettings['instagram_url']); ?>" target="_blank" rel="noopener" class="w-9 h-9 flex items-center justify-center rounded-full bg-white/5 hover:bg-nsma-red transition">
                <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z"/></svg>
            </a>
            <a href="<?php echo e($siteSettings['linkedin_url']); ?>" target="_blank" rel="noopener" class="w-9 h-9 flex items-center justify-center rounded-full bg-white/5 hover:bg-nsma-red transition">
                <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.063 2.063 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>
            </a>
        </div>
    </div>
</footer>

<script>
    // CSRF setup for axios/fetch
    window.csrfToken = document.querySelector('meta[name="csrf-token"]').content;

    // Mobile menu toggle
    document.getElementById('mobile-menu-toggle')?.addEventListener('click', () => {
        document.getElementById('mobile-menu').classList.toggle('hidden');
    });

    // Helper: AJAX form submit with JSON response
    window.ajaxSubmit = async function(form, options = {}) {
        const formData = new FormData(form);
        const url = options.url || form.action;
        const method = (options.method || form.method || 'POST').toUpperCase();

        try {
            const response = await fetch(url, {
                method,
                body: formData,
                headers: {
                    'X-CSRF-TOKEN': window.csrfToken,
                    'X-Requested-With': 'XMLHttpRequest',
                    'Accept': 'application/json',
                },
            });
            const data = await response.json();
            return { ok: response.ok, status: response.status, data };
        } catch (e) {
            return { ok: false, status: 0, data: { message: 'Сүлжээний алдаа гарлаа.' } };
        }
    };

    // Toast notification
    window.showToast = function(message, type = 'success') {
        const toast = document.createElement('div');
        toast.className = `fixed top-6 right-6 z-50 px-6 py-4 rounded-lg shadow-lg font-medium text-white transition-all transform translate-x-0 ${type === 'success' ? 'bg-green-500' : type === 'error' ? 'bg-red-500' : 'bg-nsma-dark'}`;
        toast.textContent = message;
        document.body.appendChild(toast);
        setTimeout(() => {
            toast.style.opacity = '0';
            toast.style.transform = 'translateX(20px)';
            setTimeout(() => toast.remove(), 300);
        }, 4000);
    };
</script>

<?php echo $__env->yieldPushContent('scripts'); ?>
</body>
</html>
<?php /**PATH C:\xampp\htdocs\uninsma.mn\resources\views/layouts/frontend.blade.php ENDPATH**/ ?>