<!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>Manufacturing ERP</title>

    <!-- Fonts -->
    <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" />

    <!-- Bootstrap Icons -->
    <link rel="stylesheet"
          href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">

    <?php echo app('Illuminate\Foundation\Vite')(['resources/css/app.css', 'resources/js/app.js']); ?>

</head>

<body class="bg-slate-50 font-sans antialiased">

<!-- Navbar -->
<header class="absolute top-0 left-0 w-full z-50">

    <div class="max-w-7xl mx-auto px-6">

        <div class="flex items-center justify-between py-5">

            <!-- Logo -->
            <div class="flex items-center gap-3">

                <div class="w-12 h-12 rounded-2xl bg-gradient-to-r from-indigo-600 to-blue-500 flex items-center justify-center text-white text-2xl shadow-lg">

                    <i class="bi bi-box-seam"></i>

                </div>

                <div>

                    <h1 class="text-2xl font-bold text-white">
                        Manufacturing ERP
                    </h1>

                </div>

            </div>

            <!-- Menu -->
            <div class="flex items-center gap-4">

                <?php if(auth()->guard()->check()): ?>

                    <a href="<?php echo e(route('dashboard')); ?>"
                       class="bg-white text-slate-900 px-5 py-2.5 rounded-xl font-semibold hover:bg-slate-100 transition">

                        Dashboard

                    </a>

                <?php else: ?>

                    

                    <a href="<?php echo e(route('login')); ?>"
                       class="bg-white text-slate-900 px-5 py-2.5 rounded-xl font-semibold hover:bg-slate-100 transition">

                        Login

                    </a>

                <?php endif; ?>

            </div>

        </div>

    </div>

</header>

<!-- Hero Section -->
<section class="relative min-h-screen flex items-center overflow-hidden bg-gradient-to-r from-slate-900 via-indigo-900 to-slate-900">

    <!-- Blur -->
    <div class="absolute inset-0">

        <div class="absolute w-96 h-96 bg-blue-500 opacity-20 blur-3xl rounded-full top-20 left-10"></div>

        <div class="absolute w-96 h-96 bg-purple-500 opacity-20 blur-3xl rounded-full bottom-10 right-10"></div>

    </div>

    <div class="relative max-w-7xl mx-auto px-6 py-20">

        <div class="grid grid-cols-1 lg:grid-cols-2 gap-16 items-center">

            <!-- Left -->
            <div>

                <span class="bg-white/10 border border-white/20 backdrop-blur-md text-blue-200 px-5 py-2 rounded-full text-sm font-semibold">

                    Smart Manufacturing Software

                </span>

                <h1 class="text-5xl lg:text-6xl font-extrabold text-white leading-tight mt-8">

                    Production &
                    Inventory Management System

                </h1>

                <p class="text-xl text-slate-300 mt-8 leading-relaxed">

                    Manage raw materials, products,
                    BOM formulas and production process
                    in one modern ERP software.

                </p>

                <!-- Buttons -->
                <div class="flex flex-wrap gap-4 mt-10">

                   
                    <a href="<?php echo e(route('login')); ?>"
                       class="bg-white/10 border border-white/20 backdrop-blur-md text-white px-8 py-4 rounded-2xl font-semibold hover:bg-white/20 transition">

                        Login

                    </a>

                </div>

            </div>

            <!-- Right -->
            <div>

                <div class="bg-white/10 backdrop-blur-xl border border-white/20 rounded-3xl p-8 shadow-2xl">

                    <div class="space-y-6">

                        <!-- Item -->
                        <div class="bg-white/10 rounded-2xl p-5 flex items-center gap-4">

                            <div class="w-14 h-14 rounded-2xl bg-blue-500/20 text-blue-300 flex items-center justify-center text-2xl">

                                <i class="bi bi-box-seam"></i>

                            </div>

                            <div>

                                <h3 class="text-xl font-bold text-white">
                                    Raw Materials
                                </h3>

                                <p class="text-slate-300 text-sm">
                                    Manage stock & quantity
                                </p>

                            </div>

                        </div>

                        <!-- Item -->
                        <div class="bg-white/10 rounded-2xl p-5 flex items-center gap-4">

                            <div class="w-14 h-14 rounded-2xl bg-green-500/20 text-green-300 flex items-center justify-center text-2xl">

                                <i class="bi bi-diagram-3"></i>

                            </div>

                            <div>

                                <h3 class="text-xl font-bold text-white">
                                    BOM Formula
                                </h3>

                                <p class="text-slate-300 text-sm">
                                    Product formula management
                                </p>

                            </div>

                        </div>

                        <!-- Item -->
                        <div class="bg-white/10 rounded-2xl p-5 flex items-center gap-4">

                            <div class="w-14 h-14 rounded-2xl bg-purple-500/20 text-purple-300 flex items-center justify-center text-2xl">

                                <i class="bi bi-gear-wide-connected"></i>

                            </div>

                            <div>

                                <h3 class="text-xl font-bold text-white">
                                    Production
                                </h3>

                                <p class="text-slate-300 text-sm">
                                    Production tracking system
                                </p>

                            </div>

                        </div>

                    </div>

                </div>

            </div>

        </div>

    </div>

</section>

</body>
</html><?php /**PATH C:\xampp\htdocs\manufacturing-system\resources\views/welcome.blade.php ENDPATH**/ ?>