changes

apps/ebay/package.json

@@ -24,12 +24,13 @@
 		"eslint-plugin-svelte3": "^4.0.0",
 		"html-inline-external": "^1.0.10",
 		"postcss": "^8.4.23",
+		"postcss-load-config": "^4.0.1",
 		"prettier": "^2.8.8",
 		"prettier-plugin-svelte": "^2.10.0",
+		"sass": "^1.62.1",
 		"svelte": "^3.59.1",
 		"svelte-check": "^3.3.2",
 		"tailwindcss": "^3.3.2",
-		"sass": "^1.62.1",
 		"tslib": "^2.5.2",
 		"tsx": "^3.12.7",
 		"typescript": "^5.0.4",

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

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { page } from '$app/stores';
 	import type { package_id } from 'asset_library/assets/packages';
-	import { bonus, bonus_string, get_price_string } from 'asset_library/prices';
+	import { bonus, get_price_string } from 'asset_library/prices';
 	import { make_url } from 'frontend/url';
 	import Header from './header.svelte';
 	import { dev } from '$app/environment';
@@ -58,10 +58,7 @@
 			[['entertainmentplus', 'cinema', 'bundesliga'], 'Titel'],
 			[
 				['entertainmentplus', 'sport', 'bundesliga', 'cinema'],
-				`Sky Komplett Abo inkl. Netflix & Paramount+ für ${get_price_string(
-					['entertainmentplus', 'sport', 'bundesliga', 'cinema'],
-					'jahr'
-				)} mtl. Dazu €&nbsp;${bonus} Bonus*`
+				`Alles von Sky für € 40 mtl. - Inkl. Paramount+, Netlix, UHD, Kids & Sky Go Plus*`
 			],
 			[
 				'allgemein',
@@ -89,21 +86,20 @@
 			<div class="text-center flex flex-col gap-2">
 				<h1 class="title font-bold text-3xl">{@html get_title(packages)}</h1>
 				<ul class="text-red-600 text-xl">
-					{#if bonus > 0}
-						<li>
-							✓ Bonus von TAGARO: {@html bonus_string()} Bonus on top bei erfolgreichem Vertragsabschluss
-						</li>
-					{/if}
+					<li>
+						✓ Erleben Sie das beste Angebot des Jahres von Sky mit dem aktuellen Black Friday Deal
+					</li>
 				</ul>
 				<p class="max-w-6xl mt-2">
-					Entdecken Sie die ganze Vielfalt von Sky mit unseren Wunschpaketen zum Vorteilspreis. Bei
-					Buchung des Cinema Pakets, erhalten Sie Paramount+ dazu. Zusätzlich überweisen wir Ihnen
-					einen Bonus von € {bonus}. Der Empfang ist über Sat, Kabel oder Internet möglich. Wir bieten
-					ebenso sämtliche Zubuchoptionen zu Ihrem Vertrag wie Multiscreen und DAZN an. Ihre
-					PAYBACK Nummer für 500 Basis-Punkte tragen wir gerne ein. Über die PAYBACK App oder online
-					sind weitere Punkte möglich, wenn Sie vor Aboaufnahme einen eCoupon aktivieren. Sie
-					profitieren bei TAGARO von einer schnellen und zuverlässigen Betreuung sowie jahrelanger
-					Erfahrung seit 2006.
+					Im Abo inklusive sind die Pakete Entertainment Plus mit Netflix, Cinema inkl.
+					Paramount+, Sport, Bundesliga, Kids, UHD (nur bei Sat- oder Kabel-Empfang) sowie Sky Go
+					Plus mit 3 parallelen Streams. Darüber hinaus erhalten Sie von Sky einen Wunschgutschein
+					im Wert von € 100. Der Empfang ist über Sat, Kabel oder Internet möglich. Wir bieten
+					ebenso sämtliche Zubuchoptionen zu Ihrem Vertrag wie Multiscreen und DAZN an. Ihre PAYBACK
+					Nummer für 500 Basis-Punkte tragen wir gerne ein. Über die PAYBACK App oder online sind
+					weitere Punkte möglich, wenn Sie vor Aboaufnahme einen eCoupon aktivieren. Sie profitieren
+					bei TAGARO von einer schnellen und zuverlässigen Betreuung sowie jahrelanger Erfahrung
+					seit 2006.
 				</p>
 			</div>
 			<img
@@ -118,8 +114,7 @@
 			<Block title="Abovermittlung mit TAGARO">
 				<p>
 					Nach dem eBay Sofort-Kauf erhalten Sie von uns eine leicht verständliche Nachricht zur
-					Aboabwicklung zugesandt. Die Anmeldung erfolgt durch uns im Anschluss umgehend. Als
-					Dankeschön erhalten Sie nach 8 Wochen eine €&nbsp;{bonus} Prämie auf Ihr Konto überwiesen.
+					Aboabwicklung zugesandt. Die Anmeldung erfolgt durch uns im Anschluss umgehend.
 				</p>
 				<p>
 					Wir vermitteln Sky Verträge bereits seit 2006 und stehen für eine einfache und zügige
@@ -156,9 +151,9 @@
 
 			<div class="max-w-7xl w-full p-5">
 				<Line />
-				<h2 class="text-3xl mb-7 mt-14 font-bold text-center">*Angebotsdetails für Neukunden</h2>
+				<h2 class="text-3xl mb-7 mt-14 font-bold text-center">*Angebotsdetails</h2>
 				<Vertragsinfomationen />
-				<div class="mb-4" />
+				<div class="mb-16" />
 				<Line space={'0px'} />
 			</div>
 

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

@@ -10,7 +10,7 @@
 	import MainShowcase from './main_showcase.svelte';
 </script>
 
-<Meta /><
+<Meta />
 
 <div>
 	{#if $tabindex === 0}
@@ -21,11 +21,11 @@
 	<Tabs
 		tabs={[
 			{
-				name: 'Black Friday',
+				name: 'Black Friday Deals (Komplett)',
 				component: Wunschgutschein
 			},
 			{
-				name: 'Angebote',
+				name: 'Angebote mit weniger Paketen',
 				component: AngeboteRotator
 			}
 		]}

apps/web/src/routes/black_friday_showcase.svelte

@@ -3,7 +3,7 @@
 </script>
 
 <div class="bg-slate-900 py-8 shade w-full flex flex-col items-center">
-	<h1 class="gradient text-center glow mb-0">
+	<h1 class="no_gradient text-white text-center glow mb-0">
 		Alles von Sky inklusive Paramount+ und Netflix ab € 40 mtl.*
 	</h1>
 	<h2 class="no_gradient text-white text-center mt-0 mb-3">

packages/components/complete/all_overviews.svelte

@@ -47,8 +47,10 @@
 		/>
 	</ConditionalHref>
 
-	<LineSpacer {space} />
-	<PackageTemplate show_price={!ebay_version} price_asset_ids={['dazn_unlimited']} />
+	{#if !ebay_version}
+		<LineSpacer {space} />
+		<PackageTemplate show_price={!ebay_version} price_asset_ids={['dazn_unlimited']} />
+	{/if}
 </div>
 
 <style lang="scss">

packages/components/complete/black_friday_vertragsinfomationen.svelte

@@ -1,13 +1,13 @@
 <script lang="ts">
-	import { bonus, get_price_string } from 'asset_library/prices';
+	import { get_price_string } from 'asset_library/prices';
 
 	const title_classes = 'light';
 </script>
 
 <div class="vertragsinfomationen_outer">
 	<div>
 		<div class="wählbare_pakete">
-			<h2>Black Friday Deals Vertragsinfomationen</h2>
+			<h3 class={title_classes}>Black Friday Deals 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
@@ -46,9 +46,6 @@
 				</li>
 				<li>- trendSports mtl. {@html get_price_string(['trendsports'], 'jahr')}</li>
 				<li>- 18+ für Blue Movie €&nbsp;0, einmalige Versandpauschale 18+ PIN</li>
-				<li>
-					- Sky Kids für {@html get_price_string(['kids'], 'jahr')} mtl.
-				</li>
 			</ul>
 		</div>
 	</div>
@@ -164,18 +161,17 @@
 	<div>
 		<h3 class={title_classes}>Sky Go inkl. Download:</h3>
 		<p>
-			Sky Go für 1 Stream gleichzeitig ist kostenlos im Abonnement enthalten. Mit Sky Go können
-			einzelne Inhalte des Sky Abonnements (ausgenommen gewerbliche und Sky Ticket Abonnements) über
-			das Internet (ausgeschlossen ist die Verbindung über einen VPN-Zugang) mit einem mobilen
-			Endgerät (Smartphones/Tablets ab iOS 9.0, Android 4.2, Windows 7, MacOS 10.9) empfangen und
-			abgerufen werden. Die verfügbaren Inhalte sind abhängig von den gebuchten Sky Programmpaketen.
-			Empfohlene Bandbreite 1 Mbit/s für SD-Qualität, 6 Mbit/s für HD-Qualität. Kunden können Sky Go
-			gemäß EU-Portabilitätsverordnung auch während eines vorübergehenden Aufenthalts in einem
-			anderen EU-Mitgliedstaat als Österreich oder Deutschland nutzen. Mit der Download-Funktion
-			können bis zu 25 Titel (max. 5 Spielfilme) gleichzeitig und jeder Titel kann nur zweimal im
-			Kalenderjahr heruntergeladen werden. Die heruntergeladenen Titel bleiben jeweils 30 Tage
-			verfügbar. Nach Beginn der Wiedergabe stehen die Titel 48 Stunden lang zur Verfügung und
-			werden anschließend gesperrt.
+			Mit Sky Go können einzelne Inhalte des Sky Abonnements (ausgenommen gewerbliche und Sky Ticket
+			Abonnements) über das Internet (ausgeschlossen ist die Verbindung über einen VPN-Zugang) mit
+			einem mobilen Endgerät (Smartphones/Tablets ab iOS 9.0, Android 4.2, Windows 7, MacOS 10.9)
+			empfangen und abgerufen werden. Die verfügbaren Inhalte sind abhängig von den gebuchten Sky
+			Programmpaketen. Empfohlene Bandbreite 1 Mbit/s für SD-Qualität, 6 Mbit/s für HD-Qualität.
+			Kunden können Sky Go gemäß EU-Portabilitätsverordnung auch während eines vorübergehenden
+			Aufenthalts in einem anderen EU-Mitgliedstaat als Österreich oder Deutschland nutzen. Mit der
+			Download-Funktion können bis zu 25 Titel (max. 5 Spielfilme) gleichzeitig und jeder Titel kann
+			nur zweimal im Kalenderjahr heruntergeladen werden. Die heruntergeladenen Titel bleiben
+			jeweils 30 Tage verfügbar. Nach Beginn der Wiedergabe stehen die Titel 48 Stunden lang zur
+			Verfügung und werden anschließend gesperrt.
 		</p>
 	</div>
 	<div>
@@ -280,14 +276,6 @@
 			7 Tagen nach Erhalt der Ware.
 		</p>
 	</div>
-	<div>
-		<h3 class={title_classes}>€&nbsp;{bonus} Prämie von uns:</h3>
-		<p>
-			Als Dankeschön erhalten Sie eine Prämie von €&nbsp;{bonus} auf Ihr Konto überwiesen. Sie erhalten
-			den Betrag nach ca. 8 Wochen nach dem Abobeginn gutgeschrieben.
-		</p>
-	</div>
-	<br />
 </div>
 
 <style>

packages/components/complete/vertragsinfomationen_box.svelte

@@ -6,15 +6,15 @@
 	import { tabindex } from 'frontend/tabindex';
 </script>
 
-<ExpandableBox title={'*Vertragsinformationen für Neukunden'}>
+<ExpandableBox title={'*Vertragsinformationen'}>
 	<Tabs tabs={[
 		{
 			component: BlackFridayVertragsinfomationen,
-			name: 'Black Friday'
+			name: 'Black Friday Deals (Komplett)'
 		},
 		{
 			component: Vertragsinfomationen,
-			name: 'Normal'
+			name: 'Angebote mit weniger Paketen'
 		}
 	]} bind:active={$tabindex}/>
 </ExpandableBox>

packages/components/complete/wunschgutschein.svelte

@@ -23,7 +23,9 @@
 	.outer {
 		display: flex;
 		justify-content: center;
-		padding: 50px;
+		padding: 35px;
+		padding-left: 50px;
+		padding-right: 50px;
 		background-color: rgb(230, 230, 230);
         box-shadow: 0 3px 10px rgba(0, 0, 0, 0.438);
         max-width: 100%;