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

	<div class="grid">

	<h2>Verbrauchsausweis Gewerbe</h2>
	<hr class="mb-4">
	<img class="w-[70%] justify-self-center !min-w-[100px]" src="/images/right-sidebar/UMBE_gewerbegebaeude.svg" alt="Gewerbe Verbrauchsausweis"/>
	<p class="promo tracking-tighter text-[2rem] text-gray-700 pl-6">ab<span class="promo pl-2">{PRICES.VerbrauchsausweisGewerbe[Enums.AusweisTyp.Standard]}</span>€</p>
	<a href="./energieausweis-erstellen/verbrauchsausweis-gewerbe/" id="link-VA-promo" 
			class="	w-[90%] justify-self-center text-center text-white font-[700] bg-gradient-to-br from-secondary to-secondary-grad rounded-md px-3 py-1 mt-2 no-underline text-[1rem]
					hover:bg-primary
			" >Verbrauchsausweis sofort&nbsp;erstellen</a>
	</div>
</div>


<style lang="scss">


</style>
