<!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', 'Laravel')); ?></title>
        <link rel="preconnect" href="https://fonts.bunny.net">
        <link href="https://fonts.bunny.net/css?family=figtree:400,500,600,700&display=swap" rel="stylesheet" />
        <?php echo app('Illuminate\Foundation\Vite')(['resources/css/app.css', 'resources/js/app.js']); ?>
    </head>
    <body class="min-h-screen bg-slate-950 font-sans text-slate-100 antialiased">
        <div class="pointer-events-none fixed inset-0 overflow-hidden">
            <div class="absolute left-0 top-0 h-80 w-80 rounded-full bg-cyan-500/20 blur-3xl"></div>
            <div class="absolute right-0 top-24 h-96 w-96 rounded-full bg-indigo-500/20 blur-3xl"></div>
            <div class="absolute bottom-0 left-1/3 h-96 w-96 rounded-full bg-fuchsia-500/10 blur-3xl"></div>
        </div>

        <div class="relative mx-auto flex min-h-screen max-w-7xl flex-col px-4 py-6 sm:px-6 lg:px-8">
            <header class="flex items-center justify-between rounded-full border border-white/10 bg-white/5 px-5 py-4 backdrop-blur">
                <div>
                    <p class="text-sm font-semibold text-white"><?php echo e(config('app.name', 'Laravel')); ?></p>
                    <p class="text-xs uppercase tracking-[0.2em] text-slate-400">Digital Service Platform</p>
                </div>

                <?php if(Route::has('login')): ?>
                    <nav class="flex items-center gap-3">
                        <?php if(auth()->guard()->check()): ?>
                            <a href="<?php echo e(route('dashboard')); ?>" class="inline-flex items-center rounded-full bg-cyan-400 px-5 py-2.5 text-sm font-semibold text-slate-950 transition hover:bg-cyan-300">
                                Dashboard
                            </a>
                        <?php else: ?>
                            <a href="<?php echo e(route('login')); ?>" class="inline-flex items-center rounded-full border border-white/15 bg-white/5 px-5 py-2.5 text-sm font-semibold text-white transition hover:bg-white/10">
                                Login
                            </a>
                        <?php endif; ?>
                    </nav>
                <?php endif; ?>
            </header>

            <main class="flex flex-1 items-center py-12">
                <div class="grid w-full gap-8 lg:grid-cols-[1.05fr_0.95fr]">
                    <section class="rounded-[2rem] border border-white/10 bg-white/10 p-8 shadow-2xl shadow-slate-950/30 backdrop-blur lg:p-10">
                        <p class="text-sm font-semibold uppercase tracking-[0.3em] text-cyan-300">Jasa Pembuatan Aplikasi</p>
                        <h1 class="mt-5 max-w-3xl text-4xl font-semibold leading-tight text-white lg:text-6xl">
                            Bangun aplikasi custom yang modern untuk bisnis Anda, dari konsep sampai siap dipakai.
                        </h1>
                        <p class="mt-6 max-w-2xl text-base leading-8 text-slate-300">
                            <?php echo e(config('app.name', 'Laravel')); ?> membantu Anda membuat aplikasi web, mobile, dan desktop dengan tampilan profesional, fitur lengkap, dan integrasi pembayaran seperti PayPal atau QRIS.
                        </p>

                        <div class="mt-8 flex flex-wrap gap-3">
                            <?php if(auth()->guard()->check()): ?>
                                <a href="<?php echo e(route('dashboard')); ?>" class="inline-flex items-center rounded-full bg-cyan-400 px-6 py-3 text-sm font-semibold text-slate-950 transition hover:bg-cyan-300">
                                    Buka Dashboard
                                </a>
                            <?php else: ?>
                                <a href="<?php echo e(route('login')); ?>" class="inline-flex items-center rounded-full bg-cyan-400 px-6 py-3 text-sm font-semibold text-slate-950 transition hover:bg-cyan-300">
                                    Masuk Sekarang
                                </a>
                            <?php endif; ?>
                        </div>
                    </section>

                    <section class="grid gap-5">
                        <div class="rounded-[2rem] border border-white/10 bg-slate-950/70 p-6 shadow-2xl shadow-slate-950/30">
                            <p class="text-sm font-medium text-cyan-200">Layanan Utama</p>
                            <h2 class="mt-3 text-2xl font-semibold text-white">Aplikasi untuk operasional dan pertumbuhan bisnis</h2>
                            <div class="mt-5 grid gap-3">
                                <div class="rounded-2xl border border-white/10 bg-white/5 px-4 py-3 text-sm text-slate-200">Sistem manajemen internal: dashboard, data master, dan laporan.</div>
                                <div class="rounded-2xl border border-white/10 bg-white/5 px-4 py-3 text-sm text-slate-200">Aplikasi layanan/produk: katalog, detail, checkout, dan pembayaran.</div>
                                <div class="rounded-2xl border border-white/10 bg-white/5 px-4 py-3 text-sm text-slate-200">Integrasi pihak ketiga: payment gateway, API, dan automasi workflow.</div>
                            </div>
                        </div>

                        <div class="rounded-[2rem] border border-white/10 bg-slate-950/70 p-6 shadow-2xl shadow-slate-950/30">
                            <p class="text-sm font-medium text-cyan-200">Nilai Tambah</p>
                            <h2 class="mt-3 text-2xl font-semibold text-white">UI modern, aman, dan siap scaling</h2>
                            <div class="mt-5 grid gap-3 sm:grid-cols-2">
                                <div class="rounded-2xl border border-cyan-400/20 bg-cyan-400/10 px-4 py-4">
                                    <p class="text-xs uppercase tracking-[0.2em] text-cyan-200">Tampilan Modern</p>
                                    <p class="mt-2 text-sm leading-6 text-cyan-50">Desain rapi, mobile-friendly, dan konsisten untuk admin maupun client.</p>
                                </div>
                                <div class="rounded-2xl border border-amber-400/20 bg-amber-400/10 px-4 py-4">
                                    <p class="text-xs uppercase tracking-[0.2em] text-amber-200">Integrasi Pembayaran</p>
                                    <p class="mt-2 text-sm leading-6 text-amber-50">Checkout online via PayPal dan opsi pembayaran lokal via QRIS.</p>
                                </div>
                            </div>
                        </div>
                    </section>
                </div>
            </main>
        </div>
    </body>
</html>
<?php /**PATH C:\xampp\htdocs\zijintechnologyinverstment\resources\views/welcome.blade.php ENDPATH**/ ?>