<!DOCTYPE html>
<html lang="<?php echo e(str_replace('_', '-', app()->getLocale())); ?>">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="csrf-token" content="<?php echo e(csrf_token()); ?>">
        <?php ($guestBrandVersion = $settings?->updated_at?->timestamp ?? $settings?->logo_media_id ?? $settings?->favicon_media_id ?? '1'); ?>
        <?php ($guestLogo = ($settings?->logo_url ?? asset('uploads/logos/saleem-sial-logo.png')) . '?v=' . $guestBrandVersion); ?>

        <title><?php echo $__env->yieldContent('title', 'Access CMS Workspace'); ?></title>
        <meta name="description" content="<?php echo $__env->yieldContent('meta_description', 'Secure access for the Saleem Sial Analytics CMS workspace.'); ?>">
        <link rel="icon" href="<?php echo e(($settings?->favicon_url ?? asset('uploads/placeholders/saleem-sial-favicon.png')) . '?v=' . $guestBrandVersion); ?>">

        <link rel="preconnect" href="https://fonts.bunny.net">
        <link href="https://fonts.bunny.net/css?family=figtree:400,500,600,700,800&display=swap" rel="stylesheet">
        <script src="https://cdn.tailwindcss.com"></script>
        <script src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js" defer></script>
    </head>
    <body class="min-h-screen bg-[#EAF5EA] font-['Figtree'] text-[#111111]">
        <div class="relative min-h-screen overflow-hidden bg-[radial-gradient(circle_at_top_left,_rgba(20,89,158,0.20),_transparent_26%),radial-gradient(circle_at_top_right,_rgba(148,198,45,0.22),_transparent_24%),linear-gradient(180deg,_#EAF5EA_0%,_#ffffff_100%)]">
            <div class="pointer-events-none absolute inset-0 opacity-80">
                <div class="absolute left-[-8rem] top-[-6rem] h-72 w-72 rounded-full bg-[#B4CAE3]/60 blur-3xl"></div>
                <div class="absolute bottom-[-8rem] right-[-5rem] h-80 w-80 rounded-full bg-[#D5E9A4]/70 blur-3xl"></div>
                <div class="absolute left-1/2 top-16 h-48 w-48 -translate-x-1/2 rounded-full bg-[#F5AF00]/15 blur-3xl"></div>
            </div>

            <div class="relative mx-auto grid min-h-screen max-w-7xl items-center gap-10 px-4 py-8 sm:px-6 lg:grid-cols-[1.08fr_minmax(420px,0.92fr)] lg:px-10">
                <div class="hidden lg:block">
                    <div class="max-w-2xl">
                        <a href="<?php echo e(route('home')); ?>" class="inline-flex items-center gap-4 rounded-full border border-[#B4CAE3] bg-white/80 px-5 py-3 shadow-[0_15px_40px_rgba(18,50,98,0.10)] backdrop-blur">
                            <img src="<?php echo e($guestLogo); ?>" alt="<?php echo e($settings?->site_name ?? config('app.name')); ?>" class="h-12 w-auto max-w-[180px] rounded-none bg-transparent object-contain p-0 shadow-none">
                            <span class="text-left">
                                <span class="block text-base font-semibold text-[#123262]"><?php echo e($settings?->site_name ?? config('app.name', 'Saleem Sial Analytics')); ?></span>
                                <span class="block text-sm text-[#224672]">Admin workspace</span>
                            </span>
                        </a>

                        <div class="mt-10 space-y-6">
                            <span class="inline-flex rounded-full border border-[#94C62D]/50 bg-[#D5E9A4] px-4 py-2 text-sm font-semibold text-[#123262]">Secure admin access</span>
                            <h1 class="max-w-xl text-5xl font-semibold leading-tight tracking-tight text-[#123262]">
                                Manage content, leads, media, and reporting from one clean workspace.
                            </h1>
                            <p class="max-w-xl text-lg leading-8 text-[#224672]">
                                Sign in to update services, review contact requests, manage support messages, and keep the Saleem Sial Analytics site moving without touching code.
                            </p>
                        </div>

                        <div class="mt-10 grid max-w-2xl gap-4 sm:grid-cols-2">
                            <div class="rounded-3xl border border-[#B4CAE3] bg-white/75 p-5 backdrop-blur">
                                <p class="text-sm font-semibold uppercase tracking-[0.2em] text-[#14599E]">Content control</p>
                                <p class="mt-3 text-sm leading-7 text-[#224672]">Edit hero sections, service cards, page blocks, and media-driven icons directly from the admin panel.</p>
                            </div>
                            <div class="rounded-3xl border border-[#D5E9A4] bg-white/75 p-5 backdrop-blur">
                                <p class="text-sm font-semibold uppercase tracking-[0.2em] text-[#94C62D]">Lead response</p>
                                <p class="mt-3 text-sm leading-7 text-[#224672]">Handle contact form and support chat requests with status tracking, notifications, and email replies.</p>
                            </div>
                            <div class="rounded-3xl border border-[#B4CAE3] bg-white/75 p-5 backdrop-blur">
                                <p class="text-sm font-semibold uppercase tracking-[0.2em] text-[#14599E]">Media library</p>
                                <p class="mt-3 text-sm leading-7 text-[#224672]">Swap icons, hero visuals, and logos from a visual picker instead of editing file paths manually.</p>
                            </div>
                            <div class="rounded-3xl border border-[#F5AF00]/40 bg-white/75 p-5 backdrop-blur">
                                <p class="text-sm font-semibold uppercase tracking-[0.2em] text-[#E17300]">Verified access</p>
                                <p class="mt-3 text-sm leading-7 text-[#224672]">A built-in math challenge helps block automated login attempts without needing any external captcha API.</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="w-full">
                    <div class="mx-auto w-full max-w-xl rounded-[2rem] border border-[#B4CAE3] bg-white/95 p-5 text-[#111111] shadow-[0_25px_80px_rgba(18,50,98,0.18)] backdrop-blur sm:p-8">
                        <div class="mb-6 flex items-center gap-4 lg:hidden">
                            <img src="<?php echo e($guestLogo); ?>" alt="<?php echo e($settings?->site_name ?? config('app.name')); ?>" class="h-14 w-auto max-w-[180px] rounded-none bg-transparent object-contain p-0 shadow-none">
                            <div>
                                <p class="text-lg font-semibold text-[#123262]"><?php echo e($settings?->site_name ?? config('app.name', 'Saleem Sial Analytics')); ?></p>
                                <p class="text-sm text-[#224672]">Admin workspace</p>
                            </div>
                        </div>

                        <?php echo e($slot); ?>

                    </div>
                </div>
            </div>
        </div>
    </body>
</html>
<?php /**PATH C:\xampp\htdocs\saleemsailAna.com\resources\views/layouts/guest.blade.php ENDPATH**/ ?>