<script lang="ts">
	import { PRICES } from "#lib/constants.js";
	import { Enums } from "#lib/client/prisma";
</script>
	


<div id="card-VA-promo" class="box card">
	<div class="grid">
		<h2>Verbrauchsausweis 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 Verbrauchsausweis"
		/>
		<p class="promo tracking-tighter text-[2rem] text-gray-700 pl-6">
			ab<span class="promo pl-2">{PRICES.VerbrauchsausweisWohnen[Enums.AusweisTyp.Standard]}</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 Verbrauchsausweis erstellen</a
		>
	</div>
</div>



<style lang="scss">
</style>
