<?php
    $services = $settings['landing_services'] ?? [
        ['name' => 'Deep Clean', 'price' => 'Mulai Rp35.000', 'description' => 'Treatment detail untuk upper, midsole, outsole, dan tali sepatu.'],
        ['name' => 'Unyellowing', 'price' => 'Mulai Rp45.000', 'description' => 'Bantu angkat noda kuning pada midsole dan bagian putih yang mulai kusam.'],
        ['name' => 'Suede Care', 'price' => 'Mulai Rp50.000', 'description' => 'Perawatan lebih halus untuk suede, nubuck, dan material sensitif.'],
        ['name' => 'Pickup Service', 'price' => 'By area', 'description' => 'Admin bantu jadwalkan penjemputan supaya kamu tinggal siapin sepatunya.'],
    ];
    $steps = $settings['landing_steps'] ?? [
        ['title' => 'Chat atau datang', 'description' => 'Kirim foto sepatu, tanya treatment, atau langsung drop ke outlet.'],
        ['title' => 'Inspeksi awal', 'description' => 'Tim cek kondisi, foto evidence, dan konfirmasi catatan penting.'],
        ['title' => 'Proses cleaning', 'description' => 'Sepatu dicuci sesuai bahan, lalu dikeringkan dan finishing.'],
        ['title' => 'Track & ambil', 'description' => 'Progress bisa dicek online. Saat siap, tinggal ambil atau minta dikirim.'],
    ];
    $trustPoints = $settings['landing_trust_points'] ?? [
        'Evidence foto sebelum proses',
        'Treatment disesuaikan bahan',
        'Progress nota bisa dicek online',
        'Admin aktif via WhatsApp',
    ];
    $faqs = $settings['landing_faqs'] ?? [
        ['question' => 'Bisa pickup?', 'answer' => 'Bisa. Chat admin untuk cek area, jadwal, dan ongkir pickup/delivery.'],
        ['question' => 'Sepatu branded aman?', 'answer' => 'Kami inspeksi dulu dan pilih treatment sesuai bahan. Kondisi khusus akan dikonfirmasi sebelum proses.'],
        ['question' => 'Noda pasti hilang?', 'answer' => 'Noda ringan biasanya aman. Noda lama, luntur, atau kerusakan bahan akan diberi catatan saat inspeksi.'],
        ['question' => 'Bayarnya kapan?', 'answer' => 'Bisa DP atau lunas sesuai kebijakan outlet. Pengambilan dilakukan setelah pembayaran lunas.'],
    ];
?>
<!doctype html>
<html lang="id" class="scroll-smooth">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title><?php echo e($settings['landing_title'] ?? 'Wash&Wear - Laundry Sepatu'); ?></title>
    <meta name="description" content="<?php echo e($settings['landing_subtitle'] ?? 'Laundry sepatu modern, cepat, dan rapi.'); ?>">
    <script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-white text-slate-950">
    <header class="fixed inset-x-0 top-0 z-20 border-b border-white/50 bg-white/90 backdrop-blur">
        <div class="mx-auto flex max-w-6xl items-center justify-between px-4 py-2">
            <a href="<?php echo e(route('landing')); ?>" class="flex items-center gap-3">
                <img src="<?php echo e($logoUrl); ?>" alt="Wash&Wear" class="h-12 w-auto object-contain md:h-14">
            </a>
            <nav class="flex items-center gap-2 text-sm font-bold">
                <a href="#layanan" class="hidden rounded-full px-4 py-2 text-slate-600 md:block">Layanan</a>
                <a href="<?php echo e(route('tracking.index')); ?>" class="rounded-full border border-slate-200 px-4 py-2">Cek Nota</a>
                <a href="<?php echo e(route('login')); ?>" class="hidden rounded-full px-4 py-2 text-slate-500 md:block">Admin</a>
            </nav>
        </div>
    </header>

    <main>
        <section class="relative min-h-[92vh] overflow-hidden pt-20">
            <img src="<?php echo e($heroUrl); ?>" alt="Laundry sepatu Wash&Wear" class="absolute inset-0 h-full w-full object-cover">
            <div class="absolute inset-0 bg-gradient-to-r from-white via-white/90 to-white/20"></div>
            <div class="relative mx-auto grid min-h-[calc(92vh-80px)] max-w-6xl items-center px-4 py-10 md:grid-cols-[1fr_0.75fr]">
                <div class="max-w-2xl">
                    <div class="mb-4 inline-flex rounded-full border border-cyan-200 bg-cyan-50 px-4 py-2 text-sm font-black text-cyan-700"><?php echo e($settings['landing_badge'] ?? 'Sepatu kotor? Chill, kami handle.'); ?></div>
                    <h1 class="text-5xl font-black leading-[0.95] tracking-tight md:text-7xl"><?php echo e($settings['landing_title'] ?? 'Sneakers balik fresh, outfit auto naik level.'); ?></h1>
                    <p class="mt-5 max-w-xl text-lg leading-8 text-slate-600"><?php echo e($settings['landing_subtitle'] ?? 'Wash&Wear bikin sepatu harian, putih, suede, sampai limited pair kamu lebih bersih, wangi, dan siap dipakai lagi tanpa drama.'); ?></p>
                    <div class="mt-7 flex flex-col gap-3 sm:flex-row">
                        <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($whatsappUrl): ?>
                            <a href="<?php echo e($whatsappUrl); ?>?text=<?php echo e(urlencode($settings['landing_whatsapp_text'] ?? 'Halo Wash&Wear, mau tanya laundry sepatu dong.')); ?>" class="rounded-full bg-slate-950 px-6 py-4 text-center font-bold text-white">Chat WhatsApp</a>
                        <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                        <a href="#cek-progress" class="rounded-full border border-slate-300 bg-white px-6 py-4 text-center font-bold">Cek Progress</a>
                    </div>
                    <div class="mt-8 grid max-w-lg grid-cols-3 gap-3 text-sm">
                        <div class="rounded-2xl bg-white/85 p-4 shadow-sm"><strong class="block text-xl">2-4</strong><span class="text-slate-500">hari reguler</span></div>
                        <div class="rounded-2xl bg-white/85 p-4 shadow-sm"><strong class="block text-xl">Foto</strong><span class="text-slate-500">evidence</span></div>
                        <div class="rounded-2xl bg-white/85 p-4 shadow-sm"><strong class="block text-xl">Track</strong><span class="text-slate-500">nota online</span></div>
                    </div>
                </div>
            </div>
        </section>

        <section id="layanan" class="mx-auto grid max-w-6xl gap-8 px-4 py-16 lg:grid-cols-[0.9fr_1.1fr] lg:items-center">
            <div>
                <p class="text-sm font-black uppercase tracking-[0.25em] text-cyan-600">Layanan & harga</p>
                <h2 class="mt-3 text-4xl font-black tracking-tight">Pilih treatment yang paling masuk buat kondisi sepatu kamu.</h2>
                <p class="mt-4 leading-8 text-slate-600"><?php echo e($settings['landing_estimate_text'] ?? 'Reguler 2-4 hari. Express bisa diskusi via WhatsApp kalau lagi kejar outfit check.'); ?></p>
                <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($careKitUrl): ?>
                    <img src="<?php echo e($careKitUrl); ?>" alt="Peralatan laundry sepatu Wash&Wear" class="mt-6 aspect-[4/3] w-full rounded-[2rem] object-cover shadow-xl">
                <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
            </div>
            <div class="grid gap-3 sm:grid-cols-2">
                <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::openLoop(); ?><?php endif; ?><?php $__currentLoopData = $services; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $service): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::startLoopIteration(); ?><?php endif; ?>
                    <article class="rounded-3xl border border-slate-200 bg-white p-5 shadow-sm">
                        <div class="flex items-start justify-between gap-4">
                            <h3 class="text-xl font-black"><?php echo e($service['name'] ?? ''); ?></h3>
                            <span class="rounded-full bg-cyan-50 px-3 py-1 text-sm font-black text-cyan-700"><?php echo e($service['price'] ?? ''); ?></span>
                        </div>
                        <p class="mt-4 leading-7 text-slate-600"><?php echo e($service['description'] ?? ''); ?></p>
                    </article>
                <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::endLoop(); ?><?php endif; ?><?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::closeLoop(); ?><?php endif; ?>
            </div>
        </section>

        <section class="bg-slate-950 px-4 py-16 text-white">
            <div class="mx-auto grid max-w-6xl gap-8 lg:grid-cols-[1.1fr_0.9fr] lg:items-center">
                <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($beforeAfterUrl): ?>
                    <img src="<?php echo e($beforeAfterUrl); ?>" alt="Before after hasil laundry sepatu" class="aspect-video w-full rounded-[2rem] object-cover shadow-2xl">
                <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                <div>
                    <p class="text-sm font-black uppercase tracking-[0.25em] text-cyan-300">Before after</p>
                    <h2 class="mt-3 text-4xl font-black tracking-tight">Bukan cuma bersih, hasilnya harus kelihatan.</h2>
                    <p class="mt-4 leading-8 text-slate-300">Setiap sepatu dicek dulu sebelum proses. Kalau ada noda lama, bahan sensitif, atau risiko treatment, admin akan kasih catatan biar ekspektasinya jelas dari awal.</p>
                    <div class="mt-6 grid gap-3 sm:grid-cols-2">
                        <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::openLoop(); ?><?php endif; ?><?php $__currentLoopData = $trustPoints; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $point): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::startLoopIteration(); ?><?php endif; ?>
                            <div class="rounded-2xl border border-white/10 bg-white/10 p-4 font-bold"><?php echo e($point); ?></div>
                        <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::endLoop(); ?><?php endif; ?><?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::closeLoop(); ?><?php endif; ?>
                    </div>
                </div>
            </div>
        </section>

        <section class="mx-auto max-w-6xl px-4 py-16">
            <div class="mb-8 flex flex-col gap-3 md:flex-row md:items-end md:justify-between">
                <div>
                    <p class="text-sm font-black uppercase tracking-[0.25em] text-cyan-600">Cara order</p>
                    <h2 class="mt-3 text-4xl font-black tracking-tight">Alurnya ringkas, update-nya jelas.</h2>
                </div>
                <p class="max-w-md leading-7 text-slate-600"><?php echo e($settings['landing_area_text'] ?? 'Datang langsung ke outlet atau chat admin untuk atur pickup area sekitar cabang.'); ?></p>
            </div>
            <div class="grid gap-4 md:grid-cols-4">
                <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::openLoop(); ?><?php endif; ?><?php $__currentLoopData = $steps; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $index => $step): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::startLoopIteration(); ?><?php endif; ?>
                    <article class="rounded-3xl border border-slate-200 p-5">
                        <div class="grid h-11 w-11 place-items-center rounded-full bg-slate-950 text-lg font-black text-white"><?php echo e($index + 1); ?></div>
                        <h3 class="mt-5 text-lg font-black"><?php echo e($step['title'] ?? ''); ?></h3>
                        <p class="mt-3 leading-7 text-slate-600"><?php echo e($step['description'] ?? ''); ?></p>
                    </article>
                <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::endLoop(); ?><?php endif; ?><?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::closeLoop(); ?><?php endif; ?>
            </div>
        </section>

        <section id="cek-progress" class="bg-cyan-50 px-4 py-16">
            <div class="mx-auto grid max-w-6xl gap-8 md:grid-cols-[1fr_1fr] md:items-center">
                <div>
                    <p class="text-sm font-black uppercase tracking-[0.25em] text-cyan-700">Tracking nota</p>
                    <h2 class="mt-3 text-4xl font-black">Cek progress tanpa ribet.</h2>
                    <p class="mt-3 leading-8 text-slate-600">Masukkan nomor nota, langsung tahu status sepatu kamu: diterima, dicuci, finishing, atau siap diambil.</p>
                </div>
                <form method="post" action="<?php echo e(route('tracking.show')); ?>" class="rounded-3xl bg-white p-4 shadow-xl">
                    <?php echo csrf_field(); ?>
                    <label class="block text-sm font-bold text-slate-700">Nomor nota
                        <input name="invoice_no" placeholder="Contoh: INV-20260717-1-ABC123" class="mt-2 w-full rounded-2xl border px-4 py-4 text-slate-950">
                    </label>
                    <button class="mt-3 w-full rounded-2xl bg-slate-950 px-5 py-4 font-black text-white">Cek Sekarang</button>
                </form>
            </div>
        </section>

        <section class="mx-auto grid max-w-6xl gap-8 px-4 py-16 lg:grid-cols-[0.8fr_1.2fr]">
            <div>
                <p class="text-sm font-black uppercase tracking-[0.25em] text-cyan-600">FAQ</p>
                <h2 class="mt-3 text-4xl font-black tracking-tight">Pertanyaan yang sering muncul.</h2>
            </div>
            <div class="grid gap-3">
                <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::openLoop(); ?><?php endif; ?><?php $__currentLoopData = $faqs; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $faq): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::startLoopIteration(); ?><?php endif; ?>
                    <details class="group rounded-3xl border border-slate-200 p-5">
                        <summary class="cursor-pointer list-none font-black"><?php echo e($faq['question'] ?? ''); ?></summary>
                        <p class="mt-3 leading-7 text-slate-600"><?php echo e($faq['answer'] ?? ''); ?></p>
                    </details>
                <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::endLoop(); ?><?php endif; ?><?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php \Livewire\Features\SupportCompiledWireKeys\SupportCompiledWireKeys::closeLoop(); ?><?php endif; ?>
            </div>
        </section>
    </main>

    <footer class="border-t px-4 py-8">
        <div class="mx-auto flex max-w-6xl flex-col gap-3 text-sm text-slate-500 md:flex-row md:items-center md:justify-between">
            <div><?php echo e($settings['business_address'] ?? $branch?->address ?? 'Wash&Wear Sneaker Laundry'); ?></div>
            <div><?php echo e($settings['landing_footer'] ?? 'Keep it clean. Keep it wearable.'); ?></div>
        </div>
    </footer>
</body>
</html>
<?php /**PATH /Users/dedehermawan/Dokumen/project/laundry/resources/views/landing/index.blade.php ENDPATH**/ ?>