IBCornelsen/online-energieausweis
1
0
Fork 0
Code Issues 272 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Merge pull request #316 from IBCornelsen/UMBE

Browse Source 
produkte und widget
This commit is contained in:
UMBENOMENA
2025-02-08 20:35:02 +01:00
committed by GitHub
parent e734391a54 751123ad52
commit 68896f9cf6
11 changed files with 340 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

87
src/components/design/content/ProduktUebersichtBedarfsausweisGewerbe.svelte Normal file
View File

@@ -0,0 +1,87 @@
<script>
import { PRICES } from "#lib/constants";
export let bullets;
export let title;
bullets = [
["Prüfung durch Dipl.&nbsp;Ing.<br>Registrierung beim DiBt<br>rechtssicher nach&nbsp;GEG",true, true, true],
["Originalausweis als&nbsp;PDF per&nbsp;<span class='text-nowrap'>E-Mail</span><br>Originalausweis per&nbsp;Post (zubuchbar)",true, true, true],
["Bearbeitung innerhalb 24&nbsp;Stunden<br>Selbsteingabe",true, true, false],
["Same&nbsp;day&nbsp;service (zubuchbar)",true, true, false],
["Fotoupload<br>Dokumentenupload<br>(Verbrauchsabrechnungen)",true, true, true],
["automatische Vorprüfung<br>Live&nbsp;Vorschau direkt bei&nbsp;Eingabe<br>Live&nbsp;Vorschauausweis vorab<br>Vorschauausweis per&nbsp;E-Mail<br>dynamische&nbsp;Eingabehilfe",true, true, false],
["Prüfanmerkungen per&nbsp;<span class='text-nowrap'>E-Mail</span>",true, true, false],
["persönlicher&nbsp;Support",false, true, true],
["telefonische&nbsp;Beratung<br>persönlicher&nbsp;Energieberater",false, false, true],
]
</script>
<h1>Produktübersicht: <span class="text-secondary">Bedarfssausweis Gewerbegebäude</span></h1>
<h3>Bedarfssausweis Leistungen und Preise in der Übersicht:</h3>
<hr>
<br>
<div id="ProduktUebersichtBedarfssausweisGewerbe">
<div class="w-full sm:w-[80%] sm:mx-auto grid grid-cols-[1fr_max-content_max-content_max-content] sm:grid-cols-[1fr_min-content_min-content_min-content]">
<div class="zeile grid grid-cols-subgrid col-span-4 py-4 border-b-[1px] justify-items-center items-center sm:text-[1.25rem]">
<div class="justify-self-start pl-2"><b>Leistung</b></div><div><b>online</b></div><div><b>premium</b></div><div><b>offline</b></div>
</div>
{#each bullets as [bullet,online,premium,offline]}
<div class="bullet grid grid-cols-subgrid col-span-4 py-4 border-b-[1px] justify-items-center items-center">
<div class="justify-self-start pl-2">{@html bullet}</div>
<div class:check={online} class:check-no={!online}>{online ? "✔" : "✘"}</div>
<div class:check={premium} class:check-no={!premium}>{premium ? "✔" : "✘"}</div>
<div class:check={offline} class:check-no={!offline}>{offline ? "✔" : "✘"}</div>
</div>
{/each}
<div class="zeile grid grid-cols-subgrid col-span-4 py-4 border-b-[0px] justify-items-center items-center sm:text-[1.25rem]">
<div class="price justify-self-start pl-2">Preis inkl. MwSt.</div>
<div class="price"><b>{PRICES.BedarfsausweisGewerbe[0]}&nbsp;€</b></div>
<div class="price"><b>{PRICES.BedarfsausweisGewerbe[1]}&nbsp;€</b></div>
<div class="price"><b>{PRICES.BedarfsausweisGewerbe[2]}&nbsp;€</b></div>
</div>
<div class="zeile grid grid-cols-subgrid col-span-4 py-4 border-b-[0px] justify-items-center items-center">
<div class="justify-self-start pl-2"></div>
<button class="bestellbutton" type="button">jetzt<br>anfragen</button>
<button class="bestellbutton" type="button">jetzt<br>anfragen</button>
<button class="bestellbutton" type="button">jetzt<br>anfragen</button>
</div>
</div>
</div>
<style lang="postcss">
.bestellbutton{@apply px-[2px] sm:px-4 mx-[2px] sm:mx-2 py-2 bg-secondary ring-2 ring-secondary/25 rounded-none xs:rounded-md text-white text-nowrap font-bold
hover:bg-gradient-to-br from-secondary to-secondary-grad hover:shadow-lg transition-all hover:no-underline hover:ring-2 hover:ring-primary;}
.zeile{@apply text-[0.6rem] sm:text-[1rem] md:text-[1.5rem]}
.bullet{@apply text-[0.75rem] sm:text-[1rem] md:text-[1.25rem]}
.bullet:nth-child(even){@apply bg-blue-100/40}
.bullet:nth-child(2){@apply !border-t-[6px]}
.bullet:nth-child(10){@apply !border-b-[6px]}
.check {
@apply text-[1.25rem] sm:text-[1.5rem] font-bold text-green-700;
}
.check-no {
@apply text-[1.25rem] sm:text-[1.5rem] font-bold text-red-700;
}
.price{@apply text-[1.15rem] sm:text-[1.5rem]}
</style>

87
src/components/design/content/ProduktUebersichtBedarfsausweisWohnen.svelte Normal file
View File

@@ -0,0 +1,87 @@
<script>
import { PRICES } from "#lib/constants";
export let bullets;
export let title;
bullets = [
["Prüfung durch Dipl.&nbsp;Ing.<br>Registrierung beim DiBt<br>rechtssicher nach&nbsp;GEG",true, true, true],
["Originalausweis als&nbsp;PDF per&nbsp;<span class='text-nowrap'>E-Mail</span><br>Originalausweis per&nbsp;Post (zubuchbar)",true, true, true],
["Bearbeitung innerhalb 24&nbsp;Stunden<br>Selbsteingabe",true, true, false],
["Same&nbsp;day&nbsp;service (zubuchbar)",true, true, false],
["Fotoupload<br>Dokumentenupload<br>(Verbrauchsabrechnungen)",true, true, true],
["automatische Vorprüfung<br>Live&nbsp;Vorschau direkt bei&nbsp;Eingabe<br>Live&nbsp;Vorschauausweis vorab<br>Vorschauausweis per&nbsp;E-Mail<br>dynamische&nbsp;Eingabehilfe",true, true, false],
["Prüfanmerkungen per&nbsp;<span class='text-nowrap'>E-Mail</span>",true, true, false],
["persönlicher&nbsp;Support",false, true, true],
["telefonische&nbsp;Beratung<br>persönlicher&nbsp;Energieberater",false, false, true],
]
</script>
<h1>Produktübersicht: <span class="text-secondary">Bedarfssausweis Wohngebäude</span></h1>
<h3>Bedarfssausweis Leistungen und Preise in der Übersicht:</h3>
<hr>
<br>
<div id="ProduktUebersichtBedarfssausweisWohnen">
<div class="w-full sm:w-[80%] sm:mx-auto grid grid-cols-[1fr_max-content_max-content_max-content] sm:grid-cols-[1fr_min-content_min-content_min-content]">
<div class="zeile grid grid-cols-subgrid col-span-4 py-4 border-b-[1px] justify-items-center items-center sm:text-[1.25rem]">
<div class="justify-self-start pl-2"><b>Leistung</b></div><div><b>online</b></div><div><b>premium</b></div><div><b>offline</b></div>
</div>
{#each bullets as [bullet,online,premium,offline]}
<div class="bullet grid grid-cols-subgrid col-span-4 py-4 border-b-[1px] justify-items-center items-center">
<div class="justify-self-start pl-2">{@html bullet}</div>
<div class:check={online} class:check-no={!online}>{online ? "✔" : "✘"}</div>
<div class:check={premium} class:check-no={!premium}>{premium ? "✔" : "✘"}</div>
<div class:check={offline} class:check-no={!offline}>{offline ? "✔" : "✘"}</div>
</div>
{/each}
<div class="zeile grid grid-cols-subgrid col-span-4 py-4 border-b-[0px] justify-items-center items-center sm:text-[1.25rem]">
<div class="price justify-self-start pl-2">Preis inkl. MwSt.</div>
<div class="price"><b>{PRICES.BedarfsausweisWohnen[0]}&nbsp;€</b></div>
<div class="price"><b>{PRICES.BedarfsausweisWohnen[1]}&nbsp;€</b></div>
<div class="price"><b>{PRICES.BedarfsausweisWohnen[2]}&nbsp;€</b></div>
</div>
<div class="zeile grid grid-cols-subgrid col-span-4 py-4 border-b-[0px] justify-items-center items-center">
<div class="justify-self-start pl-2"></div>
<button class="bestellbutton" type="button">sofort<br>bestellen</button>
<button class="bestellbutton" type="button">sofort<br>bestellen</button>
<button class="bestellbutton" type="button">sofort<br>bestellen</button>
</div>
</div>
</div>
<style lang="postcss">
.bestellbutton{@apply px-[2px] sm:px-4 mx-[2px] sm:mx-2 py-2 bg-secondary ring-2 ring-secondary/25 rounded-none xs:rounded-md text-white text-nowrap font-bold
hover:bg-gradient-to-br from-secondary to-secondary-grad hover:shadow-lg transition-all hover:no-underline hover:ring-2 hover:ring-primary;}
.zeile{@apply text-[0.6rem] sm:text-[1rem] md:text-[1.5rem]}
.bullet{@apply text-[0.75rem] sm:text-[1rem] md:text-[1.25rem]}
.bullet:nth-child(even){@apply bg-blue-100/40}
.bullet:nth-child(2){@apply !border-t-[6px]}
.bullet:nth-child(10){@apply !border-b-[6px]}
.check {
@apply text-[1.25rem] sm:text-[1.5rem] font-bold text-green-700;
}
.check-no {
@apply text-[1.25rem] sm:text-[1.5rem] font-bold text-red-700;
}
.price{@apply text-[1.15rem] sm:text-[1.5rem]}
</style>

87
src/components/design/content/ProduktUebersichtVerbrauchsausweisGewerbe.svelte Normal file
View File

@@ -0,0 +1,87 @@
<script>
import { PRICES } from "#lib/constants";
export let bullets;
export let title;
bullets = [
["Prüfung durch Dipl.&nbsp;Ing.<br>Registrierung beim DiBt<br>rechtssicher nach&nbsp;GEG",true, true, true],
["Originalausweis als&nbsp;PDF per&nbsp;<span class='text-nowrap'>E-Mail</span><br>Originalausweis per&nbsp;Post (zubuchbar)",true, true, true],
["Bearbeitung innerhalb 24&nbsp;Stunden<br>Selbsteingabe",true, true, false],
["Same&nbsp;day&nbsp;service (zubuchbar)",true, true, false],
["Fotoupload<br>Dokumentenupload<br>(Verbrauchsabrechnungen)",true, true, true],
["automatische Vorprüfung<br>Live&nbsp;Vorschau direkt bei&nbsp;Eingabe<br>Live&nbsp;Vorschauausweis vorab<br>Vorschauausweis per&nbsp;E-Mail<br>dynamische&nbsp;Eingabehilfe",true, true, false],
["Prüfanmerkungen per&nbsp;<span class='text-nowrap'>E-Mail</span>",true, true, false],
["persönlicher&nbsp;Support",false, true, true],
["telefonische&nbsp;Beratung<br>persönlicher&nbsp;Energieberater",false, false, true],
]
</script>
<h1>Produktübersicht: <span class="text-secondary">Verbrauchsausweis Gewerbegebäude</span></h1>
<h3>Verbrauchsausweis Leistungen und Preise in der Übersicht:</h3>
<hr>
<br>
<div id="ProduktUebersichtVerbrauchsausweisGewerbe">
<div class="w-full sm:w-[80%] sm:mx-auto grid grid-cols-[1fr_max-content_max-content_max-content] sm:grid-cols-[1fr_min-content_min-content_min-content]">
<div class="zeile grid grid-cols-subgrid col-span-4 py-4 border-b-[1px] justify-items-center items-center sm:text-[1.25rem]">
<div class="justify-self-start pl-2"><b>Leistung</b></div><div><b>online</b></div><div><b>premium</b></div><div><b>offline</b></div>
</div>
{#each bullets as [bullet,online,premium,offline]}
<div class="bullet grid grid-cols-subgrid col-span-4 py-4 border-b-[1px] justify-items-center items-center">
<div class="justify-self-start pl-2">{@html bullet}</div>
<div class:check={online} class:check-no={!online}>{online ? "✔" : "✘"}</div>
<div class:check={premium} class:check-no={!premium}>{premium ? "✔" : "✘"}</div>
<div class:check={offline} class:check-no={!offline}>{offline ? "✔" : "✘"}</div>
</div>
{/each}
<div class="zeile grid grid-cols-subgrid col-span-4 py-4 border-b-[0px] justify-items-center items-center sm:text-[1.25rem]">
<div class="price justify-self-start pl-2">Preis inkl. MwSt.</div>
<div class="price"><b>{PRICES.VerbrauchsausweisGewerbe[0]}&nbsp;€</b></div>
<div class="price"><b>{PRICES.VerbrauchsausweisGewerbe[1]}&nbsp;€</b></div>
<div class="price"><b>{PRICES.VerbrauchsausweisGewerbe[2]}&nbsp;€</b></div>
</div>
<div class="zeile grid grid-cols-subgrid col-span-4 py-4 border-b-[0px] justify-items-center items-center">
<div class="justify-self-start pl-2"></div>
<button class="bestellbutton" type="button">sofort<br>bestellen</button>
<button class="bestellbutton" type="button">sofort<br>bestellen</button>
<button class="bestellbutton" type="button">sofort<br>bestellen</button>
</div>
</div>
</div>
<style lang="postcss">
.bestellbutton{@apply px-[2px] sm:px-4 mx-[2px] sm:mx-2 py-2 bg-secondary ring-2 ring-secondary/25 rounded-none xs:rounded-md text-white text-nowrap font-bold
hover:bg-gradient-to-br from-secondary to-secondary-grad hover:shadow-lg transition-all hover:no-underline hover:ring-2 hover:ring-primary;}
.zeile{@apply text-[0.6rem] sm:text-[1rem] md:text-[1.5rem]}
.bullet{@apply text-[0.75rem] sm:text-[1rem] md:text-[1.25rem]}
.bullet:nth-child(even){@apply bg-blue-100/40}
.bullet:nth-child(2){@apply !border-t-[6px]}
.bullet:nth-child(10){@apply !border-b-[6px]}
.check {
@apply text-[1.25rem] sm:text-[1.5rem] font-bold text-green-700;
}
.check-no {
@apply text-[1.25rem] sm:text-[1.5rem] font-bold text-red-700;
}
.price{@apply text-[1.15rem] sm:text-[1.5rem]}
</style>

45
src/components/design/content/ProduktUebersichtVerbrauchsausweisWohnen.svelte
View File

@@ -4,15 +4,15 @@ export let bullets;
export let title; export let title;
bullets = [ bullets = [
["Prüfung durch Dipl. Ing.<br>Registrierung beim DiBt<br>rechtssicher nach GEG",true, true, true], ["Prüfung durch Dipl.&nbsp;Ing.<br>Registrierung beim DiBt<br>rechtssicher nach&nbsp;GEG",true, true, true],
["Originalausweis als PDF per E-Mail<br>Originalausweis per Post (zubuchbar)",true, true, true], ["Originalausweis als&nbsp;PDF per&nbsp;<span class='text-nowrap'>E-Mail</span><br>Originalausweis per&nbsp;Post (zubuchbar)",true, true, true],
["Bearbeitung innerhalb 24 Stunden<br>Selbsteingabe",true, true, false], ["Bearbeitung innerhalb 24&nbsp;Stunden<br>Selbsteingabe",true, true, false],
["Same day service (zubuchbar)",true, true, false], ["Same&nbsp;day&nbsp;service (zubuchbar)",true, true, false],
["Fotoupload<br>Dokumentenupload<br>(Verbrauchsabrechnungen)",true, true, true], ["Fotoupload<br>Dokumentenupload<br>(Verbrauchsabrechnungen)",true, true, true],
["automatische Vorprüfung<br>Live Vorschau direkt bei Eingabe<br>Live Vorschauausweis vorab<br>Vorschauausweis per E-Mail<br>dynamische Eingabehilfe",true, true, false], ["automatische Vorprüfung<br>Live&nbsp;Vorschau direkt bei&nbsp;Eingabe<br>Live&nbsp;Vorschauausweis vorab<br>Vorschauausweis per&nbsp;E-Mail<br>dynamische&nbsp;Eingabehilfe",true, true, false],
["Prüfanmerkungen per E-Mail",true, true, false], ["Prüfanmerkungen per&nbsp;<span class='text-nowrap'>E-Mail</span>",true, true, false],
["persönlicher Support",false, true, true], ["persönlicher&nbsp;Support",false, true, true],
["telefonische Beratung<br>persönlicher Energieberater",false, false, true], ["telefonische&nbsp;Beratung<br>persönlicher&nbsp;Energieberater",false, false, true],
] ]
@@ -24,11 +24,11 @@ bullets = [
<hr> <hr>
<br> <br>
<div class="max-w-[320px]" id="ProduktUebersichtVerbrauchsausweisWohnen"> <div id="ProduktUebersichtVerbrauchsausweisWohnen">
<div class="w-[80%] sm:mx-auto grid grid-cols-[1fr_min-content_min-content_min-content]"> <div class="w-full sm:w-[80%] sm:mx-auto grid grid-cols-[1fr_max-content_max-content_max-content] sm:grid-cols-[1fr_min-content_min-content_min-content]">
<div class="grid grid-cols-subgrid col-span-4 py-4 border-b-[1px] justify-items-center items-center text-[1.25rem]"> <div class="zeile grid grid-cols-subgrid col-span-4 py-4 border-b-[1px] justify-items-center items-center sm:text-[1.25rem]">
<div class="justify-self-start pl-2"><b>Leistung</b></div><div><b>online</b></div><div><b>premium</b></div><div><b>offline</b></div> <div class="justify-self-start pl-2"><b>Leistung</b></div><div><b>online</b></div><div><b>premium</b></div><div><b>offline</b></div>
</div> </div>
@@ -41,14 +41,14 @@ bullets = [
</div> </div>
{/each} {/each}
<div class="grid grid-cols-subgrid col-span-4 py-4 border-b-[0px] justify-items-center items-center text-[1.25rem]"> <div class="zeile grid grid-cols-subgrid col-span-4 py-4 border-b-[0px] justify-items-center items-center sm:text-[1.25rem]">
<div class="justify-self-start pl-2">Preis inkl. MwSt.</div> <div class="price justify-self-start pl-2">Preis inkl. MwSt.</div>
<div><b>{PRICES.VerbrauchsausweisWohnen[0].toFixed(2)}&nbsp;€</b></div> <div class="price"><b>{PRICES.VerbrauchsausweisWohnen[0]}&nbsp;€</b></div>
<div><b>{PRICES.VerbrauchsausweisWohnen[1].toFixed(2)}&nbsp;€</b></div> <div class="price"><b>{PRICES.VerbrauchsausweisWohnen[1]}&nbsp;€</b></div>
<div><b>{PRICES.VerbrauchsausweisWohnen[2].toFixed(2)}&nbsp;€</b></div> <div class="price"><b>{PRICES.VerbrauchsausweisWohnen[2]}&nbsp;€</b></div>
</div> </div>
<div class="grid grid-cols-subgrid col-span-4 py-4 border-b-[0px] justify-items-center items-center text-[1rem]"> <div class="zeile grid grid-cols-subgrid col-span-4 py-4 border-b-[0px] justify-items-center items-center">
<div class="justify-self-start pl-2"></div> <div class="justify-self-start pl-2"></div>
<button class="bestellbutton" type="button">sofort<br>bestellen</button> <button class="bestellbutton" type="button">sofort<br>bestellen</button>
<button class="bestellbutton" type="button">sofort<br>bestellen</button> <button class="bestellbutton" type="button">sofort<br>bestellen</button>
@@ -63,22 +63,25 @@ bullets = [
<style lang="postcss"> <style lang="postcss">
.bestellbutton{@apply px-4 mx-2 py-2 bg-secondary ring-2 ring-secondary/25 rounded-none xs:rounded-md text-white text-nowrap font-bold .bestellbutton{@apply px-[2px] sm:px-4 mx-[2px] sm:mx-2 py-2 bg-secondary ring-2 ring-secondary/25 rounded-none xs:rounded-md text-white text-nowrap font-bold
hover:bg-gradient-to-br from-secondary to-secondary-grad hover:shadow-lg transition-all hover:no-underline hover:ring-2 hover:ring-primary;} hover:bg-gradient-to-br from-secondary to-secondary-grad hover:shadow-lg transition-all hover:no-underline hover:ring-2 hover:ring-primary;}
.bullet{@apply text-[0.75rem] sm:text-[1rem]} .zeile{@apply text-[0.6rem] sm:text-[1rem] md:text-[1.5rem]}
.bullet{@apply text-[0.75rem] sm:text-[1rem] md:text-[1.25rem]}
.bullet:nth-child(even){@apply bg-blue-100/40} .bullet:nth-child(even){@apply bg-blue-100/40}
.bullet:nth-child(2){@apply !border-t-[6px]} .bullet:nth-child(2){@apply !border-t-[6px]}
.bullet:nth-child(10){@apply !border-b-[6px]} .bullet:nth-child(10){@apply !border-b-[6px]}
.check { .check {
@apply text-[1.5rem] font-bold text-green-700; @apply text-[1.25rem] sm:text-[1.5rem] font-bold text-green-700;
} }
.check-no { .check-no {
@apply text-[1.5rem] font-bold text-red-700; @apply text-[1.25rem] sm:text-[1.5rem] font-bold text-red-700;
} }
.price{@apply text-[1.15rem] sm:text-[1.5rem]}
</style> </style>

18
src/components/widgets/WelcherAusweisWidget_1.svelte
View File

@@ -173,6 +173,7 @@ $: {
src="/images/right-sidebar/wohngebaeude.svg" src="/images/right-sidebar/wohngebaeude.svg"
alt="Wohnhaus Verbrauchsausweis" alt="Wohnhaus Verbrauchsausweis"
variant="einfach" variant="einfach"
empfehlung="nein"
services={[ services={[
["3&nbsp;Jahresverbräuche der Heizung benötigt.", true], ["3&nbsp;Jahresverbräuche der Heizung benötigt.", true],
["Zulässig bei Vermietung oder Verkauf.", true], ["Zulässig bei Vermietung oder Verkauf.", true],
@@ -182,7 +183,6 @@ $: {
]} ]}
href_buy="/energieausweis-erstellen/verbrauchsausweis-wohngebaeude/" href_buy="/energieausweis-erstellen/verbrauchsausweis-wohngebaeude/"
href_overview="/energieausweis-erstellen/verbrauchsausweis-wohngebaeude/produkt-uebersicht/" href_overview="/energieausweis-erstellen/verbrauchsausweis-wohngebaeude/produkt-uebersicht/"
empfehlung="nein"
></WidgetCardTemplate> ></WidgetCardTemplate>
</div> </div>
{/if} {/if}
@@ -206,7 +206,8 @@ $: {
["Kann als Grundlage für den ISFP dienen.", true], ["Kann als Grundlage für den ISFP dienen.", true],
["Objektivere Berechnungsmethode nach DIN 18599.", true], ["Objektivere Berechnungsmethode nach DIN 18599.", true],
]} ]}
href="/energieausweis-erstellen/bedarfsausweis-wohngebaeude/" href_buy="/energieausweis-erstellen/bedarfsausweis-wohngebaeude/"
href_overview="/energieausweis-erstellen/bedarfsausweis-wohngebaeude/produkt-uebersicht/"
></WidgetCardTemplate> ></WidgetCardTemplate>
</div> </div>
{/if} {/if}
@@ -222,6 +223,7 @@ $: {
src="/images/right-sidebar/gewerbegebaeude.svg" src="/images/right-sidebar/gewerbegebaeude.svg"
alt="Gewerbe Verbrauchsausweis" alt="Gewerbe Verbrauchsausweis"
variant="einfach" variant="einfach"
empfehlung="nein"
services={[ services={[
["3&nbsp;Jahresverbräuche von Heizung Gebäudestrom nötig.", true], ["3&nbsp;Jahresverbräuche von Heizung Gebäudestrom nötig.", true],
@@ -230,8 +232,8 @@ $: {
["Wird nicht immer bei den Banken akzeptiert.", false], ["Wird nicht immer bei den Banken akzeptiert.", false],
["xxx", false], ["xxx", false],
]} ]}
href="/energieausweis-erstellen/verbrauchsausweis-gewerbe/" href_buy="/energieausweis-erstellen/verbrauchsausweis-gewerbe/"
empfehlung="nein" href_overview="/energieausweis-erstellen/verbrauchsausweis-gewerbe/produkt-uebersicht/"
></WidgetCardTemplate> ></WidgetCardTemplate>
</div> </div>
@@ -257,7 +259,8 @@ $: {
["Objektiveres, besser vergleichbares Ergebnis.", true], ["Objektiveres, besser vergleichbares Ergebnis.", true],
["xxx", false], ["xxx", false],
]} ]}
href="/energieausweis-erstellen/bedarfsausweis-gewerbe/" href_buy="/energieausweis-erstellen/bedarfsausweis-gewerbe/"
href_overview="/energieausweis-erstellen/bedarfsausweis-gewerbe/produkt-uebersicht/"
></WidgetCardTemplate> ></WidgetCardTemplate>
</div> </div>
{/if} {/if}
@@ -273,6 +276,7 @@ $: {
src="/images/right-sidebar/gewerbegebaeude.svg" src="/images/right-sidebar/gewerbegebaeude.svg"
alt="Gewerbe Bedarfsausweis" alt="Gewerbe Bedarfsausweis"
variant="Bauvorlage" variant="Bauvorlage"
empfehlung="nein"
services={[ services={[
["xxx", true], ["xxx", true],
@@ -282,7 +286,7 @@ $: {
["xxx", false], ["xxx", false],
]} ]}
href="/energieausweis-erstellen/bedarfsausweis-gewerbe/" href="/energieausweis-erstellen/bedarfsausweis-gewerbe/"
empfehlung="nein"
></WidgetCardTemplate> ></WidgetCardTemplate>
</div> </div>
@@ -299,6 +303,7 @@ $: {
src="/images/right-sidebar/gewerbegebaeude.svg" src="/images/right-sidebar/gewerbegebaeude.svg"
alt="Gewerbe Bedarfsausweis" alt="Gewerbe Bedarfsausweis"
variant="Bauvorlage" variant="Bauvorlage"
empfehlung="nein"
services={[ services={[
["xxx", true], ["xxx", true],
@@ -308,7 +313,6 @@ $: {
["xxx", false], ["xxx", false],
]} ]}
href="/energieausweis-erstellen/bedarfsausweis-gewerbe/" href="/energieausweis-erstellen/bedarfsausweis-gewerbe/"
empfehlung="nein"
></WidgetCardTemplate> ></WidgetCardTemplate>
</div> </div>

2
src/lib/constants.ts
View File

@@ -28,7 +28,7 @@ export const PRICES: Record<Enums.Ausweisart, [number, number, number]> = {
BedarfsausweisWohnen: [135, 145, 290], BedarfsausweisWohnen: [135, 145, 290],
VerbrauchsausweisWohnen: [65, 75, 180], VerbrauchsausweisWohnen: [65, 75, 180],
VerbrauchsausweisGewerbe: [95, 115, 360], VerbrauchsausweisGewerbe: [95, 115, 360],
BedarfsausweisGewerbe: [500, 0, 0], BedarfsausweisGewerbe: [400, 600, 900],
}; };
export const SERVICES: Record< export const SERVICES: Record<

13
src/pages/energieausweis-erstellen/bedarfsausweis-gewerbe/produkt-uebersicht.astro Normal file
View File

@@ -0,0 +1,13 @@
---
import Layout from "#layouts/Layout.astro";
import ProduktUebersichtBedarfsausweisGewerbe from "#components/design/content/ProduktUebersichtBedarfsausweisGewerbe.svelte";
---
<Layout title="Bedarfsausweis Produktübersicht">
<ProduktUebersichtBedarfsausweisGewerbe>
</ProduktUebersichtBedarfsausweisGewerbe>
</Layout>

13
src/pages/energieausweis-erstellen/bedarfsausweis-wohngebaeude/produkt-uebersicht.astro Normal file
View File

@@ -0,0 +1,13 @@
---
import Layout from "#layouts/Layout.astro";
import ProduktUebersichtBedarfsausweisWohnen from "#components/design/content/ProduktUebersichtBedarfsausweisWohnen.svelte";
---
<Layout title="Bedarfsausweis Produktübersicht">
<ProduktUebersichtBedarfsausweisWohnen>
</ProduktUebersichtBedarfsausweisWohnen>
</Layout>

13
src/pages/energieausweis-erstellen/verbrauchsausweis-gewerbe/produkt-uebersicht.astro Normal file
View File

@@ -0,0 +1,13 @@
---
import Layout from "#layouts/Layout.astro";
import ProduktUebersichtVerbrauchsausweisGewerbe from "#components/design/content/ProduktUebersichtVerbrauchsausweisGewerbe.svelte";
---
<Layout title="Verbrauchsausweis Produktübersicht">
<ProduktUebersichtVerbrauchsausweisGewerbe>
</ProduktUebersichtVerbrauchsausweisGewerbe>
</Layout>

1
src/pages/energieausweis-erstellen/verbrauchsausweis-wohngebaeude/produkt-uebersicht.astro
View File

@@ -10,5 +10,4 @@ import ProduktUebersichtVerbrauchsausweisWohnen from "#components/design/content
</ProduktUebersichtVerbrauchsausweisWohnen> </ProduktUebersichtVerbrauchsausweisWohnen>
</Layout> </Layout>

8
src/style/global.css
View File

@@ -75,16 +75,16 @@ article {
hr {@apply mb-4 mt-4 border-primary;} hr {@apply mb-4 mt-4 border-primary;}
h1 {@apply text-4xl font-normal mb-2;} h1 {@apply pl-2 sm:pl-0 text-4xl font-normal mb-2;}
h2{@apply text-2xl font-normal mb-2;} h2{@apply pl-2 sm:pl-0 text-2xl font-normal mb-2;}
h3 {@apply text-xl font-normal ml-1;} h3 {@apply pl-2 sm:pl-0 text-xl font-normal ml-1;}
a {@apply text-blue-700 font-medium inline;} a {@apply text-blue-700 font-medium inline;}
p {@apply text-lg font-normal pl-2 pr-2 mb-4;} p {@apply text-lg font-normal pl-2 pr-2 mb-4;}
li {@apply text-lg font-normal } li {@apply text-lg font-normal }
ul {@apply list-disc list-inside mb-4} ul {@apply list-disc list-inside mb-4}
span {@apply text-secondary font-bold;} /*span {@apply text-secondary font-bold;}*/
} }