<!DOCTYPE html>
<html lang="<?php echo e(app()->getLocale()); ?>" dir="<?php echo e(locale_direction()); ?>" class="scroll-smooth">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title><?php echo e($title ?? 'Nivex'); ?></title>
    <meta name="description" content="Nivex builds software, systems, and digital growth experiences.">
    <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=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;700&display=swap" rel="stylesheet">
    <script>
        (() => {
            const saved = localStorage.getItem('nivex-theme');
            const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
            document.documentElement.classList.toggle('dark', saved ? saved === 'dark' : prefersDark);
        })();
    </script>
    <?php echo app('Illuminate\Foundation\Vite')(['resources/css/app.css', 'resources/js/app.js']); ?>
</head>
<body class="<?php echo e(locale_font_class()); ?> overflow-x-hidden">
    <div class="pointer-events-none fixed inset-0 -z-10 bg-[radial-gradient(circle_at_top_left,rgba(79,152,255,0.18),transparent_35%),radial-gradient(circle_at_bottom_right,rgba(139,214,191,0.18),transparent_30%),linear-gradient(180deg,rgba(255,255,255,0.8),rgba(251,247,239,1))] dark:bg-[radial-gradient(circle_at_top_left,rgba(79,152,255,0.12),transparent_35%),radial-gradient(circle_at_bottom_right,rgba(239,131,84,0.12),transparent_35%),linear-gradient(180deg,#09111f,#050914)]"></div>
    <div class="pointer-events-none fixed inset-0 -z-10 bg-grid opacity-50"></div>

    <header class="sticky top-0 z-50 border-b border-white/40 bg-white/65 backdrop-blur-2xl dark:border-white/10 dark:bg-slate-950/55">
        <div class="shell flex items-center justify-between gap-4 py-4">
            <a href="<?php echo e(route('home')); ?>" class="font-display text-2xl font-bold tracking-[0.18em] text-slate-950 uppercase dark:text-white">Nivex</a>

            <nav class="hidden items-center gap-6 lg:flex">
                <?php $__currentLoopData = [['label' => __('Home'), 'route' => 'home'], ['label' => __('About'), 'route' => 'about'], ['label' => __('Services'), 'route' => 'services'], ['label' => __('Industries'), 'route' => 'industries'], ['label' => __('Clients'), 'route' => 'clients'], ['label' => __('Contact'), 'route' => 'contact']]; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <a href="<?php echo e(route($item['route'])); ?>" class="nav-link <?php echo e(request()->routeIs($item['route']) ? 'is-active' : ''); ?>"><?php echo e($item['label']); ?></a>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </nav>

            <div class="flex items-center gap-2 sm:gap-3">
                <form method="POST" action="<?php echo e(route('locale.update', app()->getLocale() === 'ar' ? 'en' : 'ar')); ?>">
                    <?php echo csrf_field(); ?>
                    <button type="submit" class="btn-secondary px-4 py-2"><?php echo e(locale_switch_label()); ?></button>
                </form>

                <button type="button" @click="$store.theme.toggle()" class="btn-secondary px-4 py-2" x-data>
                    <span x-text="$store.theme.value === 'dark' ? 'Light' : 'Dark'"></span>
                </button>

                <a href="<?php echo e(route('contact')); ?>" class="btn-primary hidden sm:inline-flex"><?php echo e(__('Contact')); ?></a>
            </div>
        </div>
    </header>

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

    <footer class="mt-20 border-t border-slate-200/70 bg-white/70 py-16 dark:border-white/10 dark:bg-white/5">
        <div class="shell grid gap-10 md:grid-cols-2 xl:grid-cols-4">
            <div>
                <p class="font-display text-2xl font-bold uppercase tracking-[0.18em]">Nivex</p>
                <p class="mt-4 max-w-xs text-sm leading-7 text-slate-600 dark:text-slate-300"><?php echo e(__('Your trusted partner in digital transformation')); ?></p>
            </div>

            <div>
                <p class="mb-4 text-sm font-bold uppercase tracking-[0.2em] text-slate-500 dark:text-slate-400"><?php echo e(__('Services')); ?></p>
                <div class="space-y-3 text-sm text-slate-600 dark:text-slate-300">
                    <p>Web</p>
                    <p>Mobile</p>
                    <p>Systems</p>
                    <p>UI/UX</p>
                    <p>Marketing</p>
                </div>
            </div>

            <div>
                <p class="mb-4 text-sm font-bold uppercase tracking-[0.2em] text-slate-500 dark:text-slate-400"><?php echo e(__('Quick Links')); ?></p>
                <div class="space-y-3 text-sm text-slate-600 dark:text-slate-300">
                    <a href="<?php echo e(route('about')); ?>" class="block hover:text-brand-600 dark:hover:text-brand-300"><?php echo e(__('About')); ?></a>
                    <a href="<?php echo e(route('services')); ?>" class="block hover:text-brand-600 dark:hover:text-brand-300"><?php echo e(__('Services')); ?></a>
                    <a href="<?php echo e(route('home')); ?>#workflow" class="block hover:text-brand-600 dark:hover:text-brand-300"><?php echo e(__('Workflow')); ?></a>
                    <a href="<?php echo e(route('contact')); ?>" class="block hover:text-brand-600 dark:hover:text-brand-300"><?php echo e(__('Contact')); ?></a>
                </div>
            </div>

            <div>
                <p class="mb-4 text-sm font-bold uppercase tracking-[0.2em] text-slate-500 dark:text-slate-400"><?php echo e(__('Contact Info')); ?></p>
                <div class="space-y-3 text-sm text-slate-600 dark:text-slate-300">
                    <a href="https://wa.me/201280600515" class="block hover:text-brand-600 dark:hover:text-brand-300">+20 128 060 0515</a>
                    <a href="mailto:hello@nivex.dev" class="block hover:text-brand-600 dark:hover:text-brand-300">hello@nivex.dev</a>
                    <a href="<?php echo e(route('login')); ?>" class="block hover:text-brand-600 dark:hover:text-brand-300"><?php echo e(__('Admin')); ?></a>
                </div>
            </div>
        </div>
    </footer>
</body>
</html><?php /**PATH C:\xampp\htdocs\Nivex\Nivex\resources\views/layouts/app.blade.php ENDPATH**/ ?>