added landing page template, url and view

building_dialouge_webapp/heat/urls.py

@@ -8,4 +8,5 @@
 urlpatterns = [
     path("forms/", views.handle_forms, name="forms"),
     path("roof/", flows.RoofFlow.as_view(), name="roof"),
+    path("", views.LandingPage.as_view(), name="home"),
 ]

building_dialouge_webapp/heat/views.py

@@ -1,5 +1,6 @@
 from django.http import HttpResponse
 from django.shortcuts import render
+from django.views.generic import TemplateView
 
 from .forms import ElectricityConsumptionForm
 from .forms import ElectricityGenerationForm
@@ -52,3 +53,7 @@ def handle_forms(request):
         }
 
     return render(request, "pages/heat_forms.html", context)
+
+
+class LandingPage(TemplateView):
+    template_name = "pages/home.html"

building_dialouge_webapp/templates/pages/home.html

@@ -1 +1,50 @@
 {% extends "base.html" %}
+
+{% block content %}
+  <div class="container">
+    <!-- Title Section -->
+    <h1>building dialogue</h1>
+    <p>
+      Das Tool analysiert die Kosten-Nutzen-Effizienz von Modernisierungsprojekten an Gebäuden.
+      Es richtet sich an Hauseigentümer*innen, Wohnungseigentümer-gemeinschaften sowie
+      Wohnungsverwaltungen und zeigt die Einsparpotenziale bei Sanierungsmaßnahmen auf.
+    </p>
+    <!-- Main Action Section -->
+    <div class="row mt-4">
+      <!-- Start Container -->
+      <div class="col-12 col-md-6">
+        <div class="border p-4 h-100">
+          <div class="mb-3">
+            <!-- User Type Options -->
+            <p>Ich bin:</p>
+            <ul class="list-unstyled">
+              <li>• Ich bin Hauseigentümer*in</li>
+              <li>• Ich bin Vermieter*in</li>
+              <li>• Ich gehöre zu einer WohnungseigentümerInnengemeinschaft oder Wohnungsverwaltungen</li>
+            </ul>
+          </div>
+          <!-- Input and Button Row -->
+          <div class="input-group">
+            <input type="text"
+                   id="postalCode"
+                   class="form-control"
+                   placeholder="Bsp: 45328" />
+            <button class="btn btn-dark">Starten</button>
+          </div>
+        </div>
+      </div>
+      <!-- Info Container -->
+      <div class="col-12 col-md-6">
+        <div class="border p-4 h-100 d-flex flex-column align-items-left justify-content-between">
+          <div class="text-left">
+            <p>Ich bin:</p>
+            <ul class="list-unstyled">
+              <li>• Ich bin Mieter*in</li>
+            </ul>
+          </div>
+          <button class="btn btn-secondary mt-3">Infos</button>
+        </div>
+      </div>
+    </div>
+  </div>
+{% endblock content %}