<div class="min-h-screen">

    @include('partials.homepage.navbar')

    {{-- ============================================================
         HEADER
    ============================================================ --}}
    <section class="relative pt-32 pb-12 overflow-hidden">
        <div class="absolute top-0 left-1/2 -translate-x-1/2 w-[900px] h-[400px] bg-indigo-50 rounded-full blur-3xl opacity-60 pointer-events-none"></div>

        <div class="relative max-w-4xl mx-auto px-6 text-center space-y-4">
            <div class="inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-indigo-50 border border-indigo-100 text-indigo-700 text-xs font-semibold">
                <x-heroicon-o-building-office class="w-3.5 h-3.5"/>
                Pflichtangaben nach § 5 ECG
            </div>
            <h1 class="text-4xl md:text-5xl font-bold text-gray-900 leading-tight">Impressum</h1>
        </div>
    </section>


    {{-- ============================================================
         CONTENT
    ============================================================ --}}
    <section class="pb-24">
        <div class="max-w-3xl mx-auto px-6">
            <div class="grid md:grid-cols-2 gap-6">

                {{-- Unternehmensinfo --}}
                <div class="bg-white border border-gray-100 rounded-2xl shadow-sm p-6 space-y-4">
                    <div class="w-11 h-11 rounded-2xl bg-indigo-50 flex items-center justify-center">
                        <x-heroicon-o-building-office-2 class="w-5 h-5 text-indigo-600"/>
                    </div>
                    <h2 class="text-lg font-semibold text-gray-900">Angaben gemäß § 5 ECG</h2>
                    <div class="text-sm text-gray-600 leading-relaxed space-y-1">
                        <p class="font-semibold text-gray-800">aziros GmbH</p>
                        <p>Musterstraße 1</p>
                        <p>1010 Wien</p>
                        <p>Österreich</p>
                    </div>
                </div>

                {{-- Vertreten durch --}}
                <div class="bg-white border border-gray-100 rounded-2xl shadow-sm p-6 space-y-4">
                    <div class="w-11 h-11 rounded-2xl bg-purple-50 flex items-center justify-center">
                        <x-heroicon-o-user class="w-5 h-5 text-purple-600"/>
                    </div>
                    <h2 class="text-lg font-semibold text-gray-900">Vertreten durch</h2>
                    <div class="text-sm text-gray-600 leading-relaxed space-y-1">
                        <p class="font-semibold text-gray-800">Max Mustermann</p>
                        <p>Geschäftsführer</p>
                    </div>
                </div>

                {{-- Kontakt --}}
                <div class="bg-white border border-gray-100 rounded-2xl shadow-sm p-6 space-y-4">
                    <div class="w-11 h-11 rounded-2xl bg-teal-50 flex items-center justify-center">
                        <x-heroicon-o-envelope class="w-5 h-5 text-teal-600"/>
                    </div>
                    <h2 class="text-lg font-semibold text-gray-900">Kontakt</h2>
                    <div class="text-sm text-gray-600 leading-relaxed space-y-1">
                        <p>Telefon: +43 (0) 1 234567</p>
                        <p>E-Mail: <a href="mailto:info@aziros.com" class="text-indigo-600 hover:underline">info@aziros.com</a></p>
                    </div>
                </div>

                {{-- Registereintrag --}}
                <div class="bg-white border border-gray-100 rounded-2xl shadow-sm p-6 space-y-4">
                    <div class="w-11 h-11 rounded-2xl bg-amber-50 flex items-center justify-center">
                        <x-heroicon-o-document-text class="w-5 h-5 text-amber-600"/>
                    </div>
                    <h2 class="text-lg font-semibold text-gray-900">Registereintrag</h2>
                    <div class="text-sm text-gray-600 leading-relaxed space-y-1">
                        <p>Registergericht: Handelsgericht Wien</p>
                        <p>Firmenbuchnummer: FN 123456a</p>
                    </div>
                </div>

                {{-- USt-IdNr --}}
                <div class="bg-white border border-gray-100 rounded-2xl shadow-sm p-6 space-y-4">
                    <div class="w-11 h-11 rounded-2xl bg-green-50 flex items-center justify-center">
                        <x-heroicon-o-receipt-percent class="w-5 h-5 text-green-600"/>
                    </div>
                    <h2 class="text-lg font-semibold text-gray-900">Umsatzsteuer-ID</h2>
                    <div class="text-sm text-gray-600 leading-relaxed space-y-1">
                        <p>Umsatzsteuer-Identifikationsnummer gemäß § 27a UStG:</p>
                        <p class="font-semibold text-gray-800">ATU 12345678</p>
                    </div>
                </div>

                {{-- Streitschlichtung --}}
                <div class="bg-white border border-gray-100 rounded-2xl shadow-sm p-6 space-y-4">
                    <div class="w-11 h-11 rounded-2xl bg-rose-50 flex items-center justify-center">
                        <x-heroicon-o-scale class="w-5 h-5 text-rose-600"/>
                    </div>
                    <h2 class="text-lg font-semibold text-gray-900">Streitschlichtung</h2>
                    <div class="text-sm text-gray-600 leading-relaxed">
                        <p>Die Europäische Kommission stellt eine Plattform zur Online-Streitbeilegung (OS) bereit. Wir sind nicht verpflichtet und nicht bereit, an einem Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle teilzunehmen.</p>
                    </div>
                </div>

            </div>


            {{-- Haftungsausschluss --}}
            <div class="mt-8 bg-white border border-gray-100 rounded-2xl shadow-sm p-8 space-y-6">
                <h2 class="text-xl font-semibold text-gray-900">Haftungsausschluss</h2>

                <div class="space-y-4">
                    <div class="space-y-2">
                        <h3 class="text-base font-semibold text-gray-800">Haftung für Inhalte</h3>
                        <p class="text-sm text-gray-600 leading-relaxed">
                            Die Inhalte unserer Seiten wurden mit größter Sorgfalt erstellt. Für die Richtigkeit, Vollständigkeit und Aktualität der Inhalte können wir jedoch keine Gewähr übernehmen. Als Diensteanbieter sind wir gemäß § 16 ECG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich.
                        </p>
                    </div>

                    <div class="space-y-2">
                        <h3 class="text-base font-semibold text-gray-800">Haftung für Links</h3>
                        <p class="text-sm text-gray-600 leading-relaxed">
                            Unser Angebot enthält Links zu externen Webseiten Dritter, auf deren Inhalte wir keinen Einfluss haben. Für die Inhalte der verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten verantwortlich.
                        </p>
                    </div>

                    <div class="space-y-2">
                        <h3 class="text-base font-semibold text-gray-800">Urheberrecht</h3>
                        <p class="text-sm text-gray-600 leading-relaxed">
                            Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem österreichischen Urheberrecht. Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechtes bedürfen der schriftlichen Zustimmung der aziros GmbH.
                        </p>
                    </div>
                </div>
            </div>

        </div>
    </section>

    @include('partials.homepage.footer')

</div>
