seeder wip

resources/views/pages/welcome.blade.php

@@ -1,48 +1,57 @@
 @extends('layouts.app')
 
 @section('content')
-    <div class="text-gray-700 dark:text-gray-200">
-        <div class="flex gap-7">
-            <div class="flex flex-col gap-3">
-                <x-filament::section icon="heroicon-m-building-office-2">
-                    <x-slot name="heading">
-                        <x-title>
-                            Die Nutzwertberechnung
-                        </x-title>
-                    </x-slot>
-
-                    <x-slot name="description">
-                        ist ein Gutachten im österreichischen Wohnungseigentumsrecht
-                    </x-slot>
-                    <p class="indent-5 pb-3">
-                        Es wird das Verhältnis der einzelnen Eigentumsanteile innerhalb eines Gebäudes bestimmt.
-                    </p>
-                    <p class="indent-5 pb-3">
-                        Sie bildet die Grundlage für die Berechnung der Betriebs- und Instandhaltungskosten sowie für
-                        das
-                        Stimmrecht der Miteigentümer und ist für die Begründung von Wohnungseigentum notwendig.
-                    </p>
-                    <x-filament::link href="/nutzwerte" icon-position="after" icon="lucide-external-link">
-                        Über die Nutzwertberechnung.
-                    </x-filament::link>
-                    <p class="indent-5 py-3">
-                        Wie Ihnen dieses Programm bei der Nutzwertberechnung zur Hand gehen kann, erfahren sie hier.
-                    </p>
-                    <x-filament::link href="/dieses-programm" icon-position="after" icon="lucide-external-link">
-                        Über dieses Programm
-                    </x-filament::link>
-                    <br>
-                    <br>
-                    @include('components.login')
-                    <br>
-                </x-filament::section>
+    <div class="flex gap-7">
+        {{-- <body class="bg-cover" style="background-image: url('images/backgrounds/bg2.jpg')"> --}}
 
+        <div class="flex flex-col gap-3">
+            <div class="text-7xl text-center font-black p-7">
+                Nutzwertberechnung <br>einmal anders
+            </div>
+            <div class="grid grid-cols-3 gap-5">
+                <div class="block rounded-lg bg-white dark:bg-black shadow-secondary-1 dark:bg-surface-dark">
+                    <img class="rounded-t-lg object-cover h-56 w-full" src="images/backgrounds/bg2.jpg" alt="" />
+                    <div class="p-6 text-surface ">
+                        <h5 class="mb-2 text-xl font-medium leading-tight">Das Nutzwertgutachten</h5>
+                        <p class="mb-4 text-base">
+                            ..ist ein Gutachten im österreichischen Wohnungseigentumsrecht.
+                            Es wird das Verhältnis der einzelnen Eigentumsanteile innerhalb eines Gebäudes bestimmt.
+                            <x-filament::link href="/nutzwerte" icon-position="after" icon="lucide-external-link">
+                                mehr...
+                            </x-filament::link>
+                        </p>
+                    </div>
+                </div>
+                <div class="block rounded-lg bg-white dark:bg-black shadow-secondary-1 dark:bg-surface-dark">
+                    <img class="rounded-t-lg object-cover h-56 w-full p-5" src="images/klammer.jpg" alt="" />
+                    <div class="p-6 text-surface">
+                        <h5 class="mb-2 text-xl font-medium leading-tight">Daten Import</h5>
+                        <p class="mb-4 text-base">
+                            Die Daten werden aus allen gängigen Zeichenprogrammen importieren, und die Objekte werden
+                            angelegt.
+                            <x-filament::link href="/dieses-programm" icon-position="after" icon="lucide-external-link">
+                                mehr...
+                            </x-filament::link>
+                        </p>
+                    </div>
+                </div>
+                <div class="block rounded-lg bg-white dark:bg-black shadow-secondary-1 dark:bg-surface-dark">
+                    <img class="rounded-t-lg object-cover h-56 w-full" src="images/house2.jpg" alt="" />
+                    <div class="p-6 text-surface">
+                        <h5 class="mb-2 text-xl font-medium leading-tight">Berechnung</h5>
+                        <p class="mb-4 text-base">
+                            Nach dem die Parameter gesetzt wurden ist die
+                            fertige Nutzwertberechnung bereit um als als PDF-Dokument heruntgeladen zu werden.
+                            <x-filament::link href="/dieses-programm" icon-position="after" icon="lucide-external-link">
+                                mehr...
+                            </x-filament::link>
+                        </p>
+                    </div>
+                </div>
+            </div>
+            <div class="p-5">
+                @include('components.login')
             </div>
-            <img src="images/house.jpg" class="w-82 rounded-2xl border border-gray-300" />
-
         </div>
-
-
-        <br>
     </div>
 @endsection