<script lang="ts">
	import { PRICES } from "#lib/constants.js";
	import { Enums } from "#lib/client/prisma";
</script>
	
<div id ="cardBApromo" 
class="	box card">

<div class="grid">

<h2>Bedarfssausweis Wohngebäude</h2>
<hr class="mb-4">
<img class="w-[70%] justify-self-center !min-w-[100px] mb-[1rem]" src="/images/right-sidebar/UMBE_wohngebaeude.svg" alt="Wohnhaus Bedarfsausweis"/>
<p class="promo tracking-tighter text-[2rem] text-gray-700 pl-6">ab<span class="promo pl-[0.2rem]">{PRICES.BedarfsausweisWohnen[Enums.AusweisTyp.Standard]}</span>€</p>
<a href="/energieausweis-erstellen/bedarfsausweis-wohngebaeude/" id="link-BA-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 Bedarfssausweis erstellen</a>
</div>
</div>


<style lang="scss">

</style>