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

@section('title', 'Für Entwickler & Partner - B2in')

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

        <main class="variante-glass-flow">
            <livewire:web.components.sections.partner-hero />
            <livewire:web.components.sections.founder-bar />
            <livewire:web.components.sections.content-section section="supply_chain_intro" layout="left" bg="bg-accent" />
            <livewire:web.components.sections.card-section section="partner_card_section" />
            <livewire:web.components.sections.benefits-section section="partner_benefits_developer" />
            <livewire:web.components.sections.benefits-section section="partner_benefits_retailer" layout="right" bg="bg-accent" />
            <livewire:web.components.sections.benefits-section section="partner_benefits_supplier" />
            <livewire:web.components.sections.benefits-section section="partner_benefits_broker" layout="right" bg="bg-accent" />
            <livewire:web.components.sections.partner-process />
            <livewire:web.components.sections.commitment-section />
            <livewire:web.components.sections.partner-c-t-a />

        </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