Trial ended page (#1434)

src/pages/_data/menu.yml

@@ -230,6 +230,10 @@ extra:
       title: Settings
       url: settings.html
       badge: New
+    trial-eneded:
+      title: Trial ended
+      url: trial-eneded.html
+      badge: New
     job-listing:
       title: Job listing
       url: job-listing.html

src/pages/trial-ended.html

@@ -0,0 +1,47 @@
+---
+layout: single
+---
+
+<div class="card card-md">
+	<div class="card-body">
+		<h2 class="mb-3">Your free trial period has expired!</h2>
+
+		<p class="text-muted mb-4">
+			If you want to continue to benefit from Tabler, it's time to upgrade your plan.
+		</p>
+
+		<ul class="list-unstyled space-y">
+			<li class="row g-2">
+				<span class="col-auto">{% include ui/icon.html icon="check" class="me-1 text-success" %}</span>
+				<span class="col">
+					<strong class="d-block">Over 800+ productions</strong>
+					<span class="d-block text-muted">Unlimited movies, TV shows and more.</span>
+				</span>
+			</li>
+			<li class="row g-2">
+				<span class="col-auto">{% include ui/icon.html icon="check" class="me-1 text-success" %}</span>
+				<span class="col">
+					<strong class="d-block">Watch everywhere</strong>
+					<span class="d-block text-muted">Watch on smart TVs, PlayStation, Xbox, Apple TV, Blu-ray players and more.</span>
+				</span>
+			</li>
+			<li class="row g-2">
+				<span class="col-auto">{% include ui/icon.html icon="check" class="me-1 text-success" %}</span>
+				<span class="col">
+					<strong class="d-block">Personalize</strong>
+					<span class="d-block text-muted">Choose your own style, watch what you like.</span>
+				</span>
+			</li>
+		</ul>
+
+		<div class="my-4">
+			<a href="#" class="btn btn-primary w-100">
+				Upgrade to a paid plan
+			</a>
+		</div>
+
+		<p class="text-muted">
+			If you need to get a trial extension please feel free to <a href="#">contact us</a>.
+		</p>
+	</div>
+</div>