Add pixeldrain for creators offer

svelte/src/home_page/ForCreators.svelte

@@ -0,0 +1,97 @@
+<header id="prepaid">
+	<div class="header_image_container"></div>
+</header>
+<section>
+	<p style="text-align: center; font-size: 1.2em;">
+		We have a special offer for content creators and businesses
+	</p>
+	<p style="text-align: center; font-size: 1.2em;">
+		Whether you're working with large video files, high quality
+		photography or a different kind of media. Pixeldrain is the
+		best way to transfer data to your customers!
+	</p>
+	<br/>
+
+	<img src="/res/img/misc/sunrise.webp" class="float_right" alt="Sunrise">
+	<h2>Simple and affordable</h2>
+
+	<span class="keyword">€4 per TB per month for storage</span><br/>
+	<span class="keyword">€2 per TB for data transfer</span><br/>
+	<p>
+		You are only charged for what you use. And it's only 1.4% the price of
+		Amazon AWS. Yea, seriously, you could save 98% on your bandwidth bill by
+		switching!
+	</p>
+	<p>
+		Cheaper storage is also available with file expiry enabled.
+	</p>
+	<br style="clear: right;"/>
+	<br/>
+
+	<img src="/res/img/misc/branding.webp" class="float_left" alt="Download page branding">
+	<h2 style="clear: right;">Customizable</h2>
+	<p>
+		<span class="keyword">Downloading files doesn't have to be
+		dull.</span> Pixeldrain allows you to customize the look of
+		your download pages. Transfer files to your customers in
+		style! We also allow you to link directly to the file itself
+		and circumvent the download page completely.
+	</p>
+	<br style="clear: both;"/>
+	<h2>Interested?</h2>
+	<p>
+		To get started we will need the name and address of your business, and
+		the name of your pixeldrain account. We will prepare an invoice for you.
+		Your deposit needs to be at least €100 to save on administrative work.
+		We accept SEPA, PayPal and Bitcoin.
+	</p>
+	<p style="text-align: center;">
+		<a href="mailto:sales@pixeldrain.com" class="button button_highlight round" style="font-size: 1.4em">
+			<i class="icon">mail</i>
+			Contact sales@pixeldrain.com
+		</a>
+	</p>
+</section>
+
+
+<style>
+/* Override the default background with something spectacular */
+header {
+	background-image: url("/res/img/servers.webp");
+	background-repeat: no-repeat;
+	background-attachment: fixed;
+	background-position: center;
+	background-size: cover;
+	background-blend-mode: normal;
+}
+.header_image_container {
+	margin: auto;
+	height: 300px;
+	width: 750px;
+	max-width: 100%;
+	background-image: url("/res/img/professional_header.webp");
+	background-repeat: no-repeat;
+	background-size: contain;
+	background-position: center;
+}
+.keyword {
+	font-size: 1.1em;
+	text-shadow: 1px 1px 3px var(--shadow_color);
+}
+h2 {
+	border-bottom: none;
+}
+.float_left, .float_right {
+	max-width: 45%;
+	margin: 4px;
+	border-radius: 12px;
+}
+.float_left {
+	float: left;
+	margin-right: 16px;
+}
+.float_right {
+	float: right;
+	margin-left: 16px;
+}
+</style>