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

@section('title', 'AGB - Business Portal 24')

@section('content')

    <main class="min-h-screen flex flex-col bg-white dark:bg-zinc-950 transition-colors duration-200">
        <livewire:web.burger-menu />
        <livewire:web.header />

        <!-- Hero Section -->
        <section class="relative overflow-hidden text-white py-16 animate-fade-in"
            style="background: var(--gradient-hero);">
            <div class="container mx-auto px-4 text-center">
                <h1 class="text-4xl md:text-5xl font-bold mb-4 animate-fade-in-up">
                    Allgemeine Geschäftsbedingungen
                </h1>
            </div>
        </section>

        <!-- Content Section -->
        <section class="py-16 bg-white dark:bg-zinc-950 transition-colors duration-200">
            <div class="container mx-auto px-4">
                <div class="max-w-4xl mx-auto">
                    <div class="bg-white dark:bg-zinc-900 rounded-xl border border-zinc-200 dark:border-zinc-800 p-8 md:p-12 transition-colors duration-200">

                        <div class="mb-8">
                            <h2 class="text-2xl font-bold text-zinc-900 dark:text-zinc-100 mb-4">§ 1 Geltungsbereich</h2>
                            <p class="text-zinc-600 dark:text-zinc-400 mb-4">
                                Diese Allgemeinen Geschäftsbedingungen (AGB) gelten für alle Verträge zwischen der Business Portal GmbH (im Folgenden „Anbieter")
                                und ihren Kunden (im Folgenden „Kunde" oder „Nutzer") über die Nutzung der Plattform Business Portal.
                            </p>
                            <p class="text-zinc-600 dark:text-zinc-400">
                                Abweichende, entgegenstehende oder ergänzende AGB des Kunden werden nicht Vertragsbestandteil, es sei denn, der Anbieter
                                stimmt ihrer Geltung ausdrücklich schriftlich zu.
                            </p>
                        </div>

                        <div class="mb-8">
                            <h2 class="text-2xl font-bold text-zinc-900 dark:text-zinc-100 mb-4">§ 2 Vertragsgegenstand</h2>
                            <p class="text-zinc-600 dark:text-zinc-400 mb-4">
                                Der Anbieter stellt dem Kunden eine Online-Plattform zur Veröffentlichung von Pressemitteilungen zur Verfügung.
                                Der Funktionsumfang richtet sich nach dem gewählten Tarif.
                            </p>
                            <p class="text-zinc-600 dark:text-zinc-400">
                                Der Anbieter ist berechtigt, Subunternehmer zur Vertragserfüllung einzusetzen.
                            </p>
                        </div>

                        <div class="mb-8">
                            <h2 class="text-2xl font-bold text-zinc-900 dark:text-zinc-100 mb-4">§ 3 Vertragsschluss und Registrierung</h2>
                            <p class="text-zinc-600 dark:text-zinc-400 mb-4">
                                Der Vertrag kommt durch die Registrierung des Kunden und die Bestätigung durch den Anbieter zustande.
                                Die Registrierung ist nur volljährigen, unbeschränkt geschäftsfähigen Personen gestattet.
                            </p>
                            <p class="text-zinc-600 dark:text-zinc-400">
                                Der Kunde verpflichtet sich, bei der Registrierung wahre und vollständige Angaben zu machen und diese aktuell zu halten.
                            </p>
                        </div>

                        <div class="mb-8">
                            <h2 class="text-2xl font-bold text-zinc-900 dark:text-zinc-100 mb-4">§ 4 Leistungsumfang</h2>
                            <p class="text-zinc-600 dark:text-zinc-400 mb-4">
                                Der konkrete Leistungsumfang richtet sich nach dem gewählten Tarif. Eine Beschreibung der Tarife findet sich auf der
                                Preisseite der Website.
                            </p>
                            <p class="text-zinc-600 dark:text-zinc-400">
                                Der Anbieter ist berechtigt, die Dienste weiterzuentwickeln und Funktionen zu ändern, sofern dies die Vertragserfüllung
                                nicht wesentlich beeinträchtigt.
                            </p>
                        </div>

                        <div class="mb-8">
                            <h2 class="text-2xl font-bold text-zinc-900 dark:text-zinc-100 mb-4">§ 5 Verfügbarkeit</h2>
                            <p class="text-zinc-600 dark:text-zinc-400">
                                Der Anbieter stellt die Plattform mit einer Verfügbarkeit von mindestens 98% im Jahresmittel zur Verfügung.
                                Ausgenommen hiervon sind Wartungsarbeiten sowie Ausfälle, die nicht im Einflussbereich des Anbieters liegen.
                            </p>
                        </div>

                        <div class="mb-8">
                            <h2 class="text-2xl font-bold text-zinc-900 dark:text-zinc-100 mb-4">§ 6 Pflichten des Kunden</h2>
                            <p class="text-zinc-600 dark:text-zinc-400 mb-4">Der Kunde verpflichtet sich:</p>
                            <ul class="list-disc list-inside text-zinc-600 dark:text-zinc-400 mb-4">
                                <li>Nur rechtmäßige Inhalte zu veröffentlichen</li>
                                <li>Keine Rechte Dritter zu verletzen</li>
                                <li>Die Zugangsdaten vertraulich zu behandeln</li>
                                <li>Den Account nicht an Dritte weiterzugeben</li>
                                <li>Die Plattform nicht missbräuchlich zu nutzen</li>
                            </ul>
                        </div>

                        <div class="mb-8">
                            <h2 class="text-2xl font-bold text-zinc-900 dark:text-zinc-100 mb-4">§ 7 Vergütung und Zahlung</h2>
                            <p class="text-zinc-600 dark:text-zinc-400 mb-4">
                                Die Vergütung richtet sich nach dem gewählten Tarif. Alle Preise verstehen sich zzgl. der gesetzlichen Mehrwertsteuer.
                            </p>
                            <p class="text-zinc-600 dark:text-zinc-400">
                                Die Zahlung erfolgt im Voraus für den gewählten Abrechnungszeitraum (monatlich oder jährlich) per Kreditkarte,
                                SEPA-Lastschrift oder anderen vom Anbieter akzeptierten Zahlungsmethoden.
                            </p>
                        </div>

                        <div class="mb-8">
                            <h2 class="text-2xl font-bold text-zinc-900 dark:text-zinc-100 mb-4">§ 8 Laufzeit und Kündigung</h2>
                            <p class="text-zinc-600 dark:text-zinc-400 mb-4">
                                Der Vertrag wird für die gewählte Mindestlaufzeit geschlossen und verlängert sich automatisch um den gewählten
                                Abrechnungszeitraum, sofern nicht gekündigt wird.
                            </p>
                            <p class="text-zinc-600 dark:text-zinc-400">
                                Die Kündigung muss schriftlich oder in Textform (z.B. E-Mail) unter Einhaltung einer Frist von 30 Tagen zum Ende
                                des Abrechnungszeitraums erfolgen.
                            </p>
                        </div>

                        <div class="mb-8">
                            <h2 class="text-2xl font-bold text-zinc-900 dark:text-zinc-100 mb-4">§ 9 Haftung</h2>
                            <p class="text-zinc-600 dark:text-zinc-400">
                                Der Anbieter haftet nur für Schäden, die auf einer vorsätzlichen oder grob fahrlässigen Pflichtverletzung beruhen.
                                Dies gilt nicht für Schäden aus der Verletzung des Lebens, des Körpers oder der Gesundheit.
                            </p>
                        </div>

                        <div class="mb-8">
                            <h2 class="text-2xl font-bold text-zinc-900 dark:text-zinc-100 mb-4">§ 10 Schlussbestimmungen</h2>
                            <p class="text-zinc-600 dark:text-zinc-400 mb-4">
                                Es gilt das Recht der Bundesrepublik Deutschland unter Ausschluss des UN-Kaufrechts.
                            </p>
                            <p class="text-zinc-600 dark:text-zinc-400">
                                Sollten einzelne Bestimmungen dieser AGB unwirksam sein oder werden, berührt dies die Wirksamkeit der übrigen Bestimmungen nicht.
                            </p>
                        </div>

                        <div>
                            <p class="text-sm text-zinc-500 dark:text-zinc-500">
                                Stand: Januar 2025
                            </p>
                        </div>

                    </div>
                </div>
            </div>
        </section>

        <livewire:web.footer />
    </main>

@endsection

@push('styles')
    <style>
        :root {
            --color-primary: {{ $domainConfig['color_scheme']['primary'] ?? '#cf3628' }};
            --color-secondary: {{ $domainConfig['color_scheme']['secondary'] ?? '#f0834a' }};
        }
        [x-cloak] { display: none !important; }
    </style>
@endpush