
<?php $__env->startSection('title', config('app.name', 'ultimatePOS')); ?>

<?php $__env->startSection('content'); ?>
    <style>
        /* Background Styling */
        body {
            background: url('/img/home-bg.jpeg') no-repeat center center / cover;
            color: #fff;
            font-family: 'Poppins', sans-serif;
            margin: 0;
            padding: 0;
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            backdrop-filter: blur(5px); /* Increased blur for better contrast */
            position: relative;
            overflow: hidden;
        }

        /* Background Overlay for Better Text Contrast */
        body::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.5); /* Semi-transparent dark overlay */
            z-index: 0;
        }

        /* Flex Centering */
        .flex-center {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 80vh;
            flex-direction: column;
            text-align: center;
            z-index: 1; /* Ensure content is above overlay */
        }

        /* Title Styling */
        .title {
            font-size: 70px;
            font-weight: 700;
            text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.8);
            letter-spacing: 2px;
            margin-bottom: 10px;
            animation: fadeInDown 1s ease-out;
        }

        /* Tagline Styling */
        .tagline {
            color: #000; /* Light gray for better readability */
            font-size: 24px;
            font-weight: 400;
            max-width: 600px;
            margin: 0 20px;
            animation: fadeInUp 1.2s ease-out;
        }

        /* Animation for Smooth Appearance */
        @keyframes  fadeInDown {
            from { opacity: 0; transform: translateY(-20px); }
            to { opacity: 1; transform: translateY(0); }
        }

        @keyframes  fadeInUp {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* Mobile Responsiveness */
        @media  only screen and (max-width: 600px) {
            .title {
                font-size: 40px;
            }
            .tagline {
                font-size: 18px;
            }
        }
    </style>

    <div class="flex-center">
        <div class="title">
            <?php echo e(config('app.name', 'ultimatePOS'), false); ?>

        </div>
        <p class="tagline">
            <?php echo e(env('APP_TITLE', 'Your business, simplified.'), false); ?>

        </p>
    </div>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.home', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home3/profeedc/erps.profeed.co.ke/resources/views/welcome.blade.php ENDPATH**/ ?>