<!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">
        <title><?php echo e(config('app.name', 'TaskWeb')); ?> - Modern Task Management Platform</title>
        <link rel="preconnect" href="https://fonts.bunny.net">
        <link href="https://fonts.bunny.net/css?family=inter:400,500,600,700,800,900&display=swap" rel="stylesheet" />
        <script>
            if (localStorage.getItem('theme') === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
                document.documentElement.classList.add('dark')
            } else {
                document.documentElement.classList.remove('dark')
            }
        </script>
        <?php echo app('Illuminate\Foundation\Vite')(['resources/css/app.css', 'resources/js/app.js']); ?>
        
        <style>
            @keyframes gradient-shift {
                0%, 100% { background-position: 0% 50%; }
                50% { background-position: 100% 50%; }
            }
            
            @keyframes float {
                0%, 100% { transform: translateY(0px); }
                50% { transform: translateY(-20px); }
            }
            
            @keyframes fade-in-up {
                from {
                    opacity: 0;
                    transform: translateY(30px);
                }
                to {
                    opacity: 1;
                    transform: translateY(0);
                }
            }
            
            .gradient-text {
                background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                background-clip: text;
            }
            
            .gradient-bg {
                background: linear-gradient(-45deg, #667eea, #764ba2, #f093fb, #4facfe);
                background-size: 400% 400%;
                animation: gradient-shift 15s ease infinite;
            }
            
            .fade-in-up {
                animation: fade-in-up 0.8s ease-out;
            }
            
            .float {
                animation: float 6s ease-in-out infinite;
            }
        </style>
    </head>
    <body class="bg-slate-50 dark:bg-slate-950 text-slate-900 dark:text-white font-sans antialiased selection:bg-indigo-500 selection:text-white">
        <div class="min-h-screen">
            <!-- Navigation -->
            <header class="fixed top-0 left-0 right-0 z-50 backdrop-blur-xl bg-white/80 dark:bg-slate-950/80 border-b border-slate-200 dark:border-slate-800">
                <div class="max-w-7xl mx-auto px-4 sm:px-6 py-3 sm:py-4 flex justify-between items-center">
                    <div class="flex items-center gap-2 sm:gap-3">
                        <?php if (isset($component)) { $__componentOriginal8892e718f3d0d7a916180885c6f012e7 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal8892e718f3d0d7a916180885c6f012e7 = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.application-logo','data' => ['class' => 'w-8 h-8 sm:w-10 sm:h-10 text-indigo-600']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('application-logo'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes(['class' => 'w-8 h-8 sm:w-10 sm:h-10 text-indigo-600']); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal8892e718f3d0d7a916180885c6f012e7)): ?>
<?php $attributes = $__attributesOriginal8892e718f3d0d7a916180885c6f012e7; ?>
<?php unset($__attributesOriginal8892e718f3d0d7a916180885c6f012e7); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal8892e718f3d0d7a916180885c6f012e7)): ?>
<?php $component = $__componentOriginal8892e718f3d0d7a916180885c6f012e7; ?>
<?php unset($__componentOriginal8892e718f3d0d7a916180885c6f012e7); ?>
<?php endif; ?>
                        <span class="text-xl sm:text-2xl font-black tracking-tight">TaskWeb</span>
                    </div>

                    <?php if(Route::has('login')): ?>
                        <nav class="flex items-center gap-2 sm:gap-4">
                            <?php if(auth()->guard()->check()): ?>
                                <a href="<?php echo e(url('/dashboard')); ?>" class="px-4 sm:px-6 py-2 sm:py-2.5 bg-gradient-to-r from-indigo-600 to-purple-600 hover:from-indigo-700 hover:to-purple-700 text-white rounded-xl text-xs sm:text-sm font-bold shadow-lg shadow-indigo-500/30 transition-all hover:scale-105">
                                    Dashboard
                                </a>
                            <?php else: ?>
                                <a href="<?php echo e(route('login')); ?>" class="hidden sm:block text-sm font-semibold text-slate-700 dark:text-slate-300 hover:text-indigo-600 dark:hover:text-indigo-400 transition-colors">
                                    Sign In
                                </a>
                                <?php if(Route::has('register')): ?>
                                    <a href="<?php echo e(route('register')); ?>" class="px-4 sm:px-6 py-2 sm:py-2.5 bg-gradient-to-r from-indigo-600 to-purple-600 hover:from-indigo-700 hover:to-purple-700 text-white rounded-xl text-xs sm:text-sm font-bold shadow-lg shadow-indigo-500/30 transition-all hover:scale-105">
                                        <span class="hidden sm:inline">Get Started Free</span>
                                        <span class="sm:hidden">Sign Up</span>
                                    </a>
                                <?php endif; ?>
                            <?php endif; ?>
                        </nav>
                    <?php endif; ?>
                </div>
            </header>

            <!-- Hero Section -->
            <section class="pt-24 sm:pt-32 pb-12 sm:pb-20 px-4 sm:px-6 relative overflow-hidden">
                <!-- Background Gradient Orbs -->
                <div class="absolute inset-0 overflow-hidden pointer-events-none">
                    <div class="absolute top-0 left-1/4 w-96 h-96 bg-indigo-500/20 rounded-full blur-3xl float"></div>
                    <div class="absolute bottom-0 right-1/4 w-96 h-96 bg-purple-500/20 rounded-full blur-3xl float" style="animation-delay: -3s;"></div>
                </div>

                <div class="max-w-7xl mx-auto text-center relative z-10">
                    <!-- Badge -->
                    <div class="inline-flex items-center gap-2 px-4 py-2 rounded-full bg-indigo-100 dark:bg-indigo-900/30 text-indigo-600 dark:text-indigo-400 text-sm font-bold mb-8 fade-in-up">
                        <span class="relative flex h-2 w-2">
                            <span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-indigo-400 opacity-75"></span>
                            <span class="relative inline-flex rounded-full h-2 w-2 bg-indigo-500"></span>
                        </span>
                        Now with AI-powered task suggestions
                    </div>

                    <!-- Main Heading -->
                    <h1 class="text-4xl sm:text-6xl md:text-8xl font-black mb-6 sm:mb-8 leading-tight fade-in-up" style="animation-delay: 0.1s;">
                        Manage Tasks Like
                        <br/>
                        <span class="gradient-text">Never Before</span>
                    </h1>

                    <!-- Subheading -->
                    <p class="text-lg sm:text-xl md:text-2xl text-slate-600 dark:text-slate-400 max-w-3xl mx-auto mb-8 sm:mb-12 leading-relaxed fade-in-up" style="animation-delay: 0.2s;">
                        The most beautiful and powerful task management platform for individuals and teams. Built for productivity, designed for delight.
                    </p>

                    <!-- CTA Buttons -->
                    <div class="flex flex-col sm:flex-row items-center justify-center gap-3 sm:gap-4 mb-12 sm:mb-20 fade-in-up" style="animation-delay: 0.3s;">
                        <?php if(auth()->guard()->check()): ?>
                            <a href="<?php echo e(url('/dashboard')); ?>" class="w-full sm:w-auto px-8 sm:px-10 py-3 sm:py-4 bg-gradient-to-r from-indigo-600 to-purple-600 hover:from-indigo-700 hover:to-purple-700 text-white rounded-2xl text-base sm:text-lg font-bold shadow-2xl shadow-indigo-500/40 transition-all hover:scale-105 active:scale-95">
                                Go to Dashboard →
                            </a>
                        <?php else: ?>
                            <a href="<?php echo e(route('register')); ?>" class="w-full sm:w-auto px-8 sm:px-10 py-3 sm:py-4 bg-gradient-to-r from-indigo-600 to-purple-600 hover:from-indigo-700 hover:to-purple-700 text-white rounded-2xl text-base sm:text-lg font-bold shadow-2xl shadow-indigo-500/40 transition-all hover:scale-105 active:scale-95">
                                Start Free Trial →
                            </a>
                            <a href="<?php echo e(route('login')); ?>" class="w-full sm:w-auto px-8 sm:px-10 py-3 sm:py-4 bg-white dark:bg-slate-900 border-2 border-slate-200 dark:border-slate-800 text-slate-900 dark:text-white rounded-2xl text-base sm:text-lg font-bold hover:border-indigo-500 dark:hover:border-indigo-500 transition-all hover:scale-105 active:scale-95">
                                Sign In
                            </a>
                        <?php endif; ?>
                    </div>

                    <!-- Stats -->
                    <div class="grid grid-cols-3 gap-4 sm:gap-8 max-w-3xl mx-auto fade-in-up" style="animation-delay: 0.4s;">
                        <div>
                            <div class="text-2xl sm:text-4xl font-black text-indigo-600 mb-1 sm:mb-2">10K+</div>
                            <div class="text-xs sm:text-sm text-slate-600 dark:text-slate-400 font-semibold">Active Users</div>
                        </div>
                        <div>
                            <div class="text-2xl sm:text-4xl font-black text-indigo-600 mb-1 sm:mb-2">50K+</div>
                            <div class="text-xs sm:text-sm text-slate-600 dark:text-slate-400 font-semibold">Tasks Completed</div>
                        </div>
                        <div>
                            <div class="text-2xl sm:text-4xl font-black text-indigo-600 mb-1 sm:mb-2">99.9%</div>
                            <div class="text-xs sm:text-sm text-slate-600 dark:text-slate-400 font-semibold">Uptime</div>
                        </div>
                    </div>
                </div>
            </section>

            <!-- Features Section -->
            <section class="py-12 sm:py-20 px-4 sm:px-6 bg-white dark:bg-slate-900">
                <div class="max-w-7xl mx-auto">
                    <div class="text-center mb-10 sm:mb-16">
                        <h2 class="text-3xl sm:text-5xl font-black mb-4 sm:mb-6">Everything you need</h2>
                        <p class="text-base sm:text-xl text-slate-600 dark:text-slate-400 max-w-2xl mx-auto px-4">
                            Powerful features to help you stay organized and productive
                        </p>
                    </div>

                    <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 sm:gap-8">
                        <!-- Feature 1 -->
                        <div class="p-8 bg-slate-50 dark:bg-slate-800 rounded-3xl hover:shadow-2xl transition-all group">
                            <div class="w-14 h-14 bg-gradient-to-br from-indigo-500 to-purple-500 text-white rounded-2xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform">
                                <svg class="w-7 h-7" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"></path>
                                </svg>
                            </div>
                            <h3 class="text-2xl font-black mb-3">Kanban Boards</h3>
                            <p class="text-slate-600 dark:text-slate-400 leading-relaxed">
                                Visualize your workflow with beautiful, drag-and-drop Kanban boards
                            </p>
                        </div>

                        <!-- Feature 2 -->
                        <div class="p-8 bg-slate-50 dark:bg-slate-800 rounded-3xl hover:shadow-2xl transition-all group">
                            <div class="w-14 h-14 bg-gradient-to-br from-emerald-500 to-teal-500 text-white rounded-2xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform">
                                <svg class="w-7 h-7" 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"></path>
                                </svg>
                            </div>
                            <h3 class="text-2xl font-black mb-3">Calendar View</h3>
                            <p class="text-slate-600 dark:text-slate-400 leading-relaxed">
                                See all your tasks and deadlines in a comprehensive calendar interface
                            </p>
                        </div>

                        <!-- Feature 3 -->
                        <div class="p-8 bg-slate-50 dark:bg-slate-800 rounded-3xl hover:shadow-2xl transition-all group">
                            <div class="w-14 h-14 bg-gradient-to-br from-orange-500 to-red-500 text-white rounded-2xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform">
                                <svg class="w-7 h-7" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"></path>
                                </svg>
                            </div>
                            <h3 class="text-2xl font-black mb-3">Team Collaboration</h3>
                            <p class="text-slate-600 dark:text-slate-400 leading-relaxed">
                                Work together seamlessly with real-time updates and comments
                            </p>
                        </div>

                        <!-- Feature 4 -->
                        <div class="p-8 bg-slate-50 dark:bg-slate-800 rounded-3xl hover:shadow-2xl transition-all group">
                            <div class="w-14 h-14 bg-gradient-to-br from-blue-500 to-cyan-500 text-white rounded-2xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform">
                                <svg class="w-7 h-7" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path>
                                </svg>
                            </div>
                            <h3 class="text-2xl font-black mb-3">Lightning Fast</h3>
                            <p class="text-slate-600 dark:text-slate-400 leading-relaxed">
                                Built with modern tech for instant loading and zero lag
                            </p>
                        </div>

                        <!-- Feature 5 -->
                        <div class="p-8 bg-slate-50 dark:bg-slate-800 rounded-3xl hover:shadow-2xl transition-all group">
                            <div class="w-14 h-14 bg-gradient-to-br from-violet-500 to-purple-500 text-white rounded-2xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform">
                                <svg class="w-7 h-7" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"></path>
                                </svg>
                            </div>
                            <h3 class="text-2xl font-black mb-3">Dark Mode</h3>
                            <p class="text-slate-600 dark:text-slate-400 leading-relaxed">
                                Beautiful dark theme that's easy on the eyes, day or night
                            </p>
                        </div>

                        <!-- Feature 6 -->
                        <div class="p-8 bg-slate-50 dark:bg-slate-800 rounded-3xl hover:shadow-2xl transition-all group">
                            <div class="w-14 h-14 bg-gradient-to-br from-pink-500 to-rose-500 text-white rounded-2xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform">
                                <svg class="w-7 h-7" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 18h.01M8 21h8a2 2 0 002-2V5a2 2 0 00-2-2H8a2 2 0 00-2 2v14a2 2 0 002 2z"></path>
                                </svg>
                            </div>
                            <h3 class="text-2xl font-black mb-3">Mobile Ready</h3>
                            <p class="text-slate-600 dark:text-slate-400 leading-relaxed">
                                Fully responsive design that works perfectly on any device
                            </p>
                        </div>
                    </div>
                </div>
            </section>

            <!-- CTA Section -->
            <section class="py-12 sm:py-20 px-4 sm:px-6 gradient-bg">
                <div class="max-w-4xl mx-auto text-center">
                    <h2 class="text-3xl sm:text-5xl font-black text-white mb-4 sm:mb-6">
                        Ready to boost your productivity?
                    </h2>
                    <p class="text-base sm:text-xl text-white/90 mb-8 sm:mb-10">
                        Join thousands of users who are already managing their tasks better
                    </p>
                    <?php if(auth()->guard()->guest()): ?>
                        <a href="<?php echo e(route('register')); ?>" class="inline-block px-8 sm:px-12 py-3 sm:py-5 bg-white text-indigo-600 rounded-2xl text-base sm:text-xl font-black shadow-2xl hover:shadow-3xl transition-all hover:scale-105 active:scale-95">
                            Get Started Free →
                        </a>
                    <?php endif; ?>
                </div>
            </section>

            <!-- Footer -->
            <footer class="py-8 sm:py-12 px-4 sm:px-6 bg-white dark:bg-slate-900 border-t border-slate-200 dark:border-slate-800">
                <div class="max-w-7xl mx-auto">
                    <div class="flex flex-col md:flex-row justify-between items-center gap-4 sm:gap-6">
                        <div class="flex items-center gap-3">
                            <?php if (isset($component)) { $__componentOriginal8892e718f3d0d7a916180885c6f012e7 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal8892e718f3d0d7a916180885c6f012e7 = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.application-logo','data' => ['class' => 'w-8 h-8 text-indigo-600']] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('application-logo'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes(['class' => 'w-8 h-8 text-indigo-600']); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal8892e718f3d0d7a916180885c6f012e7)): ?>
<?php $attributes = $__attributesOriginal8892e718f3d0d7a916180885c6f012e7; ?>
<?php unset($__attributesOriginal8892e718f3d0d7a916180885c6f012e7); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal8892e718f3d0d7a916180885c6f012e7)): ?>
<?php $component = $__componentOriginal8892e718f3d0d7a916180885c6f012e7; ?>
<?php unset($__componentOriginal8892e718f3d0d7a916180885c6f012e7); ?>
<?php endif; ?>
                            <span class="text-xl font-black">TaskWeb</span>
                        </div>
                        <p class="text-sm text-slate-600 dark:text-slate-400">
                            © <?php echo e(date('Y')); ?> TaskWeb. Built with ❤️ for productivity.
                        </p>
                        <div class="flex gap-6 text-sm font-semibold">
                            <a href="#" class="text-slate-600 dark:text-slate-400 hover:text-indigo-600 dark:hover:text-indigo-400 transition-colors">Privacy</a>
                            <a href="#" class="text-slate-600 dark:text-slate-400 hover:text-indigo-600 dark:hover:text-indigo-400 transition-colors">Terms</a>
                            <a href="#" class="text-slate-600 dark:text-slate-400 hover:text-indigo-600 dark:hover:text-indigo-400 transition-colors">Support</a>
                        </div>
                    </div>
                </div>
            </footer>
        </div>
    </body>
</html>
<?php /**PATH C:\laragon\www\Taskweb\resources\views/welcome.blade.php ENDPATH**/ ?>