@extends('web.layouts.web-master')

@section('title', 'Theme Demo - ' . ($domainName ?? 'B2IN'))

@section('content')
    <div class="bg-background">
        <livewire:web.components.ui.header />

        <main class="section-padding variante-glass-flow">
            <div class="container-padding">
                <!-- Theme Info Section -->
                <livewire:web.components.demo.theme-info />

                <!-- Logo Demo Section -->
                <livewire:web.components.demo.logo-demo />

                <!-- Color Demo Section -->
                <livewire:web.components.demo.color-demo />

                <!-- Button Demo Section -->
                <livewire:web.components.demo.button-demo />

                <!-- Theme Switcher Section -->
                <livewire:web.components.demo.theme-switcher />
            </div>
        </main>

        <livewire:web.components.ui.footer />
    </div>
@endsection

@push('styles')
    <style>
        [x-cloak] {
            display: none !important;
        }
    </style>
@endpush

@push('scripts')
    {{-- Alpine.js wird zentral im Layout geladen --}}
@endpush