design wip

resources/views/pages/welcome.blade.php

@@ -3,23 +3,31 @@
 @section('content')
     <div class="text-gray-700 dark:text-gray-200">
 
-        <x-top-title>Die Nutzwertberechnung</x-top-title>
+        <div class="flex gap-7">
+
+            <x-filament::section>
+                <x-slot name="heading">
+                    Die Nutzwertberechnung
+                </x-slot>
+
+                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>
+                <br>
+                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>
+            </x-filament::section>
+            <img src="images/house.jpg" class="w-96 rounded-2xl" />
+
+        </div>
 
-        <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>
-        </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>
-        </x-text>
         <br>
         <br>
         @include('components.login')