wip

resources/views/pages/welcome.blade.php

@@ -2,33 +2,27 @@
 
 @section('content')
     <div class="text-gray-700 dark:text-gray-200">
-        <div class="bg-white p-5  text-center mx-auto fi-simple-header-heading bg-white/80">
-            Die Nutzwertberechnung
-        </div>
-        <div class="h-20"></div>
-        <p class="bg-white/80 p-5 text-left font-light tracking-wider leading-auto indent-8">
-            ist ein Gutachten im österreichischen Wohnungseigentumsrecht, das das Verhältnis der einzelnen
-            Eigentumsanteile innerhalb eines Gebäudes bestimmt. <x-filament::link weight="light" href="/nutzwerte"
-                icon-position="after" icon="lucide-external-link">
+
+        <x-top-title>Die Nutzwertberechnung</x-top-title>
+
+        <x-text>
+            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><br>
-        </p>
-        <div class="h-40"></div>
-        <div class="bg-white/80 pt-5  text-center mx-auto fi-simple-header-heading x">
-            Über dieses Programm
-        </div>
-        <p class="bg-white/80 p-5 text-left font-light tracking-wider leading-auto indent-8">
-            Wie Ihnen dieses Programm bei der Nutzwertberechnung zur Hand gehen kann erfahren sie hier.
-            <x-filament::link weight="light" href="/dieses-programm" icon-position="after" icon="lucide-external-link">
-                Über dieses Programm
+        </x-text>
+        <x-text>
+            Wie Ihnen dieses Programm bei der Nutzwertberechnung zur Hand gehen kann, und Ihnen wertvolle Zeit bei der
+            Berechnung und Formatierung sparen hilft, <x-filament::link href="/dieses-programm" icon-position="after"
+                icon="lucide-external-link">
+                erfahren sie hier.
             </x-filament::link>
-        </p>
-        <div class="h-30">
-
-            @include('components.login')
-        </div>
-
-
-
+        </x-text>
+        <br>
+        <br>
+        @include('components.login')
+        <br>
     </div>
 @endsection