From bfaf3f75ac60d9bfb5862e4da0bd3b5653982714 Mon Sep 17 00:00:00 2001
From: Jens Cornelsen <79703163+IB-Cornelsen@users.noreply.github.com>
Date: Sun, 8 Dec 2024 15:39:27 +0100
Subject: [PATCH] Widget

---
 src/components/Widget2.svelte                 |  2 +-
 .../design/content/card-BA-widget.svelte      |  0
 .../design/content/card-BAG-widget.svelte     |  0
 .../design/content/card-VA-widget.svelte      | 25 +++++++++++++++++++
 .../design/content/card-VAG-widget.svelte     |  0
 5 files changed, 26 insertions(+), 1 deletion(-)
 create mode 100644 src/components/design/content/card-BA-widget.svelte
 create mode 100644 src/components/design/content/card-BAG-widget.svelte
 create mode 100644 src/components/design/content/card-VA-widget.svelte
 create mode 100644 src/components/design/content/card-VAG-widget.svelte

diff --git a/src/components/Widget2.svelte b/src/components/Widget2.svelte
index 63fe445c..37601363 100644
--- a/src/components/Widget2.svelte
+++ b/src/components/Widget2.svelte
@@ -1,7 +1,7 @@
 
 <script lang="ts">
 
-import VApromo from "#sidebarCards/card-VA-promo.svelte";
+import VApromo from "card-VA-promo.svelte";
 import VAGpromo from "#sidebarCards/card-VA-G-promo.svelte";
 import BApromo from "#sidebarCards/card-BA-promo.svelte";
 import BAGpromo from "#sidebarCards/card-BA-G-promo.svelte";
diff --git a/src/components/design/content/card-BA-widget.svelte b/src/components/design/content/card-BA-widget.svelte
new file mode 100644
index 00000000..e69de29b
diff --git a/src/components/design/content/card-BAG-widget.svelte b/src/components/design/content/card-BAG-widget.svelte
new file mode 100644
index 00000000..e69de29b
diff --git a/src/components/design/content/card-VA-widget.svelte b/src/components/design/content/card-VA-widget.svelte
new file mode 100644
index 00000000..41e616f6
--- /dev/null
+++ b/src/components/design/content/card-VA-widget.svelte
@@ -0,0 +1,25 @@
+<script>
+	import { PRICES } from "#lib/constants";
+</script>
+	
+<div id ="card-VA-promo" 
+	class="	box card bg-white px-6 py-4 mb-5">
+
+	<div class="grid">
+
+	<h2>Verbrauchsausweis Wohngebäude</h2>
+	<hr class="mb-4">
+	<img class="w-[40%] justify-self-left !min-w-[500px] mb-[1rem]" src="/images/right-sidebar/UMBE_wohngebaeude.svg" alt="Wohnhaus Verbrauchsausweis"/>
+	<p class="promo tracking-tighter text-3xl text-gray-700 pl-6">ab<span class="promo pl-2">{PRICES.VerbrauchsausweisWohnen[0]}</span>€</p>
+	<a href="./energieausweis-erstellen/verbrauchsausweis-wohngebaeude/" id="link-VA-promo" 
+			class="	w-[90%] justify-self-center text-center text-white font-[700] bg-secondary rounded-md px-3 py-1 mt-2 no-underline text-[1rem]
+					hover:bg-primary
+			" >jetzt online erstellen</a>
+	</div>
+</div>
+
+
+<style lang="scss">
+
+
+</style>
\ No newline at end of file
diff --git a/src/components/design/content/card-VAG-widget.svelte b/src/components/design/content/card-VAG-widget.svelte
new file mode 100644
index 00000000..e69de29b