feat: update site descriptions for improved clarity and SEO

preview/pages/wizard.html

@@ -9,7 +9,7 @@ permalink: wizard.html
 	<div class="card-body text-center py-4 p-sm-5">
 		{% include "ui/illustration.html" image="boy-girl.svg" height="200" class="mb-n2" %}
 		<h1 class="mt-5">Welcome to Tabler!</h1>
-		<p class="text-secondary">Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again.</p>
+		<p class="text-secondary">{{ site.description }}</p>
 	</div>
 
 	{% include "ui/hr.html" text="your data" position="center" class="hr-text-spaceless" %}

shared/data/site.json

@@ -1,6 +1,7 @@
 {
   "title": "Tabler",
-  "description": "Premium and Open Source dashboard template with responsive and high quality UI.",
+  "descriptionShort": "Premium and Open Source dashboard template with responsive and high quality UI.",
+  "description": "Tabler is packed with beautifully crafted components and powerful features. Jump in and start building a stunning dashboard — all for free!",
   "themeColor": "#066fd1",
   "email": "[email protected]",
   "homepage": "https://tabler.io",

shared/includes/layout/banner.html

@@ -1,5 +1,5 @@
 <!--
-* Tabler - {{ site.description }}
+* Tabler - {{ site.descriptionShort }}
 * @version {{ package.version }}
 * @link {{ site.homepage }}
 * Copyright 2018-{{ 'now' | date: "%Y" }} The Tabler Authors

shared/includes/layout/og.html

@@ -2,13 +2,13 @@
 <meta name="twitter:image:src" content="{% if environment != 'development' %}{{ site.previewUrl }}{% endif %}/static/og.png">
 <meta name="twitter:site" content="@tabler_ui">
 <meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="Tabler: Premium and Open Source dashboard template with responsive and high quality UI.">
-<meta name="twitter:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
+<meta name="twitter:title" content="Tabler: {{ site.descriptionShort }}">
+<meta name="twitter:description" content="{{ site.description}}">
 <meta property="og:image" content="{% if environment != 'development' %}{{ site.previewUrl }}{% endif %}/static/og.png">
 <meta property="og:image:width" content="1280">
 <meta property="og:image:height" content="640">
 <meta property="og:site_name" content="Tabler">
 <meta property="og:type" content="object">
-<meta property="og:title" content="Tabler: Premium and Open Source dashboard template with responsive and high quality UI.">
+<meta property="og:title" content="Tabler: {{ site.descriptionShort }}">
 <meta property="og:url" content="{% if environment != 'development' %}{{ site.previewUrl }}{% endif %}/static/og.png">
-<meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
+<meta property="og:description" content="{{ site.description }}">

shared/layouts/base.html

@@ -8,7 +8,7 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
 	<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
 
-	<title>{% if title %}{{ title }} - {% endif %}{% if site.title %}{{ site.title }} - {% endif %}{{ site.description }}</title>
+	<title>{% if title %}{{ title }} - {% endif %}{% if site.title %}{{ site.title }} - {% endif %}{{ site.descriptionShort }}</title>
 
 	{% if environment == 'preview' %}
 		{% include "layout/analytics.html" %}
@@ -25,7 +25,7 @@
 		<link rel="icon" href="{{ page | relative }}/favicon.ico" type="image/x-icon"/>
 		<link rel="shortcut icon" href="{{ page | relative }}/favicon.ico" type="image/x-icon"/>
 
-		<meta name="description" content="{{ page.description | default: 'Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!' | escape }}"/>
+		<meta name="description" content="{{ description | default: site.description | escape }}"/>
 
 		{% include "layout/og.html" %}
 	{% endif %}