style: subtitle to be displayed if provided else empty (#22298)

* added: /support

* refactor code and implemented fail checks

* removed unused imports

* changed filter from from title to name

* refactor code to move context inside main

* removed unused variable

* added: /support

* refactor code and implemented fail checks

* removed unused imports

* changed filter from from title to name

* refactor code to move context inside main

* removed unused variable

* refactor: renamed set to get

* style: subtitle to be displyed if provided else empty

Co-authored-by: Shivam Mishra <scmmishra@users.noreply.github.com>
Co-authored-by: Anurag Mishra <32095923+Anurag810@users.noreply.github.com>
diff --git a/erpnext/www/support/index.html b/erpnext/www/support/index.html
index 2b1c282..93da503 100644
--- a/erpnext/www/support/index.html
+++ b/erpnext/www/support/index.html
@@ -4,8 +4,10 @@
 <section class="section section-padding-top section-padding-bottom">
 	<div class='container'>
 		<div class="hero-content">
-			<h1 class="hero-title">{{ greeting_title or _("We're here to help") }}</h1>
-			<p class="hero-subtitle">{{ greeting_subtitle or _("Browse help topics.") }}</p>
+			<h1 class="hero-title">{{ greeting_title or _("We're here to help!") }}</h1>
+			{% if greeting_subtitle %}
+			<p class="hero-subtitle">{{ greeting_subtitle }}</p>
+			{% endif %}
 		</div>
 	</div>
 </section>
@@ -16,16 +18,17 @@
 		<h2>{{ _("Frequently Read Articles") }}</h2>
 		<div class="row">
 			{% for favorite_article in favorite_article_list %}
-				<div class="mt-4 col-12 col-sm-6 col-lg-4">
-					<div class="card card-md h-100 kb-card">
-						<div class="card-body">
-							<h6 class="card-subtitle mb-2 text-uppercase small text-muted">{{ favorite_article['category'] }}</h6>
-							<h3 class="card-title">{{ favorite_article['title'] }}</h3>
-							<p class="card-text">{{ favorite_article['description'] }}</p>
-						</div>
-						<a href="{{ favorite_article['route'] }}" class="stretched-link"></a>
+			<div class="mt-4 col-12 col-sm-6 col-lg-4">
+				<div class="card card-md h-100 kb-card">
+					<div class="card-body">
+						<h6 class="card-subtitle mb-2 text-uppercase small text-muted">
+							{{ favorite_article['category'] }}</h6>
+						<h3 class="card-title">{{ favorite_article['title'] }}</h3>
+						<p class="card-text">{{ favorite_article['description'] }}</p>
 					</div>
+					<a href="{{ favorite_article['route'] }}" class="stretched-link"></a>
 				</div>
+			</div>
 			{% endfor %}
 		</div>
 	</div>