changes

apps/ebay/src/routes/packages-[packages]/+page.svelte

@@ -107,7 +107,7 @@
 				src={make_url('/images/visuals/sky_bf_23_2.png', dev)}
 				alt=""
 			/>
-			<Wunschgutschein />
+			<!-- <Wunschgutschein /> -->
 			<div class="max-w-4xl w-full">
 				<!-- <PackageTable /> -->
 				<Zubuchoptionen variant="black"/>

apps/web/src/routes/+page.svelte

@@ -21,8 +21,8 @@
 	<Tabs
 		tabs={[
 			{
-				name: 'Black Friday Deals (Komplett)',
-				component: Wunschgutschein
+				name: 'X-Mas Special (Komplett)',
+				component: undefined
 			},
 			{
 				name: 'Angebote mit weniger Paketen',

apps/web/src/routes/black_friday_showcase.svelte

@@ -2,29 +2,25 @@
 	import AboformularButton from 'components/elements/interactive/buttons/aboformular_button.svelte';
 </script>
 
-<div class="bg-slate-900 shade w-full flex flex-col items-center showcase_size">
-	<h1 class="no_gradient text-white text-center glow mb-0 pt-4">
-		Alles von Sky inklusive Paramount+ und Netflix ab € 40 mtl.*
+<div class="bg-white shade w-full flex flex-col items-center showcase_size">
+	<h1 class="no_gradient text-white text-center glow mb-0 pt-12">
+		Alles von Sky inklusive Paramount+ und Netflix für € 40 mtl.*
 	</h1>
 	<h2 class="no_gradient text-white text-center mt-0 mb-3">
-		Bis zu 3 parallele Streams + € 100 Wunschgutschein*
+		Bis zu 3 parallele Streams und UHD bei Sat- & Kabel-Empfang inklusive*
 	</h2>
-	<img
-		src="/images/visuals/sky_23-11_black-friday_header_l.avif"
-		alt=""
-		class="mb-10 w-3/4 max-w-[1000px]"
-	/>
+	<img src="/images/visuals/xmas_special.png" alt="" class="mb-10 w-3/4 max-w-[800px]" />
 
 	<ul class="text-white leading-7 text-xl pb-8">
 		<li>✓ Alles von Sky inkl. Paramount+ und Netflix für € 40 mtl. statt € 64 mtl.</li>
 		<li>✓ Inklusive Sky Go Plus mit 3 parallelen Streams</li>
 		<li>✓ Optional: UHD im Wert von € 60 im ersten Jahr</li>
-		<li>✓ Wertgutschein im Wert von € 100 von Sky</li>
 		<li>✓ 500 PAYBACK Basis Punkte</li>
+		<li>✓ Ersparnis: € 288 im ersten Jahr</li>
 	</ul>
 
 	<AboformularButton
-		source="Black Friday Showcase"
+		source="Xmas Special Showcase"
 		route="https://fd10.formdesk.com/tagaro/Sky-Bestellung-6"
 	/>
 </div>
@@ -34,6 +30,6 @@
 		filter: drop-shadow(0 0 1.5rem #66a2b4);
 	}
 	.shade {
-		background: linear-gradient(rgb(13, 19, 41), rgb(0, 0, 10));
+		background: linear-gradient(rgb(63, 15, 65), rgb(6, 13, 26));
 	}
 </style>

packages/components/complete/black_friday_vertragsinfomationen.svelte

@@ -7,7 +7,7 @@
 <div class="vertragsinfomationen_outer">
 	<div>
 		<div class="wählbare_pakete">
-			<h3 class={title_classes}>Black Friday Deals Vertragsinfomationen:</h3>
+			<h3 class={title_classes}>X-Mas Special Vertragsinfomationen:</h3>
 			<p>
 				Angebot gilt mit einer Mindestvertragslaufzeit von 12 Monaten (Monat der Freischaltung
 				(anteilig) zzgl. 12 Monaten) bei Buchung von Sky Entertainment Plus, Sky Cinema, Sky
@@ -67,7 +67,7 @@
 			automatisch anfällt.
 		</p>
 	</div>
-	<div>
+	<!-- <div>
 		<h3 class={title_classes}>Gutschein:</h3>
 		<p>
 			Bei Buchung von Sky Entertainment Plus, Sky Cinema, Sky Fußball-Bundesliga, Sky Sport, Sky
@@ -80,7 +80,7 @@
 			Zalando) bestellt werden. Der Versand des Gutscheins erfolgt über Cadooz. Barauszahlung sowie
 			Umtausch ausgeschlossen.
 		</p>
-	</div>
+	</div> -->
 	<div>
 		<h3 class={title_classes}>UHD/Dolby Atmos:</h3>
 		<p>

packages/components/complete/vertragsinfomationen_box.svelte

@@ -10,7 +10,7 @@
 	<Tabs tabs={[
 		{
 			component: BlackFridayVertragsinfomationen,
-			name: 'Black Friday Deals (Komplett)'
+			name: 'X-Mas Special (Komplett)'
 		},
 		{
 			component: Vertragsinfomationen,

packages/components/layout/tabs.svelte

@@ -3,7 +3,7 @@
 
 	export let tabs: {
 		name: string;
-		component: typeof SvelteComponent<{}>;
+		component: typeof SvelteComponent<{}> | undefined;
 	}[];
     export let active = 0;
 </script>
@@ -22,7 +22,7 @@
     </div>
     <div>
         {#each tabs as { component }, i}
-            {#if i === active}
+            {#if i === active && component}
                 <svelte:component this={component} />
             {/if}
         {/each}