@extends('layouts.app')

@section('content')
<div>
    @if ($heroSectionActive?->is_active)
        @livewire('layout.hero-section')  <!-- Hero Section -->
    @endif

    @if ($personelListActive?->is_active)
        @livewire('layout.personel-list')  <!-- Personel List Section -->
    @endif

    @if ($highlightSliderActive?->is_active)
        <section id="highlight-slider" class="py-20 bg-gray-50 dark:bg-gray-800">
            @include('frontend.partials.highlight-slider', ['highlights' => $highlights])
        </section>
    @endif

    @if ($catalogSectionActive?->is_active)
        <section id="katalog" class="py-20 bg-white dark:bg-gray-900">
            @include('frontend.partials.catalog-slider', ['catalogspreview' => $previewCatalogs])  <!-- Menampilkan katalog -->
        </section>
    @endif
    @if ($aboutSectionActive?->is_active)
        <section id="katalog" class="py-20 bg-white dark:bg-gray-900">
        @livewire('tentang-kami')
        </section>
    @endif
</div>
@endsection