@extends('layouts.app')

@section('content')
    <div class="text-gray-700 dark:text-gray-200">
        <div class="flex gap-7 leading-6">
            <x-filament::section>
                <x-slot name="heading">
                    <x-title>
                        Die Nutzwertberechnung
                    </x-title>
                </x-slot>
                <svg xmlns="http://www.w3.org/2000/svg" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                    stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                    class="lucide lucide-building-icon lucide-building mx-auto">
                    <path d="M12 10h.01" />
                    <path d="M12 14h.01" />
                    <path d="M12 6h.01" />
                    <path d="M16 10h.01" />
                    <path d="M16 14h.01" />
                    <path d="M16 6h.01" />
                    <path d="M8 10h.01" />
                    <path d="M8 14h.01" />
                    <path d="M8 6h.01" />
                    <path d="M9 22v-3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3" />
                    <rect x="4" y="2" width="16" height="20" rx="2" />
                </svg>
                <p class="indent-8">
                    Die Nutzwertberechnung ist ein Gutachten im österreichischen Wohnungseigentumsrecht, das das Verhältnis
                    der
                    einzelnen
                    Eigentumsanteile innerhalb eines Gebäudes bestimmt. <x-filament::link href="/nutzwerte"
                        icon-position="after" icon="lucide-external-link">
                        Über die Nutzwertberechnung
                    </x-filament::link>
                </p>
                <br>
                <br>
                <svg xmlns="http://www.w3.org/2000/svg" width="32" viewBox="0 0 24 24" fill="none"
                    stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                    class="lucide lucide-school-icon lucide-school mx-auto">
                    <path d="M14 21v-3a2 2 0 0 0-4 0v3" />
                    <path d="M18 5v16" />
                    <path d="m4 6 7.106-3.79a2 2 0 0 1 1.788 0L20 6" />
                    <path
                        d="m6 11-3.52 2.147a1 1 0 0 0-.48.854V19a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-5a1 1 0 0 0-.48-.853L18 11" />
                    <path d="M6 5v16" />
                    <circle cx="12" cy="9" r="2" />
                </svg>
                <p class="indent-8 mb-10">
                    Wie Ihnen dieses Programm bei der Nutzwertberechnung zur Hand gehen kann, und Ihnen wertvolle Zeit bei
                    der
                    Berechnung und Formatierung sparen hilft, erfahren sie hier.
                    <br><x-filament::link href="/dieses-programm" icon-position="after" icon="lucide-external-link">
                        Über dieses Programm
                    </x-filament::link>
                </p>
                @include('components.login')
            </x-filament::section>

            <img src="images/house.jpg" class="w-82 rounded-2xl border border-gray-300" />

        </div>


        <br>
    </div>
@endsection