
<!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>LPKA Kelas II Jakarta</title>

    <!-- Fonts & Styles -->
    <link rel="preconnect" href="https://fonts.bunny.net">
    <link href="https://fonts.bunny.net/css?family=instrument-sans:400,500,600" rel="stylesheet" />

    <!-- Favicon -->
    <link rel="icon" href="<?php echo e(asset('picture/favicon.ico')); ?>" type="image/x-icon">
    <link rel="shortcut icon" href="<?php echo e(asset('picture/favicon.ico')); ?>" type="image/x-icon">

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

<body class="bg-white text-slate-900 dark:bg-[#0a0a0a] dark:text-slate-100">


<div class="w-full border-b border-slate-200/70 dark:border-white/10">
    <div class="mx-auto max-w-6xl px-4 py-3 flex items-center justify-between gap-3">
        <div class="flex items-center gap-2">
            <div class="h-9 w-9 rounded-xl shadow-sm"
                style="background: url('<?php echo e(asset('picture/logolpka1.png')); ?>') no-repeat center/cover;">
            </div>
            <div class="leading-tight">
                <div class="text-base font-semibold tracking-tight">LPKA Kelas II Jakarta</div>
                <div class="text-xs text-slate-500 dark:text-slate-400">Portal kegiatan di LPKA Kelas II Jakarta</div>
            </div>
            </div>

            <div class="flex items-center gap-2">
                    <?php if(Route::has('login')): ?>
                    <?php if(auth()->guard()->check()): ?>
                    <a href="<?php echo e(url('/dashboard')); ?>"
                       class="inline-flex items-center justify-center rounded-xl px-4 py-2 text-sm font-medium
                              bg-slate-900 text-white hover:bg-slate-800
                              dark:bg-white dark:text-slate-900 dark:hover:bg-slate-200 transition">
                        Dashboard
                    </a>
                    <?php else: ?>
                    <a href="<?php echo e(route('login')); ?>"
                       class="inline-flex items-center justify-center rounded-xl px-4 py-2 text-sm font-medium
                              border border-slate-200 hover:border-slate-300 hover:bg-slate-50
                              dark:border-white/10 dark:hover:bg-white/5 transition">
                        Log in
                    </a>

                    <?php if(Route::has('register')): ?>
                        <a href="<?php echo e(route('register')); ?>"
                           class="inline-flex items-center justify-center rounded-xl px-4 py-2 text-sm font-medium
                                  bg-slate-900 text-white hover:bg-slate-800
                                  dark:bg-white dark:text-slate-900 dark:hover:bg-slate-200 transition">
                            Register
                        </a>
                    <?php endif; ?>
                    <?php endif; ?>
                <?php endif; ?>
            </div>
        </div>
    </div>
</div>


<header class="relative overflow-hidden">
    <div class="absolute inset-0">
        <!-- Logo kiri atas -->
        <div class="absolute -top-24 -left-24 h-72 w-72 opacity-80"
             style="background: url('<?php echo e(asset('picture/logolpka1.png')); ?>') no-repeat center/contain;">
        </div>

        <!-- Logo kanan bawah -->
        <div class="absolute -bottom-24 -right-24 h-72 w-72 opacity-80"
             style="background: url('<?php echo e(asset('picture/logolpka1.png')); ?>') no-repeat center/contain;">
        </div>

        <!-- Overlay gradient tetap untuk transisi warna/gelap -->
        <div class="absolute inset-0 bg-gradient-to-b from-slate-50 to-white dark:from-white/5 dark:to-transparent"></div>
    </div>



    <div class="relative mx-auto max-w-6xl px-4 py-12 lg:py-16">
        <div class="max-w-full">
                
                <img src="picture/iglogo.png" 
                alt="Profile Perusahaan" 
                style="height:100px; width:auto; object-fit:contain;">

                <h1 class="mt-4 text-3xl lg:text-5xl font-semibold tracking-tight">KONTAK : </h1>

                <h2 class="mt-6 text-lg font-semibold">Silahkan coba untuk menghubungi akun media sosial LPKA (instagram) -> https://www.instagram.com/lpkajakarta</h2>

            </div>
    </div>
        </header>

        
        <footer class="border-t border-slate-200/70 dark:border-white/10">
            <div class="mx-auto max-w-6xl px-4 py-10">
                <div class="flex flex-col lg:flex-row justify-between gap-6">
                    <div>
                        <a href="<?php echo e(url('/')); ?>" class="flex items-center gap-2">
                <div class="h-9 w-9 rounded-xl shadow-sm"
                    style="background: url('<?php echo e(asset('picture/logolpka1.png')); ?>') no-repeat center/cover;">
                </div>
                        <div class="text-base font-semibold">LPKA Kelas II Jakarta</div>
                        </a>
                        <p class="mt-2 text-sm text-slate-600 dark:text-slate-300 max-w-md">
                            Portal berita kegiatan di LPKA Kelas II Jakarta.
                        </p>
                        <p class="mt-4 text-xs text-slate-500 dark:text-slate-400">
                            © <?php echo e(now()->year); ?> LPKA Kelas II Jakarta. All rights reserved.
                        </p>
                    </div>

                    <div class="grid grid-cols-2 sm:grid-cols-2 md:grid-cols-4 gap-6 text-sm">    
                    <div>
                            <div class="font-semibold">Explore</div>
                            <ul class="mt-3 space-y-2 text-slate-600 dark:text-slate-300">
                                <?php if(!empty($categories) && $categories->count()): ?>
                                    <?php $__currentLoopData = $categories->take(3); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $cat): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                        <li>
                                            <a class="hover:underline underline-offset-4" href="javascript:void(0)"><?php echo e($cat); ?></a>
                                        </li>
                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                <?php else: ?>
                                    <li><a class="hover:underline underline-offset-4" href="javascript:void(0)">Kegiatan</a></li>
                                    <li><a class="hover:underline underline-offset-4" href="javascript:void(0)">Aktivitas</a></li>
                                    <li><a class="hover:underline underline-offset-4" href="javascript:void(0)">Pertanian</a></li>
                                <?php endif; ?>
                            </ul>
                        </div>
                        <div>
                            <div class="font-semibold">Company</div>
                            <ul class="mt-3 space-y-2 text-slate-600 dark:text-slate-300">
                                <li><a class="hover:underline underline-offset-4" href="<?php echo e(route('tentang')); ?>">Tentang</a></li>
                                <li><a class="hover:underline underline-offset-4" href="javascript:void(0)">Kontak</a></li>
                                <li><a class="hover:underline underline-offset-4" href="javascript:void(0)">Kebijakan</a></li>
                            </ul>
                        </div>
                        <div>
                            <div class="font-semibold">Account</div>
                            <ul class="mt-3 space-y-2 text-slate-600 dark:text-slate-300">
                                <li><a class="hover:underline underline-offset-4" href="<?php echo e(Route::has('login') ? route('login') : 'javascript:void(0)'); ?>">Login</a></li>
                                <li><a class="hover:underline underline-offset-4" href="<?php echo e(Route::has('register') ? route('register') : 'javascript:void(0)'); ?>">Register</a></li>
                                <li><a class="hover:underline underline-offset-4" href="javascript:void(0)">Help</a></li>
                            </ul>
                        </div>
                        <div>
                        <div class="font-semibold">Data Binaan</div>
                            <ul class="mt-3 space-y-2 text-slate-600 dark:text-slate-300">
                                <li><a class="hover:underline underline-offset-4" href="<?php echo e(Route::has('anak_binaan.index') ? route('anak_binaan.index') : 'javascript:void(0)'); ?>">Profil Anak Binaan</a></li>
                                <li><a class="hover:underline underline-offset-4" href="<?php echo e(Route::has('jadwal.kegiatan') ? route('jadwal.kegiatan') : 'javascript:void(0)'); ?>">Jadwal Kegiatan</a></li>
                                <li><a class="hover:underline underline-offset-4" href="javascript:void(0)">Laporan Perkembangan</a></li>
                            </ul>
                        </div>

                    </div>
                </div>
            </div>
        </footer>

</body>
</html><?php /**PATH /home/lpkaberk/public_html/resources/views/kontak.blade.php ENDPATH**/ ?>