@extends('layouts.app')

@section('title', $seoTitles['Katalog Produk'] ?? 'Katalog B2B')
@section('meta_description', $seoPages['Katalog Produk'] ?? '')

@section('content')
<!-- HEADER -->
<section class="bg-gray-50 border-b border-gray-200 py-16">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
        <span class="text-brand-red font-bold uppercase text-xs tracking-widest font-display">KATALOG PRODUK B2B</span>
        <h1 class="text-4xl font-extrabold font-display text-gray-900 mt-2">Daftar Produk & Perlengkapan Industri</h1>
    </div>
</section>

<!-- WRAPPER LIVEWIRE CATALOG -->
<section class="py-16 bg-white min-h-screen">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        @livewire('catalog')
    </div>
</section>
@endsection